*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--surface-0:oklch(12% .02 245);--surface-1:oklch(17% .02 245);--surface-2:oklch(20% .02 245);--surface-3:oklch(24% .02 245);--surface-4:oklch(28% .02 245);--border:oklch(33% .02 245);--border-muted:oklch(22% .02 245);--text-primary:oklch(92% .01 245);--text-muted:oklch(70% .01 245);--text-dim:oklch(52% .01 245);--color-overdue:#e5534b;--color-upcoming:#daaa3f;--color-ontrack:#3fb950;--color-new:#4d8ef7;--color-special:#a371f7;--color-accent:#1f6feb;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:6px;--radius-md:8px;--radius-pill:20px;--logo-bg-default:oklch(72% .015 245);--header-logo-filter:none}[data-theme=light]{--surface-0:oklch(96% .01 245);--surface-1:oklch(99% .008 245);--surface-2:oklch(100% .005 245);--surface-3:oklch(94% .012 245);--surface-4:oklch(91% .015 245);--border:oklch(87% .015 245);--border-muted:oklch(92% .01 245);--text-primary:oklch(18% .01 245);--text-muted:oklch(45% .01 245);--text-dim:oklch(62% .01 245);--color-overdue:#cf222e;--color-upcoming:#9a6700;--color-ontrack:#1a7f37;--color-new:#0969da;--color-special:#8250df;--color-accent:#0969da;--logo-bg-default:oklch(88% .015 245);--header-logo-filter:brightness(0) saturate(100%)}[data-theme=light] .account-card{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}[data-theme=light] .account-card:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000d}[data-theme=light] .account-card:focus-visible,[data-theme=light] .filter-chip:focus-visible,[data-theme=light] .sb-chip:focus-visible,[data-theme=light] .sb-icon-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}[data-theme=light] .modal-overlay{background:#0006}[data-theme=light] .modal-content{box-shadow:0 20px 60px #0000001f,0 8px 20px #00000014}[data-theme=light] .sb-chip.sb-chip-on,[data-theme=light] .filter-chip.chip-active-default{color:oklch(35% .12 245);background:oklch(93% .04 245);border-color:oklch(55% .15 245)}.theme-transitioning,.theme-transitioning *{transition:background-color .8s,color .8s,border-color .8s,box-shadow .8s,filter .8s!important}html,body,#root{height:100%}body{background:var(--surface-0);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}button,select{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.filter-chip{border-radius:var(--radius-pill);letter-spacing:.01em;cursor:pointer;border:1px solid var(--border);background:var(--surface-4);color:var(--text-muted);-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;transition:color .12s,background .12s,border-color .12s,transform 80ms;display:inline-flex}.filter-chip:hover{border-color:var(--text-dim);color:var(--text-primary);background:var(--surface-3)}.filter-chip:active{transform:scale(.97)}.filter-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.filter-chip.chip-active-default{color:#6aafff;background:#1f6feb26;border-color:#3b82f6}.filter-chip.chip-active-overdue{border-color:var(--color-overdue);color:var(--color-overdue);background:#e5534b1f}.filter-chip.chip-active-upcoming{border-color:var(--color-upcoming);color:var(--color-upcoming);background:#daaa3f1f}.filter-chip.chip-active-on_track{border-color:var(--color-ontrack);color:var(--color-ontrack);background:#3fb9501f}.filter-chip.chip-active-new{border-color:var(--color-new);color:var(--color-new);background:#4d8ef71f}.filter-chip.chip-active-special{border-color:var(--color-special);color:var(--color-special);background:#a371f71f}.account-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:default;padding:14px 16px;transition:transform .14s,box-shadow .14s,border-color .14s;box-shadow:inset 0 1px oklch(30% .02 245)}.account-card:hover{border-color:#4d8ef766;transform:translateY(-2px);box-shadow:inset 0 1px oklch(35% .02 245),0 4px 16px #00000073,0 1px 4px #0000004d}.account-card.card-special{border-color:#a371f74d}.account-card.card-special:hover{border-color:#a371f799;box-shadow:0 6px 16px #a371f726}.sidebar{background:var(--surface-1);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar-collapsed{align-items:center;gap:4px;width:48px;padding:10px 0 8px}.sidebar-expanded{width:208px}.sb-icon-btn{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .12s,border-color .12s;display:flex;position:relative}.sb-icon-btn:hover{background:var(--surface-3);border-color:var(--border)}.sb-icon-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sb-icon-btn.sb-icon-active{background:#1f6feb1f;border-color:#1f6feb59}.sb-active-dot{background:var(--color-accent);border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.sb-expand-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-top:auto;padding:4px 8px;font-size:18px;line-height:1;transition:color .12s}.sb-expand-btn:hover{color:var(--text-muted)}.sb-top-bar{border-bottom:1px solid var(--border-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.sb-heading{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.sb-collapse-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:18px;line-height:1;transition:color .12s,background .12s}.sb-collapse-btn:hover{color:var(--text-muted);background:var(--surface-3)}.sb-sections{flex-direction:column;flex:1;gap:18px;padding:14px 12px;display:flex;overflow-y:auto}.sb-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);margin-bottom:7px;font-size:10px;font-weight:700}.sb-chips{flex-wrap:wrap;gap:5px;display:flex}.sb-chip{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-4);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:3px 10px;font-size:11px;transition:all .12s}.sb-chip:hover{border-color:var(--text-dim);color:var(--text-primary)}.sb-chip:active{transform:scale(.96)}.sb-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sb-chip.sb-chip-on{color:#6aafff;background:#1f6feb26;border-color:#3b82f6}.sb-select{background:var(--surface-4);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;outline:none;padding:6px 10px;font-family:inherit;font-size:12px;transition:border-color .12s}.sb-select:focus{border-color:var(--color-accent);color:var(--text-primary)}.sb-clear-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;margin:0 12px 12px;padding:7px 12px;font-family:inherit;font-size:11px;transition:all .12s}.sb-clear-btn:hover{border-color:var(--color-overdue);color:var(--color-overdue);background:#e5534b0f}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b8;justify-content:center;align-items:center;padding:24px;animation:.14s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;width:100%;max-width:480px;max-height:85vh;animation:.18s modalSlideUp;overflow-y:auto;box-shadow:0 32px 100px #000c}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-muted);padding:20px 20px 16px}.modal-brand-name{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:22px;font-weight:700;line-height:1.2}.modal-close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:3px 7px;font-family:inherit;font-size:16px;transition:color .12s,background .12s}.modal-close-btn:hover{color:var(--text-primary);background:var(--surface-3)}.modal-badges-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.modal-badge{letter-spacing:.02em;border:1px solid #0000;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600}.modal-body{flex-direction:column;gap:10px;padding:16px 20px 20px;display:flex}.modal-stats-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.modal-stat{background:var(--surface-2);border:1px solid var(--border-muted);border-radius:var(--radius-md);padding:10px 12px}.modal-stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:5px;font-size:9px;font-weight:700}.modal-stat-value{color:var(--text-primary);letter-spacing:-.4px;font-size:20px;font-weight:700;line-height:1.1}.modal-stat-primary-value{letter-spacing:-.6px;font-size:28px}.modal-notes{background:var(--surface-2);border:1px solid var(--border-muted);border-radius:var(--radius-md);padding:12px 14px}.modal-notes-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:6px;font-size:9px;font-weight:700}.modal-notes-text{color:var(--text-muted);font-size:13px;line-height:1.65}.card-logo-wrap{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:3px;display:flex;overflow:hidden}.card-logo-img{object-fit:contain;width:100%;height:100%;display:block}.modal-logo-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:4px;display:flex;overflow:hidden}.modal-logo-img{object-fit:contain;width:100%;height:100%;display:block}.sentiment-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:3px}.sentiment-green{background:var(--color-ontrack);box-shadow:0 0 5px #3fb950a6}.sentiment-yellow{background:var(--color-upcoming);box-shadow:0 0 5px #daaa3fa6}.sentiment-red{background:var(--color-overdue);box-shadow:0 0 5px #e5534ba6}.modal-sentiment{background:var(--surface-2);border:1px solid var(--border-muted);border-radius:var(--radius-md);padding:12px 14px}.sentiment-legend{border-top:1px solid var(--border-muted);gap:16px;padding-top:10px;display:flex}.legend-item{color:var(--text-dim);align-items:center;gap:6px;font-size:11px;transition:color .12s;display:flex}.legend-item-active{color:var(--text-muted);font-weight:600}.badge{letter-spacing:.04em;border:1px solid #0000;border-radius:4px;align-items:center;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.badge-drop{z-index:9999;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);pointer-events:auto;min-width:180px;max-width:240px;padding:10px 12px;position:fixed;box-shadow:0 8px 24px #00000059}[data-theme=dark] .badge-drop{background:oklch(28% .02 245);border-color:oklch(42% .02 245)}[data-theme=dark] .badge-drop-title{color:oklch(95% .01 245)}[data-theme=dark] .badge-drop-label{color:oklch(68% .01 245)}[data-theme=dark] .badge-drop-list li{color:oklch(84% .01 245)}[data-theme=dark] .badge-drop-list li:before{color:oklch(55% .01 245)}[data-theme=dark] .badge-drop-row{color:oklch(84% .01 245)}[data-theme=dark] .badge-drop-row .badge-drop-label{color:oklch(68% .01 245)}.badge-drop-title{color:var(--text-primary);letter-spacing:-.1px;margin-bottom:8px;font-size:12px;font-weight:700}.badge-drop-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;font-size:10px;font-weight:600}.badge-drop-list{margin-bottom:8px;list-style:none}.badge-drop-list li{color:var(--text-muted);padding:2px 0 2px 10px;font-size:12px;position:relative}.badge-drop-list li:before{content:"·";color:var(--text-dim);position:absolute;left:0}.badge-drop-row{color:var(--text-muted);align-items:baseline;gap:5px;margin-top:4px;font-size:12px;display:flex}.badge-drop-row .badge-drop-label{flex-shrink:0;margin-bottom:0}.modal-section{border-top:1px solid var(--border-muted);padding:14px 0}.modal-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:10px;font-weight:700}.modal-prefs-row{flex-wrap:wrap;gap:8px;display:flex}.modal-pref-pill{color:var(--text-muted);background:var(--surface-4);border:1px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.modal-pref-icon{font-size:12px;line-height:1}.modal-blocking-card{border-radius:var(--radius-md);background:#e5534b12;border:1px solid #e5534b33;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.modal-blocking-reason{color:var(--text-muted);flex:1;font-size:12px;line-height:1.4}.modal-blocking-days{text-align:right;flex-shrink:0}.modal-blocking-days-num{color:var(--color-overdue);font-size:22px;font-weight:700;line-height:1}.modal-blocking-days-label{color:var(--text-dim);margin-top:1px;font-size:11px;display:block}