@import "https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&family=Inter:wght@500;600;700;800&display=swap";
:root{--bg-app:#050b12;--bg-deep:#02060b;--panel:#0a1623c7;--panel-strong:#0f2032eb;--surface:#1830489e;--surface-hover:#204666b8;--border:#7cddff29;--border-strong:#00d8ff57;--cyan:#00d8ff;--teal:#12e6c8;--violet:#8b7cff;--amber:#ffbf47;--danger:#ff4d6d;--success:#29d884;--text:#eaf6ff;--muted:#93abc0;--soft:#5d758b;--shadow-cyan:0 0 30px #00d8ff29;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--focus:0 0 0 3px #12e6c852}*{box-sizing:border-box}html{background:var(--bg-app);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100%}body{min-height:100%;color:var(--text);background:radial-gradient(circle at 18% 12%, #00d8ff1f, transparent 28%), radial-gradient(circle at 75% 2%, #12e6c81f, transparent 24%), linear-gradient(145deg, var(--bg-app), var(--bg-deep) 64%);margin:0;font-family:Assistant,Inter,system-ui,-apple-system,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,[role=button]:focus-visible{box-shadow:var(--focus);outline:none}.app-shell{grid-template-columns:310px 1fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.background-grid{pointer-events:none;opacity:.5;background-image:linear-gradient(#7cddff0d 1px,#0000 1px),linear-gradient(90deg,#7cddff0d 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 75%);mask-image:radial-gradient(circle,#000 0,#0000 75%)}.category-rail{z-index:2;border-left:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#050c14eb,#050c14b8);height:100vh;padding:24px 18px;position:sticky;top:0;overflow:auto}.rail-header{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff09;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex}.rail-header p,.eyebrow{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:Inter,sans-serif;font-size:.72rem}.rail-header strong{margin-top:2px;font-size:1.06rem;display:block}.mini-orb{background:radial-gradient(circle, #fff 0 5%, var(--cyan) 8% 22%, #00d8ff1f 45%, transparent 70%);border-radius:999px;width:46px;height:46px;box-shadow:0 0 36px #00d8ff73,inset 0 0 18px #ffffff52}.category-list{gap:8px;display:grid}.category-pill{width:100%;min-height:46px;color:var(--muted);border-radius:var(--radius-sm);text-align:right;background:0 0;border:1px solid #0000;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.category-pill:hover,.category-pill.active{color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-cyan);background:linear-gradient(90deg,#00d8ff1c,#12e6c80b)}.category-icon{color:var(--cyan);text-align:center;font-weight:800}.category-pill em{color:var(--teal);border:1px solid #12e6c847;border-radius:999px;padding:2px 7px;font-size:.68rem;font-style:normal}.add-category{width:100%;color:var(--teal);border-radius:var(--radius-sm);background:#12e6c80a;border:1px dashed #12e6c859;margin-top:14px;padding:12px}.command-center{z-index:1;padding:30px;position:relative;overflow:auto}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(2.15rem,4vw,4.4rem);line-height:.95}h2{margin-bottom:0;font-size:1.45rem}h3{margin-bottom:6px;font-size:1.05rem}.topbar p:not(.eyebrow){color:var(--muted);max-width:760px}.top-actions{gap:10px;display:flex}.primary-button,.ghost-button,.capture-input button,.approval-card button{border:1px solid var(--border-strong);border-radius:999px;min-height:42px;padding:0 16px}.primary-button,.capture-input button,.approval-card .approve{color:#001015;background:linear-gradient(135deg, var(--cyan), var(--teal));font-weight:800;box-shadow:0 12px 34px #00d8ff38}.ghost-button,.approval-card .secondary{color:var(--text);background:#ffffff0b}.metrics-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff09;padding:16px}.metric span{color:var(--muted);margin-bottom:8px;display:block}.metric strong{color:var(--cyan);font-family:Inter,sans-serif;font-size:2rem}.metric-teal strong{color:var(--teal)}.metric-violet strong{color:var(--violet)}.metric-amber strong{color:var(--amber)}.main-grid{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:18px;display:grid}.left-stack{gap:18px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#0f2133c7,#08111db8);box-shadow:0 20px 80px #00000052,inset 0 1px #ffffff0d}.capture-panel,.task-panel,.finance-panel,.onboarding-panel{padding:20px}.panel-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.capture-input{grid-template-columns:1fr auto;gap:10px;display:grid}.capture-input input{width:100%;min-height:54px;color:var(--text);border:1px solid var(--border);background:#0000003d;border-radius:999px;padding:0 18px}.type-grid{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.type-grid button{color:var(--muted);border:1px solid var(--border);background:#ffffff09;border-radius:999px;padding:7px 12px}.live-dot{color:var(--teal);font-size:.86rem}.live-dot:before{content:"";background:var(--success);width:8px;height:8px;box-shadow:0 0 16px var(--success);border-radius:999px;margin-left:8px;display:inline-block}.task-list{gap:10px;display:grid}.task-card{border-radius:var(--radius-md);background:#ffffff09;border:1px solid #7cddff21;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:14px;display:grid}.task-card:hover{border-color:var(--border-strong);background:var(--surface)}.check-core{background:radial-gradient(circle,#12e6c81f,#00d8ff0a);border:1px solid #12e6c873;border-radius:999px;width:34px;height:34px}.task-meta,.task-footer{color:var(--soft);flex-wrap:wrap;gap:8px;font-size:.84rem;display:flex}.task-meta span,.task-footer span{background:#ffffff0b;border-radius:999px;padding:2px 8px}.task-card h3{margin:7px 0 9px}.due{color:var(--teal)}.priority{color:var(--amber)}.image-chip{color:var(--violet)}.jarvis-panel{padding:24px;position:sticky;top:24px;overflow:hidden}.orb-wrap{place-items:center;width:230px;height:230px;margin:0 auto 16px;display:grid;position:relative}.orb-ring,.orb-core{border-radius:999px;position:absolute}.ring-one{border:1px solid #00d8ff52;width:210px;height:210px;box-shadow:inset 0 0 35px #00d8ff14}.ring-two{border:1px dashed #12e6c87a;width:150px;height:150px}.orb-core{background:radial-gradient(circle, #fff 0 7%, var(--cyan) 10% 28%, #12e6c82e 54%, transparent 70%);width:86px;height:86px;box-shadow:0 0 60px #00d8ff8c}.jarvis-copy{color:var(--muted);line-height:1.55}.preview-box,.approval-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#0003;margin-top:14px;padding:14px}.preview-box span{color:var(--teal);font-size:.82rem}.preview-box strong{margin:8px 0 12px;display:block}dl{gap:8px;margin:0;display:grid}dl div{border-bottom:1px solid #ffffff12;justify-content:space-between;gap:12px;padding-bottom:6px;display:flex}dt{color:var(--soft)}dd{color:var(--text);margin:0}.approval-card p{color:var(--text);line-height:1.55}.approval-card div{gap:8px;display:flex}.onboarding-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.onboarding-step{border-radius:var(--radius-md);background:linear-gradient(#12e6c811,#00d8ff07);border:1px solid #12e6c829;min-height:132px;padding:14px}.onboarding-step>span{color:var(--teal);letter-spacing:.12em;font-family:Inter,sans-serif;font-weight:800}.onboarding-step h3{margin:12px 0 6px}.onboarding-step p{color:var(--muted);margin-bottom:0;line-height:1.42}.finance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.finance-card{border-radius:var(--radius-md);background:linear-gradient(160deg,#ffbf4714,#00d8ff0a);border:1px solid #ffffff14;min-height:146px;padding:15px;position:relative}.finance-card p{color:var(--muted)}.finance-card button{width:30px;height:30px;color:var(--amber);background:#ffbf4717;border:1px solid #ffbf4766;border-radius:999px;position:absolute;top:12px;left:12px}.finance-card span{color:var(--soft);font-size:.84rem;line-height:1.35;display:block}@media (max-width:1180px){.app-shell{grid-template-columns:1fr}.category-rail{border-left:0;border-bottom:1px solid var(--border);height:auto;position:relative}.category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid{grid-template-columns:1fr}.jarvis-panel{position:relative;top:0}}@media (max-width:720px){.command-center{padding:18px}.topbar,.panel-title-row{flex-direction:column;align-items:stretch}.metrics-row,.finance-grid,.onboarding-track,.capture-input,.category-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.mini-orb,.orb-core{animation:4.8s ease-in-out infinite pulse}.ring-two{animation:22s linear infinite spin}@keyframes pulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.22);transform:scale(1.035)}}@keyframes spin{to{transform:rotate(360deg)}}}