:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9f5ff;background:#050a10;--bg:#050a10;--panel:#09131e;--panel2:#0b1825;--line:#173044;--line2:#24485f;--cyan:#69d9ff;--cyan2:#a9ecff;--green:#93f0b6;--amber:#ffca74;--red:#ff8b8b;--muted:#7690a3;--muted2:#a3b4c2}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 22% -10%,rgba(28,113,160,.24),transparent 32%),radial-gradient(circle at 82% 4%,rgba(50,163,189,.11),transparent 28%),linear-gradient(180deg,#07101a 0,#050a10 58%,#03070b 100%);color:#e9f5ff}.scanlines{position:fixed;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(120,215,255,.035) 4px);z-index:10}.app-shell{width:min(1420px,calc(100% - 40px));margin:0 auto;padding:24px 0 60px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 0 22px;border-bottom:1px solid rgba(104,192,229,.14)}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #2d7696;background:linear-gradient(145deg,#0d2738,#07131c);font-weight:950;letter-spacing:.06em;color:var(--cyan);clip-path:polygon(10% 0,100% 0,100% 78%,78% 100%,0 100%,0 10%)}.eyebrow,.kicker{margin:0;color:#6eb7d4;font-size:11px;font-weight:900;letter-spacing:.18em}.brand-lockup h1{margin:4px 0 0;font-size:19px;letter-spacing:.015em}.live-cluster{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #15364a;background:rgba(7,20,30,.82);border-radius:8px}.live-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green)}.live-cluster strong,.live-cluster small{display:block}.live-cluster strong{font-size:12px}.live-cluster small{color:var(--muted);font-size:10px;margin-top:2px}.hero-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:34px;align-items:end;padding:54px 0 30px}.hero-copy h2{font-size:clamp(40px,5.8vw,78px);line-height:.96;letter-spacing:-.045em;margin:10px 0 16px;max-width:900px}.hero-copy h2 span{color:var(--cyan)}.hero-copy>p:last-child{max-width:740px;color:#9eb1bf;font-size:16px;line-height:1.65}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.market-stat{padding:18px 15px;background:linear-gradient(180deg,rgba(13,30,45,.92),rgba(7,18,27,.92));border:1px solid #173449;position:relative;overflow:hidden}.market-stat:after{content:"";position:absolute;left:0;bottom:0;width:38%;height:2px;background:var(--cyan)}.market-stat small,.overview-card small,.metric-label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#718da1}.market-stat strong{display:block;margin-top:7px;font-size:23px}.planner-card,.terminal-card{background:linear-gradient(145deg,rgba(10,26,39,.98),rgba(5,14,22,.98));border:1px solid #18384d;box-shadow:0 26px 90px rgba(0,0,0,.28);position:relative}.planner-card:before,.terminal-card:before{content:"";position:absolute;left:-1px;top:24px;width:3px;height:68px;background:var(--cyan);box-shadow:0 0 18px rgba(105,217,255,.45)}.planner-heading,.terminal-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px 26px 20px;border-bottom:1px solid #142c3c}.planner-heading h3,.terminal-heading h3,.section-heading h3{margin:5px 0 0;font-size:24px}.secure-chip,.terminal-badge{font-size:9px;letter-spacing:.13em;font-weight:900;color:var(--green);border:1px solid rgba(147,240,182,.32);padding:7px 9px;background:rgba(51,122,80,.08)}.input-grid{display:grid;grid-template-columns:1.55fr .72fr .9fr 1fr;gap:12px;padding:20px 26px}.field{display:block}.field>span,.route-mode-title>span{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:800;color:#7e9aad;margin-bottom:7px}.field select,.field input{width:100%;height:48px;background:#050e16;border:1px solid #1c3c50;color:#edf9ff;padding:0 13px;font-size:14px;outline:none;border-radius:2px}.field select:focus,.field input:focus{border-color:#4ca7ca;box-shadow:0 0 0 2px rgba(105,217,255,.08)}.input-unit{display:flex;align-items:center;background:#050e16;border:1px solid #1c3c50}.input-unit input{border:0;background:transparent}.input-unit b{font-size:10px;color:#77a3b8;padding-right:12px;letter-spacing:.08em}.route-mode-block{padding:6px 26px 22px}.route-mode-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:9px}.route-mode-title small{color:#658396;font-size:10px}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mode-tab{appearance:none;border:1px solid #17384d;background:#07141f;color:#c6dae6;min-height:78px;padding:12px;text-align:left;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.18s ease}.mode-tab:hover{border-color:#2a6683;background:#0a1b28}.mode-tab.active{border-color:#4cb7df;background:linear-gradient(145deg,rgba(22,74,98,.5),rgba(7,25,37,.94));box-shadow:inset 0 0 24px rgba(66,173,215,.08)}.mode-tab>b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #285066;color:#6dbddc;font-size:10px}.mode-tab.active>b{color:#061018;background:var(--cyan);border-color:var(--cyan)}.mode-tab>span{font-size:13px;font-weight:800}.mode-tab small{display:block;color:#6f8d9f;font-size:9px;font-weight:500;margin-top:3px}.planner-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:18px 26px 24px;border-top:1px solid #142c3c}.rule-strip{display:flex;gap:16px;flex-wrap:wrap;color:#6f8c9d;font-size:10px}.rule-strip span{white-space:nowrap}.primary-action,.secondary-action{border:0;cursor:pointer;font-weight:950;letter-spacing:.07em}.primary-action{height:48px;padding:0 16px 0 20px;min-width:245px;background:linear-gradient(90deg,#8fe8ff,#5dc8ee);color:#031018;display:flex;align-items:center;justify-content:space-between;clip-path:polygon(0 0,95% 0,100% 30%,100% 100%,0 100%)}.primary-action:hover{filter:brightness(1.08)}.primary-action.compact{min-width:205px;height:40px;font-size:10px}.overview-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:8px;margin-top:16px}.overview-card{padding:18px;border:1px solid #173348;background:rgba(7,19,29,.88)}.overview-card.featured{border-color:#2a7795;background:linear-gradient(145deg,rgba(15,60,80,.46),rgba(5,17,25,.92))}.overview-card strong{display:block;font-size:25px;margin:6px 0 3px}.overview-card.featured strong{color:var(--green)}.overview-card span{color:#718fa2;font-size:10px}.hidden{display:none!important}.results-section{padding-top:34px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}.section-heading>span{font-size:11px;color:#728d9f}.route-results{display:grid;gap:13px}.empty-state{border:1px dashed #24475c;min-height:160px;display:grid;place-items:center;text-align:center;padding:30px;color:#607f92}.empty-state b,.empty-state span{display:block}.empty-state b{font-size:12px;letter-spacing:.16em;color:#7aa2b9}.empty-state span{font-size:11px;margin-top:7px}.route-card{border:1px solid #183a4e;background:linear-gradient(135deg,rgba(8,22,33,.97),rgba(4,13,20,.98));overflow:hidden}.route-card.best{border-color:#3281a1;box-shadow:0 0 0 1px rgba(105,217,255,.05),0 20px 70px rgba(0,0,0,.22)}.route-summary{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(120px,.6fr));gap:16px;padding:18px 20px;align-items:center;border-bottom:1px solid #142f40}.route-rank{display:flex;gap:13px;align-items:center}.rank-chip{display:grid;place-items:center;width:42px;height:42px;background:#0b2738;border:1px solid #2a6581;color:var(--cyan);font-weight:950}.route-rank h4{margin:0;font-size:17px}.route-rank p{margin:4px 0 0;color:#7795a8;font-size:10px}.metric strong{display:block;margin-top:5px;font-size:16px}.metric.profit strong{font-size:20px;color:var(--green)}.route-legs{padding:10px 20px 17px}.leg{display:grid;grid-template-columns:38px minmax(170px,.9fr) minmax(210px,1.2fr) 1fr 1fr 1fr;gap:12px;align-items:stretch;padding:11px 0;border-bottom:1px solid rgba(25,59,78,.65)}.leg:last-child{border-bottom:0}.leg-number{display:grid;place-items:center;border:1px solid #21455a;color:#64b2d0;font-size:10px;font-weight:900}.station-box,.cargo-box,.stock-box,.leg-profit{background:#061019;border:1px solid #132c3c;padding:10px 11px}.station-box small,.cargo-box small,.stock-box small,.leg-profit small{display:block;color:#628196;text-transform:uppercase;letter-spacing:.1em;font-size:8px}.station-box strong,.cargo-box strong,.stock-box strong,.leg-profit strong{display:block;margin-top:4px;font-size:12px}.station-box span,.cargo-box span,.stock-box span,.leg-profit span{display:block;color:#6b8798;font-size:9px;margin-top:3px}.cargo-box strong{color:#ccefff}.leg-profit strong{color:var(--green)}.stock-value{color:var(--amber)!important}.fresh{color:var(--green)!important}.aging{color:var(--amber)!important}.stale{color:var(--red)!important}.route-note{padding:10px 20px 13px;color:#628092;font-size:9px;border-top:1px solid #102837}.terminal-card{margin-top:38px;padding-bottom:22px}.terminal-heading>div>p:last-child{max-width:800px;color:#7c98aa;font-size:11px;line-height:1.6;margin:8px 0 0}.terminal-controls{display:grid;grid-template-columns:1.2fr 1.2fr 1.45fr auto;gap:10px;align-items:end;padding:20px 26px}.upload-drop{height:48px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #2a5b75;background:#06131d;color:#84bdd5;cursor:pointer;padding:4px 12px;text-align:center}.upload-drop:hover{border-color:#5bc5eb}.upload-drop input{display:none}.upload-drop span{font-size:9px;font-weight:900;letter-spacing:.09em}.upload-drop small{color:#617f91;font-size:8px;margin-top:3px}.secondary-action{height:48px;padding:0 16px;background:#0e2b3c;border:1px solid #2c6681;color:#9ddcf4}.secondary-action:disabled{opacity:.38;cursor:not-allowed}.ocr-progress{padding:0 26px 18px}.ocr-progress>div{height:5px;background:#07121a;border:1px solid #153447;overflow:hidden}.ocr-progress>div span{display:block;width:0;height:100%;background:var(--cyan);transition:width .2s}.ocr-progress small{display:block;color:#66869a;font-size:9px;margin-top:6px}.ocr-review{margin:0 26px;border:1px solid #18384b;background:#050f17}.review-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-bottom:1px solid #18384b}.review-heading strong,.review-heading small{display:block}.review-heading strong{font-size:12px}.review-heading small{color:#6e899b;font-size:9px;margin-top:3px}.review-table-wrap{overflow:auto}.review-table{width:100%;border-collapse:collapse;min-width:760px}.review-table th,.review-table td{padding:7px;border-bottom:1px solid #102837;text-align:left}.review-table th{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#68889c}.review-table select,.review-table input{width:100%;height:34px;background:#06131c;border:1px solid #183649;color:#dff4ff;padding:0 8px;font-size:11px}.row-remove{border:1px solid #54343a;background:#1c1014;color:#ff9ca3;height:34px;cursor:pointer}.text-action{margin:10px 12px;border:0;background:transparent;color:#74c9e9;font-size:9px;font-weight:900;cursor:pointer}.terminal-message{margin:14px 26px 0;padding:12px;border:1px solid #1c465b;background:#071720;color:#91bed0;font-size:10px}.terminal-message.success{border-color:#285d44;color:#9be3b6}.terminal-message.error{border-color:#63363b;color:#ffacb1}footer{display:flex;justify-content:space-between;gap:18px;padding-top:36px;margin-top:36px;border-top:1px solid #112838;color:#567286;font-size:9px;letter-spacing:.08em}@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.input-grid{grid-template-columns:1.4fr 1fr}.mode-tabs{grid-template-columns:1fr 1fr}.planner-footer{align-items:flex-start;flex-direction:column}.primary-action{width:100%}.overview-grid{grid-template-columns:1fr 1fr}.route-summary{grid-template-columns:1fr 1fr}.route-rank{grid-column:1/-1}.leg{grid-template-columns:34px 1fr 1fr}.leg .stock-box,.leg .leg-profit{grid-column:auto}.terminal-controls{grid-template-columns:1fr 1fr}.terminal-controls .secondary-action{grid-column:1/-1}}@media(max-width:700px){.app-shell{width:min(100% - 24px,1420px);padding-top:12px}.topbar{align-items:flex-start}.brand-lockup h1{font-size:15px}.live-cluster{max-width:160px}.hero-grid{padding:36px 0 22px}.hero-copy h2{font-size:42px}.market-grid{grid-template-columns:1fr 1fr 1fr}.planner-heading,.terminal-heading,.section-heading{align-items:flex-start;flex-direction:column}.input-grid,.terminal-controls{grid-template-columns:1fr;padding:16px}.route-mode-block{padding:4px 16px 16px}.mode-tabs{grid-template-columns:1fr}.planner-footer{padding:15px 16px 18px}.overview-grid{grid-template-columns:1fr 1fr}.route-summary{grid-template-columns:1fr}.route-rank{grid-column:auto}.route-legs{padding:8px 12px 14px}.leg{grid-template-columns:30px 1fr}.leg-number{grid-row:span 3}.station-box,.cargo-box,.stock-box,.leg-profit{min-width:0}.ocr-review{margin:0 16px}.ocr-progress{padding:0 16px 16px}footer{flex-direction:column}.terminal-badge,.secure-chip{align-self:flex-start}}@media(max-width:460px){.market-grid,.overview-grid{grid-template-columns:1fr}.topbar{gap:10px}.brand-mark{width:40px;height:40px}.live-cluster{padding:7px}.hero-copy h2{font-size:36px}.route-mode-title{align-items:flex-start;flex-direction:column}.leg{grid-template-columns:1fr}.leg-number{width:30px;height:30px;grid-row:auto}}