/* The command deck: architecture behind opaque-enough working surfaces. */
:root{--bg:#030913;--panel:#081726;--raised:#102c3e;--line:#285367;--accent:#65f3ff;--alt:#c4a0ff;--muted:#a9c1d1;--number:#f2fdff;--ship-yellow:#edfa81;--ship-mono:'Consolas','SFMono-Regular',monospace}
html{background:#030913;scrollbar-color:#387487 #06121d}body{background:transparent;isolation:isolate}::selection{background:#65f3ff;color:#041019}
.ship-environment{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#030913}.ship-room{position:absolute;inset:-14px;background:linear-gradient(90deg,#04101a58,#030b16a6 38%,#030b1680 75%,#04101a58),linear-gradient(0deg,#020810c9,transparent 55%),url('server-vault.png') center/cover no-repeat;transform:scale(1.025);animation:ship-depth 32s ease-in-out infinite alternate}.ship-grid{position:absolute;inset:0;background-image:linear-gradient(#60eaff0b 1px,transparent 1px),linear-gradient(90deg,#60eaff0b 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#0009 30%,#0003);opacity:.65}.ship-sweep{position:absolute;left:-25%;top:0;width:20%;height:100%;background:linear-gradient(90deg,transparent,#5eeeff13,transparent);transform:skewX(-18deg);animation:ship-sweep 16s linear infinite}.ship-edge{position:absolute;inset:0;border:1px solid #65f3ff20;box-shadow:inset 0 0 130px #020610c9}.ship-edge:before,.ship-edge:after{content:'';position:absolute;top:16%;bottom:18%;width:2px;background:linear-gradient(transparent,#65f3ffb0,transparent);box-shadow:0 0 20px #65f3ff55}.ship-edge:before{left:6px}.ship-edge:after{right:6px;background:linear-gradient(transparent,#b593ff88,transparent)}
aside{background:linear-gradient(90deg,#030c15f5,#071827eb);border-right:1px solid #5decff70;box-shadow:8px 0 35px #0007,inset -4px 0 0 #65f3ff07;overflow:hidden}aside:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 7px,#65f3ff04 7px 8px)}aside:after{content:'';position:absolute;right:0;top:-20%;width:2px;height:20%;background:linear-gradient(transparent,var(--accent),transparent);box-shadow:0 0 12px var(--accent);animation:ship-rail 9s linear infinite;pointer-events:none}
.brand{min-height:70px;padding-left:72px;font-size:1.6rem;color:#edfcff;text-shadow:0 0 16px #65f3ff25}.brand-emblem{width:65px;height:65px;filter:drop-shadow(0 0 10px #65f3ff60)}.brand-sub{color:#8bcada;font-family:var(--ship-mono);font-size:.75rem;letter-spacing:.09em}.nav-label{font-family:var(--ship-mono);font-size:.75rem;color:#8fadb9;letter-spacing:.2em;margin:36px 0 16px}.nav-label:after{content:'';display:block;height:3px;margin-top:14px;background:linear-gradient(90deg,var(--accent) 0 24px,transparent 24px 28px,#65f3ff38 28px 80%,transparent 80%)}nav{gap:11px}nav button{position:relative;border-radius:0;padding:14px 12px;border:1px solid transparent;overflow:hidden}nav button:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#aaf7ff26 45%,transparent 65%);transform:translateX(-140%)}nav button:hover:before{animation:ship-control-sheen .65s ease-out}nav button.active{color:#06131c;background:var(--accent);box-shadow:0 0 23px #65f3ff40;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%);font-weight:600}nav button.active .nav-glyph{color:#06131c}nav button:not(.active):hover{background:#133642;color:#c9fbff;border-color:#65f3ff55}.side-bottom{border-top:1px solid #65f3ff44;padding-top:19px}.side-bottom .account-name{color:#def8ff}.side-bottom p{color:#98b3c4}
main{position:relative;max-width:none}.ship-command-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:42px;margin-bottom:18px;padding:0 0 12px;border-bottom:1px solid #65f3ff50;position:relative}.ship-command-bar:after{content:'';height:3px;width:90px;background:var(--accent);position:absolute;bottom:-2px;left:0;box-shadow:0 0 12px #65f3ff66}.ship-call-sign{display:flex;align-items:center;gap:12px;font:500 .75rem/1.5 var(--ship-mono);letter-spacing:.15em;color:#bde7f1}.ship-call-sign b{color:#05131c;background:var(--ship-yellow);padding:3px 7px;font-weight:600;letter-spacing:.04em}.ship-command-meta{display:flex;align-items:center;gap:20px;font:.75rem/1.5 var(--ship-mono);color:#a9c5cf}.ship-motion{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:5px 9px!important;border:1px solid #46707c!important;background:#081824!important;font-size:.875rem!important;color:#bde7f1!important;box-shadow:none!important}.ship-motion i{width:6px;height:12px;border-left:2px solid currentColor;border-right:2px solid currentColor}.ship-motion[aria-pressed=true] i{height:0;width:0;border:6px solid transparent;border-left:8px solid currentColor;border-right:0}.ship-command-bar .ship-motion{clip-path:none}header{border-left:3px solid var(--accent);padding-left:16px;margin-bottom:22px}header .eyebrow{font-family:var(--ship-mono);letter-spacing:.22em;font-size:.75rem;color:#7fbacb}h1{font-size:clamp(1.85rem,2.4vw,2.8rem);letter-spacing:-.03em;text-shadow:0 0 24px #65f3ff1c}h2,h3{letter-spacing:-.02em}.eyebrow{font-family:var(--ship-mono);color:#7ed1e0!important;letter-spacing:.17em}.dashboard-date{font-family:var(--ship-mono);background:#03111bcc;padding:9px 13px;border-left:2px solid #b3a0ff;border-bottom:1px solid #324359}.dashboard-date small{font-family:Inter,sans-serif}
.panel,.command-metric,.metric,.account,.task-card,.profile-card,.optimization-result,.table-wrap,.locked-strip,.foundation-strip{position:relative;border:1px solid #3c6b7b;border-radius:0!important;background:radial-gradient(340px circle at var(--pointer-x,50%) var(--pointer-y,0%),rgb(75 226 255 / var(--illumination,0)),transparent 75%),linear-gradient(125deg,#0b2233f2,#05111ff2 65%,#10172bef);box-shadow:inset 0 1px #90eaff16,0 12px 32px #0005;isolation:isolate}.panel:before,.command-metric:before{content:'';position:absolute;left:-1px;top:-1px;right:auto;width:62px;height:4px;background:var(--accent);box-shadow:0 0 13px #65f3ff77;pointer-events:none;transition:width .25s ease}.panel:after,.command-metric:after{content:'';position:absolute;inset:8px 8px auto auto;width:12px;height:12px;border-top:2px solid #75bccc;border-right:2px solid #75bccc;pointer-events:none;transition:width .25s,height .25s,border-color .25s}.panel.pointer-lit:before,.command-metric.pointer-lit:before{width:110px;background:var(--accent)}.panel.pointer-lit:after,.command-metric.pointer-lit:after{width:22px;height:22px;border-color:var(--accent)}.pointer-lit{--illumination:.12}.panel.pointer-lit,.command-metric.pointer-lit,.task-card.pointer-lit{border-color:#65f3ffbb;box-shadow:inset 0 0 35px #65f3ff07,0 0 0 1px #65f3ff18,0 15px 35px #0006}
.command-metric{border-top-color:#65f3ff80;min-height:130px}.command-metric>span{font-family:var(--ship-mono);font-size:.875rem;color:#b0c7d7}.command-metric strong{color:#f0fcff;text-shadow:0 0 18px #65f3ff30;letter-spacing:-.025em}.command-metric:nth-child(2):before{background:#a6ebdc}.command-metric:nth-child(3):before{background:var(--alt)}.command-metric:nth-child(4):before{background:var(--ship-yellow)}.command-metric.negative strong,.negative{text-shadow:none}.next-action{border-left:3px solid var(--ship-yellow);background:linear-gradient(95deg,#253223ed,#0b1b27f0 48%,#0a1826ef)}.next-action:before{background:var(--ship-yellow);box-shadow:0 0 12px #edfa8140}.next-action .eyebrow{color:var(--ship-yellow)!important}.performance-heading{border-bottom:1px solid #315564;padding-bottom:14px!important;margin-bottom:12px!important}.paired-workspace .performance-heading h2{font-size:1.25rem;letter-spacing:.015em}.projection-badge,.linked-scope{border-radius:0;font:500 .75rem/1.5 var(--ship-mono);background:#0b2733;border-color:#497883;letter-spacing:.02em}.linked-scope{color:var(--accent)}.performance-values{padding:12px 0;border-bottom:1px solid #2a4a5d}.performance-values>div:first-child strong{text-shadow:0 0 18px #65f3ff35}.performance-values span{color:#abc5d4}.performance-chart{background:linear-gradient(#07162790,#05111d90);border-left:1px solid #285263;border-right:1px solid #285263}.performance-chart .wealth-line{stroke:#6ff7ff;stroke-width:2.7;filter:drop-shadow(0 0 5px #36deff66)}.performance-chart .forecast-line{stroke:#c49eff;filter:drop-shadow(0 0 3px #b385ff44)}.performance-chart .current-balance-point{fill:#e5fdff;stroke:#65f3ff;filter:drop-shadow(0 0 7px #65f3ff)}.performance-chart .current-balance-label rect{fill:#092634;stroke:#73e9f7}.performance-chart .chart-grid{stroke:#365967;opacity:.8}.chart-hover-readout{background:#03131ff5;border-radius:0;border-left:3px solid var(--ship-yellow);box-shadow:0 0 26px #65f3ff25;font-family:var(--ship-mono)}.performance-scrubber{border-color:#417081;padding:12px 0 0}.weekly-horizon strong{color:var(--ship-yellow)}.weekly-horizon span{font-family:var(--ship-mono);color:#b7d3dd}.objective-count{border-radius:0;background:#153343;border:1px solid #477185}.objective-heading{font-family:var(--ship-mono)}.objective .progress{height:6px;border-radius:0;background:#020a13;border:1px solid #214355}.progress>i{border-radius:0;box-shadow:0 0 12px #65f3ff55}.account-dot{border-radius:0;border:1px solid currentColor;background:#0a2731}
button,.sub-navigation button{border-radius:0;border-color:#3e697c;background:#0c2433;position:relative}.primary{background:var(--ship-yellow)!important;border-color:var(--ship-yellow)!important;color:#0b171d!important;font-weight:600;box-shadow:0 0 20px #edfa8126;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.primary:hover{background:#f5ffb6!important;box-shadow:0 0 28px #edfa8170!important}.segmented{border:1px solid #386074;border-radius:0;background:#040f1a}.segmented button[aria-pressed=true]{color:#03151c;background:var(--accent);box-shadow:0 0 13px #65f3ff38}.forecast-mode{gap:7px}.forecast-mode button[aria-pressed=true]{background:#38284e;border:1px solid #c2a0ff;color:#eddfff}.expected-toggle{border-color:#65f3ff99;color:#bafaff;background:#0b2836}.expected-toggle[aria-pressed=true]{border-color:var(--alt);color:#e4d4ff;background:#241c3b}.sub-navigation{border-bottom-color:#416373}.sub-navigation button[aria-current=page]{color:#04141d;background:var(--accent);border-color:var(--accent)}input:not([type=range]):not([type=checkbox]),textarea,select{border-radius:0!important;background:#040d18!important;border-color:#426477!important;color:#f1faff!important}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px #65f3ff25!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ship-yellow);outline-offset:4px}.primary:focus-visible{box-shadow:inset 0 0 0 3px #06111c!important}
.linked-month-heading{padding-bottom:10px;border-bottom:1px solid #315564}.linked-month-heading h3{font-family:var(--ship-mono);font-size:1rem}.linked-month-summary{border-top:0}.compact-weekdays{font-family:var(--ship-mono);color:#a6c5d3}.linked-calendar .compact-day{border-radius:0;background:#071421;transition:box-shadow .2s,border-color .2s,transform .2s,background .2s}.linked-calendar .compact-day.pending-day{background:linear-gradient(135deg,#0c1d2c,#06131e);border-color:#dce9f099!important;color:#f2f7ff!important}.linked-calendar .compact-day.non-working{opacity:1;background:#040f19b3;border-color:#b8cfdf4d!important}.linked-calendar .compact-day.completed-day{background:linear-gradient(135deg,#153e36,#0b241f);border-color:#8bddb6!important;box-shadow:inset 0 0 15px #8bddb614}.linked-calendar .compact-day.current-day{box-shadow:inset 0 -3px #f2f7ff}.linked-calendar .compact-day.completed-day.current-day{box-shadow:inset 0 -3px #8bddb6}.linked-calendar .compact-day[aria-pressed=true]{outline-width:2px;outline-offset:2px}.compact-day-heading b{font-family:var(--ship-mono)}.linked-calendar .compact-day.is-linked-hover{box-shadow:0 0 0 2px #d1b6ff,0 0 26px #af89ff55!important}.linked-key i{border-radius:0}.today-stats button{border-radius:0;background:#091b2bef}.task-card.is-complete{border-color:#508f7d}.profile-card.selected{border-color:var(--accent);background:linear-gradient(120deg,#124151,#091a2d);box-shadow:inset 0 0 0 1px #65f3ff80,0 0 25px #65f3ff12}.table-wrap{border-radius:0}th{background:#102d3b;color:#c7e4ed;font-family:var(--ship-mono)}tr:hover{background:#16374a}.spectator-banner{border-radius:0;background:#0b2735ef;border-color:#386e7f}.result-dialog{background:linear-gradient(145deg,#0a2334,#050f1e);border-left:2px solid var(--accent);box-shadow:-15px 0 80px #000c,-2px 0 20px #65f3ff33}.drawer-heading{background:#0a1e2e;border-bottom:1px solid #447589}.result-dialog::backdrop{background:#020912c0;backdrop-filter:blur(5px)}footer{border-top:1px solid #396070;background:#06121abb;padding:17px 12px;color:#b0d0dc}.ship-impact{position:fixed;width:12px;height:12px;margin:-6px;pointer-events:none;border:1px solid var(--accent);z-index:10000;transform:rotate(45deg);animation:ship-impact .55s ease-out forwards}
.auth-shell{background:transparent}.auth-story{background:linear-gradient(90deg,#040e18ba,#04101a40),url('server-vault.png') center/cover;border-right:1px solid #65f3ff80;position:relative}.auth-story:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 150px #020916aa;pointer-events:none}.auth-story>*{z-index:1}.auth-story h1{color:#eaffff;text-shadow:0 2px 20px #000a}.auth-story p,.auth-story small{color:#d0e5ed}.auth-kicker{font-family:var(--ship-mono);color:var(--ship-yellow)}.auth-lines{background:#061725c9;padding:18px 20px;border-left:2px solid var(--accent)!important}.auth-entry{background:#040d18d9}.auth-box{padding:35px;border:1px solid #39687d;border-top:3px solid var(--accent);background:#071a29eb;box-shadow:0 0 80px #65f3ff12;position:relative}.auth-box h2{color:#e9fcff}.auth-box .pill{border-radius:0;background:#183348;color:#b9edfc;border:1px solid #4a8190}.auth-motion{position:fixed;right:18px;bottom:18px;z-index:5}.auth-lines b{color:#e9faff}
@media(min-width:1250px){aside{width:224px;padding:25px 18px}main{margin-left:224px;padding:18px 28px}.ship-command-bar{margin-bottom:17px}header h1{font-size:2rem}.command-metrics{gap:14px}.paired-workspace{gap:20px!important}.paired-workspace>.performance-panel,.paired-workspace>.linked-calendar{padding:22px}.ship-command-bar+.ship-spacer{display:none}}
@media(min-width:1650px){aside{width:240px}main{margin-left:240px;padding:20px 32px}.brand{margin-top:7px}.paired-workspace>.performance-panel,.paired-workspace>.linked-calendar{padding:25px}.ship-command-meta{gap:24px}}
@media(hover:hover) and (pointer:fine){button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 0 20px #65f3ff30;border-color:var(--accent)}button:not(:disabled):active{transform:translateY(1px);box-shadow:0 0 26px #65f3ff45}.linked-calendar .compact-day.pending-day:hover{color:#f2f7ff!important;background:#13293a}.linked-calendar .compact-day.completed-day:hover{background:#194d40}.linked-calendar .compact-day:hover{transform:translateY(-3px);outline-color:#d1b6ff}.brand:hover .brand-emblem{filter:drop-shadow(0 0 18px #65f3ffb0);transform:scale(1.08)}.brand-emblem{transition:transform .3s,filter .3s}}
@media(max-width:1249px){.ship-command-meta>span{display:none}.ship-command-bar{gap:10px}.ship-call-sign{letter-spacing:.06em}.auth-box{padding:26px}.brand{padding-left:58px}.brand-emblem{width:52px;height:58px}}
@media(max-width:700px){.ship-call-sign>span{display:none}.ship-command-bar{margin-bottom:15px}.ship-command-meta{gap:0}.ship-command-bar .ship-motion{font-size:.75rem!important}.ship-environment .ship-room{background-position:55% center}.auth-motion{position:static;padding:10px;display:flex;justify-content:flex-end}.auth-box{padding:22px}header{padding-left:12px}}
@keyframes ship-depth{from{transform:scale(1.025) translateX(-.25%)}to{transform:scale(1.06) translateX(.25%)}}
@keyframes ship-sweep{0%{transform:translateX(0) skewX(-18deg)}100%{transform:translateX(700%) skewX(-18deg)}}
@keyframes ship-rail{to{transform:translateY(700%)}}
@keyframes ship-control-sheen{to{transform:translateX(140%)}}
@keyframes ship-impact{to{transform:rotate(135deg) scale(4);opacity:0}}
@keyframes ship-reveal{from{opacity:.6;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes ship-line-in{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes ship-border-charge{0%,100%{box-shadow:0 0 8px #65f3ff40}50%{box-shadow:0 0 18px #65f3ff85}}
.ship-animate .content>.command-metrics,.ship-animate .content>.progress-dashboard,.ship-animate .content>.profile-grid,.ship-animate .content>.today-heading{animation:ship-reveal .42s ease-out both}.ship-animate .brand-emblem{animation:ship-reveal .7s ease-out}.ship-animate .primary-metric:before{animation:ship-border-charge 5s ease-in-out infinite}
html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=paused] .ship-impact{display:none}html[data-motion=paused] .ship-room{transform:none}html[data-motion=paused] button:hover{transform:none}html[data-motion=paused] .ship-sweep{display:none}html[data-motion=paused] .pointer-lit{--illumination:0}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ship-room{transform:none}.ship-sweep,.ship-impact{display:none}button:hover,.brand:hover .brand-emblem{transform:none!important}}
@media(forced-colors:active){.ship-environment,.ship-impact{display:none}.panel,.command-metric,aside,.auth-box{background:Canvas;border:1px solid CanvasText;box-shadow:none}.ship-call-sign b,.primary,nav button.active{background:Highlight!important;color:HighlightText!important}.ship-motion{color:ButtonText!important}}

.ship-hidden *, .ship-hidden *:before, .ship-hidden *:after{animation-play-state:paused!important}
