:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#dce7eb;font-synthesis:none;--bg:#060c11;--surface:#0a141b;--surface-2:#0d1a22;--surface-3:#11232c;--line:#7daebe24;--line-strong:#66d1d047;--text:#dce7eb;--muted:#77909a;--cyan:#59d5d0;--cyan-soft:#59d5d01f;--amber:#e8a24e;--green:#75d69b;--violet:#a88be5;--danger:#e47373;background:#060c11;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:1100px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}body:before{pointer-events:none;content:"";opacity:.22;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0}.app-shell{grid-template-columns:214px 1fr;min-height:100vh;display:grid}.sidebar{z-index:3;border-right:1px solid var(--line);background:#070f15f5;flex-direction:column;width:214px;padding:24px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:18px 0 50px #0000002e}.brand{align-items:center;gap:11px;padding:0 8px 30px;display:flex}.brand-mark{width:38px;height:42px;color:var(--cyan);place-items:center;display:grid;position:relative}.brand-mark svg{stroke-width:1px;opacity:.65;width:40px;height:40px;position:absolute}.brand-mark span{letter-spacing:-.5px;font-size:11px;font-weight:800}.brand>div:last-child{flex-direction:column;line-height:1;display:flex}.brand strong{letter-spacing:3.2px;font-size:13px}.brand small{color:var(--cyan);letter-spacing:4.3px;margin-top:6px;font-size:7px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav button{color:#78909a;cursor:pointer;text-align:left;letter-spacing:.4px;background:0 0;border:0;border-radius:4px;align-items:center;gap:13px;height:45px;padding:0 12px;font-size:12px;transition:all .18s;display:flex;position:relative}.sidebar nav button svg{stroke-width:1.5px;width:17px}.sidebar nav button:hover{color:var(--text);background:#ffffff06}.sidebar nav button.active{color:var(--cyan);background:linear-gradient(90deg,#59d5d024,#59d5d006)}.sidebar nav button.active:before{content:"";background:var(--cyan);width:2px;height:23px;box-shadow:0 0 12px var(--cyan);position:absolute;left:0}.sidebar nav button i{color:#071017;background:var(--amber);border-radius:20px;place-items:center;width:18px;height:18px;margin-left:auto;font-size:9px;font-style:normal;display:grid}.sidebar-footer{border-top:1px solid var(--line);margin-top:auto;padding:17px 7px 0}.connection{align-items:center;gap:10px;display:flex}.connection>span{background:var(--green);width:7px;height:7px;box-shadow:0 0 11px var(--green);border-radius:50%}.connection div{flex-direction:column;display:flex}.connection strong{letter-spacing:1.4px;color:#a8bcc3;font-size:8px}.connection small{letter-spacing:1px;color:#4f6b74;margin-top:3px;font-size:7px}.build-tag{color:#344b54;letter-spacing:1.2px;margin-top:16px;font-size:7px}main{grid-column:2;min-width:0}.topbar{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#060c11e0;justify-content:space-between;align-items:center;height:91px;padding:0 34px;display:flex;position:sticky;top:0}.breadcrumb{color:#4f6972;letter-spacing:1.5px;align-items:center;gap:6px;font-size:8px;display:flex}.breadcrumb span{color:var(--cyan)}.breadcrumb svg{width:9px}.topbar h1{letter-spacing:-.3px;margin:8px 0 0;font-size:22px;font-weight:520}.company-identity{align-items:center;gap:27px;display:flex}.clock-block{text-align:right;flex-direction:column;display:flex}.clock-block span{color:#4f6972;letter-spacing:1.4px;font-size:7px}.clock-block strong{font-variant-numeric:tabular-nums;color:#9fb3ba;margin-top:5px;font-size:11px;font-weight:500}.company-badge{border-left:1px solid var(--line);align-items:center;gap:11px;padding-left:24px;display:flex}.company-badge>span{border:1px solid var(--line-strong);background:var(--cyan-soft);width:36px;height:36px;color:var(--cyan);letter-spacing:1px;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);place-items:center;font-size:9px;font-weight:700;display:grid}.company-badge div{flex-direction:column;display:flex}.company-badge strong{font-size:11px;font-weight:500}.company-badge small{color:var(--muted);margin-top:4px;font-size:8px}.content{padding:26px 30px 44px}.view-stack{flex-direction:column;gap:18px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.metric{border:1px solid var(--line);background:linear-gradient(135deg,#0d1a22f2,#081117f2);border-radius:4px;align-items:center;gap:15px;min-height:105px;padding:19px;display:flex;position:relative;overflow:hidden}.metric:after{opacity:.06;content:"";border:1px solid;border-radius:50%;width:90px;height:90px;position:absolute;top:-42px;right:-22px}.metric-icon{background:currentColor;background:color-mix(in srgb, currentColor 11%, transparent);border:1px solid;place-items:center;width:37px;height:37px;display:grid}.metric-icon svg{width:17px}.metric-cyan{color:var(--cyan)}.metric-amber{color:var(--amber)}.metric-green{color:var(--green)}.metric-violet{color:var(--violet)}.metric-copy{flex-direction:column;min-width:0;display:flex}.metric-copy span{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-size:8px}.metric-copy strong{color:var(--text);margin-top:6px;font-size:18px;font-weight:520}.metric-copy small{color:#526c75;margin-top:5px;font-size:8px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#0b171ef5,#081117f5);border-radius:4px;min-width:0;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:67px;padding:16px 19px;display:flex}.panel-header h2{letter-spacing:.15px;margin:4px 0 0;font-size:13px;font-weight:520}.eyebrow{color:#526e77;letter-spacing:1.3px;text-transform:uppercase;font-size:7px}.text-button{color:var(--cyan);letter-spacing:.5px;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:8px;display:flex}.overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr);gap:18px;display:grid}.lower-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.system-map-wrap{position:relative}.system-map{background:radial-gradient(circle,#1f4a562e,#0000 58%),#071016;width:100%;height:355px;display:block}.grid-lines line{stroke:#6aa2b10e;stroke-width:.6px}.orbit-path{fill:none;stroke:#72adbc40;stroke-width:.65px;stroke-dasharray:2 3}.star-core{fill:#ffd278;stroke:#fff0b5;stroke-width:1px}.body-dot{stroke:#c8fbff;stroke-width:1px;fill:#58b7c3}.body-1{fill:#a38fd9}.body-2{fill:#d29056}.map-label{fill:#9db3ba;letter-spacing:.3px;font-size:8px}.map-coordinate{fill:#46616a;letter-spacing:1.2px;font-size:7px}.map-caption{color:#57717a;letter-spacing:.7px;background:linear-gradient(#0000,#060e13cc);align-items:center;gap:22px;height:35px;padding:0 18px;font-size:7px;display:flex;position:absolute;inset:auto 0 0}.map-caption span{align-items:center;gap:6px;display:flex}.legend-star{background:var(--amber);width:5px;height:5px;box-shadow:0 0 7px var(--amber);border-radius:50%;display:inline-block}.opportunity-panel{flex-direction:column;display:flex}.opportunity{flex-direction:column;flex:1;padding:19px;display:flex}.opportunity-mark{width:43px;height:43px;color:var(--amber);background:#e8a24e14;border:1px solid #e8a24e40;place-items:center;margin-bottom:17px;display:grid}.opportunity-mark svg{width:19px}.status-line{color:#596f77;letter-spacing:1px;align-items:center;gap:9px;font-size:7px;display:flex}.status{text-transform:uppercase;letter-spacing:.9px;border:1px solid;align-items:center;width:fit-content;padding:4px 7px;font-size:7px;display:inline-flex}.status-open,.status-active,.status-working,.status-travelling{color:var(--amber);background:#e8a24e12}.status-complete,.status-docked{color:var(--green);background:#75d69b12}.opportunity h3{margin:11px 0 7px;font-size:20px;font-weight:500}.opportunity p{color:#738b94;margin:0;font-size:10px;line-height:1.7}.opportunity-terms{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:20px 0;padding:15px 0;display:grid}.opportunity-terms div{border-right:1px solid var(--line);flex-direction:column;padding:0 10px;display:flex}.opportunity-terms div:first-child{padding-left:0}.opportunity-terms div:last-child{border:0}.opportunity-terms dt{color:#526a73;letter-spacing:.7px;text-transform:uppercase;font-size:7px}.opportunity-terms dd{margin:6px 0 0;font-size:10px}.primary-button{min-height:38px;color:var(--cyan);text-transform:uppercase;letter-spacing:.9px;cursor:pointer;background:linear-gradient(90deg,#59d5d02e,#59d5d014);border:1px solid #59d5d073;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:8px;transition:all .18s;display:flex}.primary-button:hover{background:#59d5d03b;box-shadow:inset 0 0 20px #59d5d00d}.queue-ready{min-height:128px;color:var(--green);align-items:center;gap:15px;padding:25px;display:flex}.queue-ready svg{stroke-width:1.2px;width:28px}.queue-ready div{flex-direction:column;display:flex}.queue-ready strong{color:#adc1c7;font-size:11px;font-weight:500}.queue-ready span{color:#536d76;margin-top:6px;font-size:8px}.order-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:58px;padding:0 18px;display:flex}.pulse-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);border-radius:50%}.order-row div{flex-direction:column;display:flex}.order-row strong{text-transform:capitalize;font-size:10px}.order-row small{color:var(--muted);margin-top:3px;font-size:7px}.order-row time{color:var(--cyan);margin-left:auto;font-size:9px}.signal-list{padding:6px 0}.signal{grid-template-columns:1fr auto 35px;align-items:center;gap:15px;height:48px;padding:0 19px;display:grid}.signal>div{flex-direction:column;display:flex}.signal span{font-size:9px}.signal small{letter-spacing:.8px;color:#4d6871;margin-top:3px;font-size:6px}.signal strong{font-size:9px;font-weight:500}.signal i{border-bottom:1px solid var(--green);opacity:.6;height:12px;transform:skewY(-13deg)}.signal i.signal-flat{border-color:var(--amber);transform:none}.galaxy-layout{grid-template-columns:260px minmax(480px,1fr) 260px;gap:16px;display:grid}.system-list{padding:8px}.system-row{border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:5px 1fr auto;align-items:center;gap:11px;width:100%;height:58px;display:grid}.system-row:hover,.system-row.selected{background:#59d5d00d}.system-row i{width:3px;height:25px}.system-row div{flex-direction:column;display:flex}.system-row strong{font-size:10px;font-weight:500}.system-row small{color:var(--muted);margin-top:4px;font-size:7px}.system-row>span{color:#6f8992;font-size:8px}.galaxy-map-panel .system-map{height:520px}.live-chip{color:var(--green);letter-spacing:1px;align-items:center;gap:5px;font-size:7px;display:flex}.intel-panel{height:fit-content}.intel-block{border-bottom:1px solid var(--line);flex-direction:column;padding:15px 17px;display:flex}.intel-block span{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-size:7px}.intel-block strong{margin-top:7px;font-size:11px;font-weight:500}.station-tags{flex-direction:column;gap:7px;padding:14px;display:flex}.station-tags span{color:#8da4ac;background:#ffffff05;align-items:center;gap:7px;padding:8px;font-size:8px;display:flex}.fleet-layout{grid-template-columns:340px minmax(350px,1fr);align-items:start;gap:16px;display:grid}.route-panel{grid-column:2}.ship-panel{grid-row:span 2}.ship-hero{border-bottom:1px solid var(--line);align-items:center;gap:17px;padding:25px 20px;display:flex}.ship-glyph{border:1px solid var(--line-strong);width:63px;height:63px;color:var(--cyan);background:radial-gradient(circle,#59d5d024,#0000);place-items:center;display:grid;transform:rotate(45deg)}.ship-glyph svg{stroke-width:1.2px;width:27px;transform:rotate(-45deg)}.ship-hero>div:last-child{flex-direction:column;display:flex}.ship-hero span{text-transform:uppercase;color:var(--muted);letter-spacing:.8px;font-size:7px}.ship-hero strong{margin-top:7px;font-size:14px;font-weight:500}.ship-hero small{color:#516b74;margin-top:5px;font-size:8px}.ship-stats{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:17px 10px;display:grid}.ship-stats div{border-right:1px solid var(--line);flex-direction:column;padding:0 10px;display:flex}.ship-stats div:last-child{border:0}.ship-stats span{color:var(--muted);text-transform:uppercase;font-size:6px}.ship-stats strong{margin-top:6px;font-size:9px;font-weight:500}.manifest{padding:18px}.manifest h3{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:8px}.manifest>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:36px;font-size:9px;display:flex}.manifest p{color:#506b74;font-size:9px}.action-list{gap:8px;padding:9px;display:grid}.action-card{border:1px solid var(--line);background:#ffffff04;grid-template-columns:1fr auto auto;align-items:center;gap:15px;padding:12px;display:grid}.action-card>div{align-items:center;gap:10px;display:flex}.action-card svg{width:17px;color:var(--amber)}.action-card div span{flex-direction:column;display:flex}.action-card strong{font-size:9px}.action-card small{color:var(--muted);margin-top:4px;font-size:7px}.reserve{color:#6d8891;font-size:8px}.action-card button,.recipe-card button{border:1px solid var(--line-strong);background:var(--cyan-soft);height:30px;color:var(--cyan);text-transform:uppercase;cursor:pointer;font-size:7px}.action-card button:disabled{opacity:.35;cursor:not-allowed}.destination-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.destination-grid>button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff03;align-items:center;gap:9px;padding:11px;display:flex}.destination-grid>button:hover{border-color:var(--line-strong)}.destination-grid svg{width:16px;color:var(--cyan)}.destination-grid span{flex-direction:column;display:flex}.destination-grid strong{font-size:8px}.destination-grid small{color:var(--muted);margin-top:4px;font-size:7px}.route-quote{border:1px solid var(--line-strong);background:var(--cyan-soft);grid-template-columns:repeat(3,1fr) 130px;align-items:center;gap:12px;margin:0 12px 12px;padding:12px;display:grid}.route-quote>div{flex-direction:column;display:flex}.route-quote span{text-transform:uppercase;color:var(--muted);font-size:6px}.route-quote strong{text-transform:capitalize;margin-top:5px;font-size:9px}.industry-grid,.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.recipe-list{gap:9px;padding:10px;display:grid}.recipe-card{border:1px solid var(--line);background:#ffffff04;padding:14px}.recipe-title{align-items:center;gap:11px;display:flex}.recipe-title svg{width:18px;color:var(--amber)}.recipe-title div{flex-direction:column;display:flex}.recipe-title strong{font-size:10px}.recipe-title small{color:var(--muted);margin-top:4px;font-size:7px}.material-flow{color:#8299a1;background:#071016;grid-template-columns:1fr 16px 1fr;align-items:center;gap:8px;margin:13px 0;padding:10px;font-size:7px;display:grid}.material-flow svg{width:12px;color:var(--cyan)}.recipe-card button{width:100%}.market-table{padding:7px 12px 14px}.table-head,.table-row{border-bottom:1px solid var(--line);grid-template-columns:1.5fr .6fr .7fr .7fr;align-items:center;min-height:38px;font-size:8px;display:grid}.table-head{color:#4e6972;text-transform:uppercase;letter-spacing:.7px;min-height:29px;font-size:6px}.table-row strong{font-weight:500}.side{text-transform:uppercase;border:1px solid;width:fit-content;padding:3px 5px;font-size:6px}.side-buy{color:var(--green)}.side-sell{color:var(--amber)}.contract-grid{grid-template-columns:repeat(3,minmax(280px,1fr));gap:16px;display:grid}.contract-card{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface-2), #081117);padding:19px}.contract-card header{gap:13px;display:flex}.contract-icon{width:43px;height:43px;color:var(--amber);background:#e8a24e12;border:1px solid #e8a24e40;place-items:center;display:grid}.contract-icon svg{width:18px}.contract-card header>div:last-child{flex-direction:column;align-items:flex-start;display:flex}.contract-card h2{margin:8px 0 0;font-size:14px;font-weight:500}.contract-card header p{color:var(--muted);margin:4px 0 0;font-size:8px}.contract-progress{background:#ffffff0f;height:2px;margin:20px 0}.contract-progress div{background:var(--cyan);height:100%;box-shadow:0 0 8px var(--cyan)}.contract-stats{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.contract-stats div{flex-direction:column;display:flex}.contract-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-size:6px}.contract-stats strong{margin-top:5px;font-size:9px;font-weight:500}.active-notice{min-height:38px;color:var(--amber);background:#e8a24e0f;border:1px solid #e8a24e2e;align-items:center;gap:8px;padding:8px 10px;font-size:8px;display:flex}.active-notice svg{width:15px}.empty-state{color:#506a73;text-align:center;place-items:center;min-height:130px;padding:20px;font-size:9px;display:grid}.empty-state.compact{min-height:60px}.toast{z-index:9;min-width:300px;min-height:48px;color:var(--green);background:#0d2019;border:1px solid #75d69b59;align-items:center;gap:10px;padding:0 16px;font-size:9px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 40px #0006}.toast svg{width:16px}.toast-error{color:var(--danger);background:#251112;border-color:#e4737366}.boot-screen{min-height:100vh;color:var(--cyan);letter-spacing:2px;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:10px;display:flex}.boot-screen svg{stroke-width:.8px;width:48px;animation:8s linear infinite rotate}.boot-screen i{background:linear-gradient(90deg,transparent,var(--cyan),transparent);width:160px;height:1px;animation:1.2s infinite pulse}.error-screen{color:var(--danger)}.error-screen button{color:inherit;background:0 0;border:1px solid;padding:8px 15px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.25}}@media (width<=1250px){.metric-grid{grid-template-columns:repeat(2,1fr)}.galaxy-layout{grid-template-columns:230px 1fr}.intel-panel{grid-column:1/-1;grid-template-columns:repeat(4,1fr);display:grid}.station-tags{grid-column:1/-1}.contract-grid{grid-template-columns:repeat(2,1fr)}}
