.period-selector{background:var(--bg-card);border:1px solid var(--border);width:fit-content;box-shadow:var(--shadow-sm);border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 16px;transition:all .3s;display:flex}.period-selector--history{background:var(--accent-muted);border-color:var(--accent-border)}.period-nav-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:100px;align-items:center;padding:4px;transition:all .15s;display:flex}.period-nav-btn:hover:not(:disabled){color:var(--text-primary);background:var(--surface-secondary)}.period-nav-btn:disabled{opacity:.3;cursor:not-allowed}.period-selector__centre{align-items:center;gap:8px;padding:0 8px;display:flex}.period-selector__icon{color:var(--text-muted);flex-shrink:0}.period-selector__label{font-family:var(--font-ui);color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}.period-selector__badge{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;background:var(--accent);color:#000;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:700}.period-selector__badge--history{background:var(--surface-secondary);color:var(--text-muted)}.period-selector__badge--ytd{background:var(--accent-muted);color:var(--text-primary);border:1px solid var(--accent-border)}.period-jump-current{font-family:var(--font-ui);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;margin-left:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s}.period-jump-current:hover{color:var(--text-primary);background:var(--surface-secondary)}.period-selector--compact{box-shadow:none;border-radius:100px;margin-bottom:0;padding:5px 12px}@media (width<=768px){.period-selector{box-sizing:border-box;justify-content:space-between;width:100%;margin-bottom:16px}.period-selector__centre{flex:1;justify-content:center}}