/* Period selector bar */
.period-bar { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.period-bar .period-label { color: #888; font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; margin-right: 2px; }
.period-btn { background: #1a1a1a; border: 1px solid #333; border-radius: 4px; padding: 3px 10px; color: #aaa; font-size: 11px; cursor: pointer; transition: all 0.15s; }
.period-btn:hover { border-color: #555; color: #ddd; }
.period-btn.active { border-color: #6ca0dc; color: #6ca0dc; background: #1a2a3a; }
.period-btn.active2 { border-color: #b39ddb; color: #b39ddb; background: #2a1a3a; }
.period-hint { color: #555; font-size: 9px; margin-left: auto; }