*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg2:#111118;--bg3:#1a1a24;--border:#2a2a38;--accent:#7c6dfa;--accent2:#fa6d8a;--accent3:#6dfabc;--text:#e8e8f0;--text2:#9090a8;--text3:#5a5a72;--row-border:#2a2a3880;--badge-yellow:#fac850;--sidebar-w:220px;--font:"Syne", sans-serif;--mono:"DM Mono", monospace}:root[data-theme=light]{--bg:#f4f4f8;--bg2:#fff;--bg3:#eaeaf1;--border:#d9d9e3;--accent:#5f4fe8;--accent2:#d63c60;--accent3:#0f9d6a;--text:#16161f;--text2:#4e4e66;--text3:#8a8aa0;--row-border:#1e1e3214;--badge-yellow:#8a6d00}body{background:var(--bg);color:var(--text);font-family:var(--font);zoom:.85;min-height:100vh;overflow-x:hidden}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);align-items:baseline;gap:2px;padding:28px 24px 24px;display:flex}.logo-mark{color:var(--accent);font-size:26px;font-weight:800;line-height:1}.logo-text{color:var(--text);font-size:20px;font-weight:700}.logo-sub{font-family:var(--mono);color:var(--text3);letter-spacing:.15em;text-transform:uppercase;align-self:center;margin-left:6px;font-size:10px}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.nav-item{color:var(--text2);font-family:var(--font);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{color:var(--accent);background:#7c6dfa26}.nav-icon{text-align:center;width:20px;font-size:16px}.sidebar-footer{border-top:1px solid var(--border);padding:16px}.user-badge{align-items:center;gap:10px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.user-name{color:var(--text);font-size:13px;font-weight:600}.user-role{color:var(--text3);font-size:11px;font-family:var(--mono)}.main-content{margin-left:var(--sidebar-w);background:var(--bg);flex:1;min-height:100vh;padding:32px}.page-header{margin-bottom:28px}.page-title{color:var(--text);letter-spacing:-.02em;font-size:28px;font-weight:800}.page-subtitle{color:var(--text3);font-size:13px;font-family:var(--mono);margin-top:4px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s}.stat-card:hover{border-color:var(--accent)}.stat-label{color:var(--text3);font-size:11px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.stat-value{color:var(--text);letter-spacing:-.03em;font-size:32px;font-weight:800}.stat-value.accent{color:var(--accent)}.stat-value.green{color:var(--accent3)}.stat-value.pink{color:var(--accent2)}.table-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden}.overview-grid{flex-direction:column;gap:12px;display:flex}.overview-grid .table-card{margin-bottom:0}.overview-cols{grid-template-columns:repeat(auto-fit,minmax(480px,1fr));align-items:start;gap:12px;display:grid}.overview-col{flex-direction:column;gap:12px;min-width:0;display:flex}.table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.table-title{color:var(--text);font-size:14px;font-weight:700}.table-count{font-family:var(--mono);color:var(--text3);background:var(--bg3);border-radius:20px;padding:3px 8px;font-size:11px}table{border-collapse:collapse;width:100%}th{text-align:left;font-size:10px;font-family:var(--mono);color:var(--text3);letter-spacing:.1em;text-transform:uppercase;background:var(--bg3);border-bottom:1px solid var(--border);padding:10px 20px}td{color:var(--text2);border-bottom:1px solid var(--row-border);padding:12px 20px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{color:var(--text);background:#7c6dfa0a}.badge{font-size:11px;font-family:var(--mono);border-radius:4px;align-items:center;padding:3px 8px;font-weight:500;display:inline-flex}.badge-green{color:var(--accent3);background:#6dfabc1f}.badge-yellow{color:var(--badge-yellow);background:#fac8501f}.badge-red{color:var(--accent2);background:#fa6d8a1f}.badge-blue{color:var(--accent);background:#7c6dfa1f}.badge-gray{color:var(--text2);background:#9090a81f}.loading-state{height:200px;color:var(--text3);font-family:var(--mono);justify-content:center;align-items:center;font-size:13px;display:flex}.loading-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin:0 3px;animation:1.2s ease-in-out infinite pulse;display:inline-block}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.error-state{color:var(--accent2);font-family:var(--mono);padding:24px;font-size:12px}.search-bar{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--font);border-radius:8px;outline:none;width:240px;padding:8px 14px;font-size:13px;transition:border-color .2s}.search-bar:focus{border-color:var(--accent)}.search-bar::placeholder{color:var(--text3)}.chart-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.chart-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px}.chart-title{color:var(--text);margin-bottom:16px;font-size:13px;font-weight:700}@media (width<=900px){.chart-grid{grid-template-columns:1fr}}.recharts-cartesian-grid line{stroke:var(--border)}.recharts-cartesian-axis-tick-value{fill:var(--text3)}.kpi-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px;display:grid}.kpi{background:var(--bg2);border:1px solid var(--border);border-radius:10px;min-width:0;padding:12px 14px;transition:border-color .2s}.kpi:hover{border-color:var(--accent)}.kpi-hi{background:#7c6dfa0f;border-color:#7c6dfa40}.kpi-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text3);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.kpi-value{letter-spacing:-.03em;color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:24px;font-weight:800;line-height:1.15;overflow:hidden}.kpi-value.accent{color:var(--accent)}.kpi-value.green{color:var(--accent3)}.kpi-value.pink{color:var(--accent2)}.kpi-value.yellow{color:var(--badge-yellow)}.kpi-sub{font-family:var(--mono);color:var(--text3);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;overflow:hidden}.kpi-sub.warn{color:var(--badge-yellow)}.kpi-sub.good{color:var(--accent3)}.kpi-scope{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:6px;font-size:10px}.kpi-scope-warn{color:var(--badge-yellow)}.tab-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tab-bar{background:var(--bg2);border:1px solid var(--border);border-radius:8px;gap:4px;padding:4px;display:flex}.tab-btn{cursor:pointer;font-family:var(--font);color:var(--text2);background:0 0;border:none;border-radius:6px;padding:6px 18px;font-size:13px;font-weight:600;transition:all .15s}.tab-btn:hover{color:var(--text)}.tab-btn.is-active{background:var(--accent);color:#fff}.tab-refresh{border:1px solid var(--border);color:var(--text3);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:11px;transition:all .15s}.tab-refresh:hover{color:var(--text2);border-color:var(--accent)}.analytics-cols{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:14px;margin-bottom:14px;display:grid}.analytics-cols>.table-card{margin-bottom:0}@media (width<=1150px){.analytics-cols{grid-template-columns:1fr}}.chart-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.chart-head .chart-title{margin-bottom:0}.chart-meta{font-family:var(--mono);color:var(--text3);white-space:nowrap;font-size:11px}.dash-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.dash-main{min-width:0}.dash-side{flex-direction:column;gap:12px;min-width:0;display:flex}.today-rail{background:var(--bg2);border:1px solid var(--border);border-radius:12px;font-size:12px;overflow:hidden}@media (width<=1280px){.dash-layout{grid-template-columns:1fr}.dash-side{order:-1}.today-body{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.today-section+.today-section{border-left:1px solid var(--row-border)}}.today-section{min-width:0}.today-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:12px 14px 10px;display:flex}.today-title{color:var(--text);font-size:14px;font-weight:700}.today-subtitle{font-family:var(--mono);color:var(--text3);margin-top:2px;font-size:10.5px}.today-add{border:1px solid var(--border);width:24px;height:24px;color:var(--text2);cursor:pointer;background:0 0;border-radius:6px;font-size:15px;line-height:1}.today-add:hover{color:var(--text);border-color:var(--accent)}.today-addform{border-bottom:1px solid var(--border);gap:6px;padding:10px 14px;display:flex}.today-addform input{min-width:0;font-size:12px;font-family:var(--font);background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;flex:1;padding:6px 8px}.today-addform button{font-size:11px;font-weight:600;font-family:var(--font);background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 10px}.today-addform button:disabled{opacity:.5;cursor:not-allowed}.today-error{color:var(--accent2);border-bottom:1px solid var(--border);padding:8px 14px;font-size:11px}.today-empty{text-align:center;color:var(--accent3);font-family:var(--mono);padding:22px 14px;font-size:11.5px}.today-empty-hint{color:var(--text3);font-family:var(--font);margin-top:6px;font-size:11px;line-height:1.5}.today-section-head{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text3);justify-content:space-between;align-items:center;padding:8px 14px 4px;font-size:10px;display:flex}.today-section-count{color:var(--text3)}.today-tone-late,.today-tone-late .today-section-count{color:var(--accent2)}.today-tone-today,.today-tone-today .today-section-count{color:var(--badge-yellow)}.today-row{border-top:1px solid var(--row-border);align-items:flex-start;gap:6px;padding:8px 10px 8px 14px;display:flex}.today-row:hover{background:#7c6dfa0a}.today-row.is-busy{opacity:.5;pointer-events:none}.today-row-main{cursor:pointer;flex:1;min-width:0}.today-row-subject{align-items:flex-start;gap:6px;min-width:0;display:flex}.today-row-text{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.today-dot{margin-top:5px}.today-chip{margin-top:2px}.today-dot{background:var(--accent2);border-radius:50%;flex-shrink:0;width:6px;height:6px}.today-chip{font-family:var(--mono);border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:9.5px}.today-chip-new{color:var(--accent);background:#7c6dfa24}.today-row-meta{font-family:var(--mono);color:var(--text3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;overflow:hidden}.today-sep{margin:0 4px}.today-about{color:var(--text2)}.today-due-late{color:var(--accent2)}.today-row-actions{opacity:0;flex-shrink:0;gap:2px;transition:opacity .12s;display:flex}.today-row:hover .today-row-actions,.today-row:focus-within .today-row-actions{opacity:1}.today-btn{width:24px;height:24px;color:var(--text2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;font-size:12px;line-height:1}.today-btn:hover{border-color:var(--border);background:var(--bg3);color:var(--text)}.today-snooze{position:relative}.today-menu{z-index:5;background:var(--bg2);border:1px solid var(--border);border-radius:8px;min-width:110px;padding:4px;position:absolute;top:26px;right:0;box-shadow:0 8px 24px #00000059}.today-menu-item{text-align:left;width:100%;color:var(--text2);font-size:11.5px;font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:6px 8px;display:block}.today-menu-item:hover{background:var(--bg3);color:var(--text)}.ov{flex-direction:column;gap:8px;display:flex}.ov-head{flex-direction:column;gap:2px;padding:4px 2px 0;display:flex}.ov-head .today-subtitle{margin-top:0}.ov-cards{flex-direction:column;gap:8px;display:flex}.ov-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;font-size:12px;overflow:hidden}.ov-card-head{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text3);justify-content:space-between;align-items:center;padding:8px 14px 4px;font-size:10px;display:flex}.ov-empty{color:var(--text3);font-family:var(--mono);padding:6px 14px 10px;font-size:10.5px}.ov-item{border-top:1px solid var(--row-border);cursor:pointer;align-items:center;gap:8px;padding:7px 14px;display:flex}.ov-item:hover{background:#7c6dfa0a}.ov-item-main{flex:1;min-width:0}.ov-item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.ov-item-meta{font-family:var(--mono);color:var(--text3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;overflow:hidden}.ov-item-side{flex-shrink:0;align-items:center;gap:8px;display:flex}.ov-item-when{font-family:var(--mono);color:var(--text3);flex-shrink:0;font-size:10.5px}.ov-amount{font-family:var(--mono);color:var(--accent3);font-size:12px;font-weight:600}@media (width<=1280px){.ov-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:start;gap:12px;display:grid}}