:root{--accent: #2563eb;--accent-ink: #1d4ed8;--accent-tint: #e8f0fe;--accent-tint-2: #eef2ff;--accent-tint-3: #f3f7ff;--sidebar-bg: #0f1729;--sidebar-text: #aab3c2;--sidebar-hover: #1b2438;--page-bg: #f5f6f8;--card-bg: #ffffff;--card-border: #e6e8ec;--hairline: #f0f2f4;--text-primary: #0f1729;--text-secondary: #5b6573;--text-muted: #8a93a3;--success-fg: #0b6b3a;--success-bg: #e7f4ee;--warning-fg: #9a5b00;--warning-bg: #fdf0dd;--warning-banner-bg: #fef6e7;--warning-banner-border: #f6dca0;--info-fg: #1d4ed8;--info-bg: #e8f0fe;--purple-fg: #7c3aed;--purple-bg: #f1ebfb;--purple-tint: #faf7ff;--danger-fg: #c0392b;--danger-bg: #fbe4e2;--indigo-fg: #4338ca;--indigo-bg: #eef2ff;--sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--shadow-card: 0 4px 18px rgba(16, 23, 41, .05);--radius-card: 11px;--radius-ctrl: 8px;--radius-pill: 20px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);color:var(--text-primary);background:var(--page-bg);-webkit-font-smoothing:antialiased}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;padding:18px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:16px;padding:6px 8px 18px;letter-spacing:-.02em}.brand .logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#2563eb,#4338ca);display:grid;place-items:center;color:#fff;font-size:14px}.nav-group{margin-top:14px}.nav-group h4{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#5b6573;margin:8px 10px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-ctrl);color:var(--sidebar-text);text-decoration:none;font-size:13.5px;font-weight:500;cursor:pointer}.nav-item:hover{background:var(--sidebar-hover)}.nav-item.active{background:var(--accent);color:#fff}.nav-item .count{margin-left:auto;font-family:var(--mono);font-size:11px;background:#ffffff1f;padding:1px 7px;border-radius:var(--radius-pill)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding:10px;border-top:1px solid #1b2438;font-size:12.5px}.sidebar-user{display:flex;align-items:center;gap:10px}.signout-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px 10px;background:var(--sidebar-hover);color:#fff;border:1px solid #2b3550;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.signout-btn:hover{background:#b3261e;border-color:#b3261e}.avatar{width:30px;height:30px;border-radius:50%;background:#2b3550;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:60px;background:var(--card-bg);border-bottom:1px solid var(--card-border);display:flex;align-items:center;gap:16px;padding:0 28px}.topbar .period{font-size:13px;font-weight:600;border:1px solid var(--card-border);border-radius:var(--radius-ctrl);padding:7px 12px;background:#fff}.topbar .search{flex:1;max-width:420px}.topbar .search input{width:100%;border:1px solid var(--card-border);border-radius:var(--radius-ctrl);padding:8px 12px;font-family:var(--sans);font-size:13px}.bell{margin-left:auto;position:relative;font-size:18px;color:var(--text-secondary)}.content{padding:28px;max-width:1180px;width:100%;margin:0 auto}.page-title{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.subtle{color:var(--text-secondary);font-size:13px}.label{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);padding:18px}.card.elevated{box-shadow:var(--shadow-card)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-head h3{font-size:15px;font-weight:600;margin:0}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:8px 10px;border-bottom:1px solid var(--card-border)}td{padding:11px 10px;border-bottom:1px solid var(--hairline);vertical-align:middle}tr:last-child td{border-bottom:none}.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill)}.pill.amber{background:var(--warning-bg);color:var(--warning-fg)}.pill.green{background:var(--success-bg);color:var(--success-fg)}.pill.blue{background:var(--info-bg);color:var(--info-fg)}.pill.slate{background:#eef0f3;color:#5b6573}.pill.indigo{background:var(--indigo-bg);color:var(--indigo-fg)}.tag{display:inline-flex;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.03em}.tag.business{background:var(--accent-tint);color:var(--accent-ink)}.tag.personal{background:var(--warning-bg);color:var(--warning-fg)}.btn{font-family:var(--sans);font-size:13px;font-weight:600;border-radius:var(--radius-ctrl);padding:9px 14px;border:1px solid var(--card-border);background:#fff;color:var(--text-primary);cursor:pointer}.btn:hover{background:#fafbfc}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#1f57d6}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.sm{padding:6px 10px;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--card-border);border-radius:var(--radius-card);padding:16px}.stat.amber{border-color:var(--warning-banner-border)}.stat.blue{border-color:#bcd0fb}.stat .big{font-size:28px;font-weight:600;font-family:var(--mono);margin-top:6px}.stat .cap{font-size:12px;color:var(--text-secondary);margin-top:4px}.banner{background:var(--warning-banner-bg);border:1px solid var(--warning-banner-border);border-radius:var(--radius-card);padding:14px 16px;display:flex;gap:12px;align-items:center;margin-bottom:20px;font-size:13px}.banner .icon{color:#f59e0b;font-size:18px}.banner a{margin-left:auto;color:var(--accent-ink);font-weight:600;white-space:nowrap;text-decoration:none}.row{display:flex;gap:16px}.muted{color:var(--text-muted)}.center-empty{text-align:center;color:var(--text-muted);padding:40px;font-size:13px}a.link{color:var(--accent-ink);text-decoration:none;font-weight:600}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}