*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro,ui-sans-serif,system-ui,sans-serif;font-size:14px;letter-spacing:-.01em;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit}.scroll{overflow:auto}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.dark .scroll::-webkit-scrollbar-thumb{background:#ffffff26}.scroll::-webkit-scrollbar-track{background:transparent}:root{--accent: #0A84FF;--accent-soft: rgba(10, 132, 255, .12);--bg: #f2f1ee;--bg-deep: #e9e8e3;--surface: rgba(255, 255, 255, .62);--surface-strong: rgba(255, 255, 255, .84);--surface-thin: rgba(255, 255, 255, .42);--hairline: rgba(0, 0, 0, .08);--hairline-strong: rgba(0, 0, 0, .14);--ink: #1c1c1e;--ink-2: rgba(28, 28, 30, .72);--ink-3: rgba(28, 28, 30, .5);--ink-4: rgba(28, 28, 30, .32);--separator: rgba(60, 60, 67, .12);--shadow-card: 0 1px 0 rgba(255,255,255,.6) inset, 0 12px 36px rgba(20, 30, 60, .08), 0 1px 2px rgba(20, 30, 60, .06);--radius: 14px;--radius-lg: 20px;--radius-xl: 26px}.dark{--bg: #000;--bg-deep: #0a0a0c;--surface: rgba(28, 28, 30, .55);--surface-strong: rgba(36, 36, 38, .78);--surface-thin: rgba(255, 255, 255, .06);--hairline: rgba(255, 255, 255, .08);--hairline-strong: rgba(255, 255, 255, .16);--ink: #f5f5f7;--ink-2: rgba(245, 245, 247, .72);--ink-3: rgba(245, 245, 247, .5);--ink-4: rgba(245, 245, 247, .32);--separator: rgba(120, 120, 128, .32);--shadow-card: 0 1px 0 rgba(255,255,255,.06) inset, 0 12px 36px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3)}.wallpaper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(1200px 800px at 18% 10%,rgba(10,132,255,.18),transparent 60%),radial-gradient(900px 700px at 92% 8%,rgba(48,176,199,.2),transparent 65%),radial-gradient(1000px 800px at 80% 92%,rgba(175,82,222,.14),transparent 60%),radial-gradient(800px 700px at 12% 95%,rgba(255,149,0,.1),transparent 65%),linear-gradient(180deg,#f4f3ef,#e8e7e1)}.dark .wallpaper{background:radial-gradient(1200px 800px at 18% 10%,rgba(10,132,255,.32),transparent 60%),radial-gradient(900px 700px at 92% 8%,rgba(48,176,199,.28),transparent 65%),radial-gradient(1000px 800px at 80% 92%,rgba(175,82,222,.24),transparent 60%),radial-gradient(800px 700px at 12% 95%,rgba(255,149,0,.16),transparent 65%),linear-gradient(180deg,#08080a,#000)}.glass{background:var(--surface);-webkit-backdrop-filter:blur(36px) saturate(180%);backdrop-filter:blur(36px) saturate(180%);border:.5px solid var(--hairline-strong);box-shadow:var(--shadow-card);position:relative;isolation:isolate}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff80,#fff0 30%,#fff0 70%,#ffffff2e);pointer-events:none;mix-blend-mode:overlay;z-index:1}.dark .glass:before{background:linear-gradient(180deg,#ffffff1a,#fff0,#fff0 70%,#ffffff0d)}.glass>*{position:relative;z-index:2}.glass-thin{background:var(--surface-thin);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:.5px solid var(--hairline)}.glass-strong{background:var(--surface-strong);-webkit-backdrop-filter:blur(48px) saturate(180%);backdrop-filter:blur(48px) saturate(180%);border:.5px solid var(--hairline-strong)}.title-1{font-size:28px;font-weight:700;letter-spacing:-.022em}.title-2{font-size:22px;font-weight:700;letter-spacing:-.02em}.title-3{font-size:17px;font-weight:600;letter-spacing:-.01em}.body{font-size:14px}.caption{font-size:12px;color:var(--ink-3)}.caption-2{font-size:11px;color:var(--ink-3);letter-spacing:.02em}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:999px;font-weight:500;font-size:13px;letter-spacing:-.01em;background:var(--accent);color:#fff;transition:transform .12s,filter .12s,background .12s}.btn:hover{filter:brightness(1.05)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-strong);color:var(--ink);border:.5px solid var(--hairline)}.btn-ghost{background:transparent;color:var(--accent)}.btn-icon{width:32px;height:32px;padding:0;background:var(--surface-strong);color:var(--ink-2);border:.5px solid var(--hairline);border-radius:50%}.chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;border-radius:999px;background:#0000000f;color:var(--ink-2);font-size:11.5px;font-weight:500}.dark .chip{background:#ffffff14}.chip-accent{background:var(--accent-soft);color:var(--accent)}.chip-green{background:#34c7591f;color:#138d3d}.dark .chip-green{color:#34c759}.chip-orange{background:#ff950024;color:#c66700}.dark .chip-orange{color:#ff9f0a}.chip-red{background:#ff3b301f;color:#c4302a}.dark .chip-red{color:#ff453a}.card{border-radius:var(--radius-lg);padding:18px 20px}.search{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border-radius:10px;background:#78788029;color:var(--ink-2)}.search input{border:0;background:transparent;color:inherit;outline:0;flex:1;font:inherit;font-size:13.5px}.search input::placeholder{color:var(--ink-3)}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:13px;color:#fff;flex-shrink:0;letter-spacing:-.02em;box-shadow:0 1px 2px #0000001a,inset 0 0 0 .5px #fff3}.avatar-lg{width:64px;height:64px;font-size:22px}.avatar-sm{width:26px;height:26px;font-size:10px}.statusbar{display:flex;align-items:center;justify-content:space-between;padding:6px 24px 0;font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em;height:28px;flex-shrink:0;position:relative;z-index:5}.screen-fade{animation:fadein .25s ease-out}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sidebar{width:264px;flex-shrink:0;border-right:.5px solid var(--separator);display:flex;flex-direction:column;padding:14px 12px;gap:4px;height:100%}.sb-row{display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;border-radius:9px;color:var(--ink-2);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .12s;position:relative;text-decoration:none}.sb-row:hover{background:#0000000a}.dark .sb-row:hover{background:#ffffff0d}.sb-row.active{background:var(--accent-soft);color:var(--accent)}.sb-row .sb-icon{width:22px;height:22px;display:grid;place-items:center;color:var(--ink-3)}.sb-row.active .sb-icon{color:var(--accent)}.sb-section{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--ink-4);text-transform:uppercase;padding:14px 12px 4px}.tabbar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px;border-radius:24px;z-index:100}.tabbar .tb-item{display:flex;flex-direction:column;align-items:center;width:64px;padding:6px 0;color:var(--ink-3);cursor:pointer;border-radius:18px;font-size:10px;font-weight:500;gap:2px;text-decoration:none}.tabbar .tb-item.active{color:var(--accent)}.tabbar .tb-item:hover{color:var(--ink-2)}.tabbar .tb-item.active:hover{color:var(--accent)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;height:56px;border-bottom:.5px solid var(--separator);flex-shrink:0}.seg{display:inline-flex;padding:2px;background:#78788029;border-radius:9px;font-size:12.5px;font-weight:500}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:5px 12px;border-radius:7px;color:var(--ink-2);cursor:pointer;font-weight:500;transition:background .12s,color .12s}.seg button.active{background:var(--surface-strong);color:var(--ink);box-shadow:0 1px 2px #00000014}.sheet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;justify-content:flex-end;animation:fadein .2s}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet-panel{position:relative;height:calc(100% - 24px);margin:12px;border-radius:22px;padding:20px;display:flex;flex-direction:column}.empty-state{display:grid;place-items:center;height:100%;text-align:center;color:var(--ink-3);padding:40px}.master-detail{display:grid;grid-template-columns:320px 1fr;height:calc(100% - 56px);overflow:hidden}.master-detail .master{border-right:.5px solid var(--separator);overflow:auto}.master-detail .detail{overflow:auto}.list-row{display:flex;align-items:center;gap:12px;border-bottom:.5px solid var(--separator);cursor:pointer;transition:background .1s}.list-row:hover{background:#0000000a}.dark .list-row:hover{background:#ffffff0a}.list-row.selected{background:var(--accent-soft)}.tweak-trigger{position:fixed;top:14px;right:18px;z-index:50}.tweak-panel{position:fixed;top:60px;right:18px;width:320px;border-radius:18px;padding:18px;z-index:100}.tweak-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.tweak-section{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--ink-4);text-transform:uppercase;padding:14px 0 4px}.tile-now{background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent) 70%,#30B0C7));color:#fff;border-radius:var(--radius-lg);padding:18px 20px;position:relative;overflow:hidden}.tile-now:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px 200px at 90% -10%,rgba(255,255,255,.35),transparent 60%);pointer-events:none}.stat-card{padding:16px 18px;border-radius:var(--radius-lg)}.stat-card .stat-num{font-size:30px;font-weight:700;letter-spacing:-.025em}.stat-card .stat-label{font-size:12px;color:var(--ink-3);margin-top:4px;font-weight:500}.stat-card .stat-trend{font-size:11px;margin-top:8px;color:#34c759;font-weight:600}.timeline{display:grid;grid-template-columns:60px 1fr;gap:0}.tl-time{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;padding-top:12px;text-align:right;padding-right:12px;font-weight:500}.tl-event{margin:6px 0;padding:12px 14px;border-radius:12px;border-left:3px solid var(--accent);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.chip-purple{background:#af52de1f;color:#8e3ad9}.dark .chip-purple{color:#bf5af2}