:root{color-scheme:dark;--bg:#07111f;--bg-elevated:#0d1b2d;--bg-soft:#10243b;--line:rgba(148,163,184,0.18);--text:#e8f0ff;--muted:#9fb3ce;--accent:#5de4c7;--accent-2:#f6c453;--danger:#ff6b6b;--warning:#f59e0b;--good:#4ade80;--shadow:0 24px 80px rgba(0,0,0,0.35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(93,228,199,.16),transparent 28%),radial-gradient(circle at top right,rgba(246,196,83,.14),transparent 22%),linear-gradient(180deg,#07111f,#081421 54%,#09182a);color:var(--text)}html{scroll-behavior:smooth}body{min-height:100vh}a{color:inherit;text-decoration:none}main{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}main.dashboard-page{width:min(1280px,calc(100% - 32px));padding-bottom:80px}.dashboard-auto-scroll{display:grid;grid-gap:18px;gap:18px}.dashboard-chrome{position:-webkit-sticky;position:sticky;top:14px;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid rgba(93,228,199,.18);border-radius:20px;background:rgba(7,17,31,.84);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.dashboard-chrome-copy{display:grid;grid-gap:4px;gap:4px}.dashboard-chrome-copy strong{font-size:.98rem}.dashboard-chrome-copy span{color:var(--muted);font-size:.82rem}.dashboard-chrome-actions{display:flex;flex-wrap:wrap;gap:8px}.button.subtle{border-color:rgba(148,163,184,.22);background:rgba(255,255,255,.04)}.button.subtle:hover{border-color:rgba(93,228,199,.4);background:rgba(93,228,199,.08)}.dashboard-progress{height:5px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.dashboard-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s ease}.dashboard-dots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.dashboard-dot{width:12px;height:12px;padding:0;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:rgba(255,255,255,.08)}.dashboard-dot.active{background:var(--accent);border-color:rgba(93,228,199,.95);box-shadow:0 0 0 4px rgba(93,228,199,.14)}.dashboard-screen{min-height:calc(100vh - 180px);scroll-margin-top:120px;display:grid;grid-gap:14px;gap:14px}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.screen-ai{padding:16px 18px;border-radius:22px;border:1px solid rgba(93,228,199,.14);background:linear-gradient(180deg,rgba(13,27,45,.95),rgba(8,18,31,.88)),radial-gradient(circle at top right,rgba(93,228,199,.12),transparent 32%);box-shadow:0 12px 34px rgba(0,0,0,.18)}.screen-ai.tone-good{border-color:rgba(74,222,128,.2)}.screen-ai.tone-warn{border-color:rgba(245,158,11,.22)}.screen-ai.tone-bad{border-color:rgba(255,107,107,.2)}.screen-ai.tone-neutral{border-color:rgba(93,228,199,.16)}.dashboard-card{display:grid;grid-gap:10px;gap:10px;min-height:210px}.dashboard-card.wide{grid-column:span 2}.dashboard-card.tone-good{border-color:rgba(74,222,128,.22)}.dashboard-card.tone-warn{border-color:rgba(245,158,11,.22)}.dashboard-card.tone-bad{border-color:rgba(255,107,107,.22)}.dashboard-card.tone-neutral{border-color:rgba(93,228,199,.18)}header.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(7,17,31,.72);border-bottom:1px solid var(--line)}.shell{width:min(1200px,calc(100% - 32px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}.brand{display:flex;flex-direction:column;gap:4px}.brand strong{font-size:1rem;letter-spacing:.04em;text-transform:uppercase}.brand span,.muted{color:var(--muted)}.nav{display:flex;flex-wrap:wrap;gap:10px}.nav a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03)}.nav a:hover{border-color:rgba(93,228,199,.38);background:rgba(93,228,199,.08)}.hero{display:grid;grid-gap:20px;gap:20px;grid-template-columns:1.5fr 1fr;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(13,27,45,.92),rgba(8,18,31,.82));box-shadow:var(--shadow)}.hero h1,.section h2{margin:0;line-height:1.05}.hero h1{font-size:clamp(2.2rem,4vw,4.4rem);letter-spacing:-.04em}.hero p{margin:0;color:var(--muted);font-size:1.02rem;line-height:1.7}.hero-card{padding:20px;border-radius:22px;border:1px solid var(--line);background:rgba(16,36,59,.8)}.chips,.grid,.stats{display:grid;grid-gap:14px;gap:14px}.chips{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card,.chip,.panel{border:1px solid var(--line);border-radius:22px;background:rgba(13,27,45,.8)}.chip{padding:14px 16px}.chip strong{display:block;margin-bottom:8px;font-size:.95rem}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:20px 0 0}.stat{padding:18px;border-radius:20px;background:rgba(16,36,59,.78);border:1px solid var(--line)}.stat strong{display:block;font-size:1.8rem;margin-bottom:6px}.section{margin-top:24px}.dashboard-page .section{min-height:calc(100vh - 170px);scroll-margin-top:118px;align-content:start}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.section h2{font-size:1.45rem;letter-spacing:-.03em}.section p{margin:0;color:var(--muted)}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.three-up{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{padding:18px}.card h3{margin:0 0 8px}.metric-row{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.metric-row span{color:var(--muted)}.table-wrap{overflow:auto;border-radius:22px;border:1px solid var(--line);background:rgba(13,27,45,.78)}table{width:100%;border-collapse:collapse;min-width:720px}td,th{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(148,163,184,.12);vertical-align:top}th{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.78rem;border:1px solid transparent}.badge.good{background:rgba(74,222,128,.12);color:#b7f7ca;border-color:rgba(74,222,128,.24)}.badge.warn{background:rgba(245,158,11,.12);color:#f9d97b;border-color:rgba(245,158,11,.24)}.badge.bad{background:rgba(255,107,107,.12);color:#ffb7b7;border-color:rgba(255,107,107,.24)}.badge.neutral{background:rgba(93,228,199,.11);color:#acf3e5;border-color:rgba(93,228,199,.24)}.muted-block{color:var(--muted);font-size:.92rem;line-height:1.6}.form-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}label{display:grid;grid-gap:8px;gap:8px;font-size:.9rem;color:var(--muted)}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:11px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(7,17,31,.75);color:var(--text)}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border:1px solid rgba(93,228,199,.3);border-radius:14px;background:linear-gradient(180deg,rgba(93,228,199,.18),rgba(93,228,199,.08));color:var(--text);cursor:pointer}.button:hover,button:hover{border-color:rgba(93,228,199,.55)}.stack{display:grid;grid-gap:16px;gap:16px}@media (max-width:960px){main.dashboard-page{width:min(100% - 24px,1280px)}.dashboard-chrome{flex-direction:column;align-items:stretch}.dashboard-chrome-actions{justify-content:space-between}.dashboard-page .section,.dashboard-screen{min-height:auto}.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.screen-grid{grid-template-columns:1fr}}.kpi-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi{padding:18px;border-radius:20px;border:1px solid var(--line);background:rgba(16,36,59,.72)}.kpi.good{border-color:rgba(74,222,128,.24);background:linear-gradient(180deg,rgba(74,222,128,.12),rgba(16,36,59,.72))}.kpi.warn{border-color:rgba(245,158,11,.24);background:linear-gradient(180deg,rgba(245,158,11,.1),rgba(16,36,59,.72))}.kpi.bad{border-color:rgba(255,107,107,.24);background:linear-gradient(180deg,rgba(255,107,107,.1),rgba(16,36,59,.72))}.kpi.neutral{border-color:rgba(93,228,199,.18)}.kpi strong{display:block;font-size:1.55rem}.kpi-detail{display:block;margin-top:8px;color:var(--muted);font-size:.86rem;line-height:1.55}.small{font-size:.88rem}.insight-banner{background:radial-gradient(circle at top right,rgba(93,228,199,.12),transparent 28%),linear-gradient(180deg,rgba(13,27,45,.88),rgba(8,18,31,.82))}.insight-card.good{border-color:rgba(74,222,128,.22)}.insight-card.warn{border-color:rgba(245,158,11,.22)}.insight-card.bad{border-color:rgba(255,107,107,.22)}.flow-rail{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr) auto minmax(180px,1fr) auto minmax(180px,1fr);grid-gap:12px;gap:12px;align-items:stretch}.flow-node{padding:18px;border-radius:24px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(93,228,199,.1),transparent 30%),rgba(13,27,45,.82);display:grid;grid-gap:10px;gap:10px}.flow-node strong{font-size:1.9rem;letter-spacing:-.03em}.flow-node p{margin:0;color:var(--muted);line-height:1.55}.flow-node.ocean{border-color:rgba(87,148,242,.22)}.flow-node.warehouse{border-color:rgba(93,228,199,.2)}.flow-node.truck{border-color:rgba(246,196,83,.24)}.flow-node.demand{border-color:rgba(255,107,107,.22)}.flow-node-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.flow-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.flow-arrow{align-self:center;justify-self:center;color:rgba(159,179,206,.82);font-size:1.8rem;padding:0 2px}.flow-meter{position:relative;height:12px;border-radius:999px;background:rgba(148,163,184,.12);overflow:hidden}.flow-meter span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,rgba(93,228,199,.9),rgba(246,196,83,.55))}.stack-bar{display:grid;grid-gap:10px;gap:10px;margin-top:10px}.stack-bar-row{display:grid;grid-template-columns:72px 1fr auto;grid-gap:10px;gap:10px;align-items:center}.stack-bar-row span{color:var(--muted);font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stack-bar-row strong{font-size:.9rem}.stack-track{position:relative;height:11px;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.12)}.stack-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit}.stack-fill.sales{background:linear-gradient(90deg,rgba(87,148,242,.86),rgba(87,148,242,.36))}.stack-fill.stock{background:linear-gradient(90deg,rgba(93,228,199,.82),rgba(93,228,199,.34))}.stack-fill.available{background:linear-gradient(90deg,rgba(74,222,128,.82),rgba(74,222,128,.28))}.stack-fill.reserved{background:linear-gradient(90deg,rgba(246,196,83,.82),rgba(246,196,83,.3))}.stack-fill.total{background:linear-gradient(90deg,rgba(159,179,206,.72),rgba(159,179,206,.28))}.aging-panel{display:grid;grid-gap:10px;gap:10px;padding:14px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.025)}.aging-stack{display:flex;height:14px;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.1)}.aging-segment{height:100%}.aging-current{background:linear-gradient(90deg,rgba(74,222,128,.92),rgba(74,222,128,.42))}.aging-d30{background:linear-gradient(90deg,rgba(93,228,199,.92),rgba(93,228,199,.44))}.aging-d60{background:linear-gradient(90deg,rgba(246,196,83,.92),rgba(246,196,83,.45))}.aging-d90{background:linear-gradient(90deg,rgba(255,107,107,.92),rgba(255,107,107,.45))}.aging-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 12px;gap:8px 12px}.aging-legend-item{display:grid;grid-template-columns:11px minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center;color:var(--muted);font-size:.78rem}.aging-legend-item strong{color:var(--text);font-size:.82rem}.aging-swatch{width:11px;height:11px;border-radius:999px}.aging-note{margin:0}.trend-stack{margin-top:8px}.forecast-stack,.trend-stack{display:grid;grid-gap:12px;gap:12px}.forecast-stack{margin-top:12px}.forecast-card{grid-gap:8px;gap:8px}.forecast-card,.trend-spark{display:grid;padding:12px;border-radius:18px;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.03)}.trend-spark{grid-gap:10px;gap:10px}.trend-spark-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.trend-spark-head strong{display:block;font-size:.9rem}.trend-spark-head p{margin:4px 0 0}.trend-spark-bars{display:flex;align-items:flex-end;gap:4px;height:72px;padding:4px 2px 2px;border-radius:14px;background:linear-gradient(180deg,rgba(93,228,199,.06),rgba(255,255,255,.02))}.trend-spark-bars span{flex:1 1;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,rgba(93,228,199,.95),rgba(246,196,83,.52));min-height:10px;opacity:.95}.trend-spark .badge.good{background:rgba(74,222,128,.12)}.trend-spark .badge.warn{background:rgba(245,158,11,.12)}.trend-spark .badge.neutral{background:rgba(93,228,199,.1)}.marine-map-shell{display:grid;grid-gap:12px;gap:12px}.marine-map{width:100%;height:auto;border-radius:22px;border:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,rgba(8,23,42,.9),rgba(9,19,36,.9));box-shadow:inset 0 0 0 1px rgba(93,228,199,.04)}.marine-map text{paint-order:stroke fill;stroke:rgba(7,17,31,.8);stroke-width:3px}.marine-map-meta{display:flex;flex-wrap:wrap;gap:8px}.marine-map-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.14);color:var(--muted);font-size:.78rem}.marine-dot{width:10px;height:10px;border-radius:999px}.marine-dot.origin{background:#4ade80}.marine-dot.sea{background:#5de4c7}.marine-dot.destination{background:#f6c453}.marine-dot.delay{background:#ff6b6b}.marine-map-tracks{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.gta-map-shell{display:grid;grid-gap:14px;gap:14px}.gta-map-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);grid-gap:14px;gap:14px;align-items:start}.gta-detail-card,.gta-map-card{border:1px solid var(--line);border-radius:24px;background:rgba(13,27,45,.82);box-shadow:var(--shadow);padding:18px}.gta-detail-head,.gta-map-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.gta-map-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.gta-legend-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;border:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.03);color:var(--muted);font-size:.78rem}.legend-dot{width:10px;height:10px;border-radius:999px}.legend-dot.good{background:var(--good)}.legend-dot.warn{background:var(--warning)}.legend-dot.bad{background:var(--danger)}.gta-map{width:100%;height:auto;border-radius:22px;border:1px solid rgba(148,163,184,.12);background:radial-gradient(circle at top left,rgba(93,228,199,.1),transparent 28%),linear-gradient(180deg,rgba(8,23,42,.94),rgba(9,19,36,.92))}.gta-map text{paint-order:stroke fill;stroke:rgba(7,17,31,.85);stroke-width:3px}.gta-truck-marker{stroke:rgba(232,240,255,.35);stroke-width:2;transition:transform .18s ease,filter .18s ease,r .18s ease}.gta-truck-marker.good{fill:rgba(74,222,128,.9)}.gta-truck-marker.warn{fill:rgba(245,158,11,.92)}.gta-truck-marker.bad{fill:rgba(255,107,107,.92)}.gta-truck-marker.selected{filter:drop-shadow(0 0 12px rgba(93,228,199,.35));stroke:rgba(93,228,199,.95)}.gta-truck-label{font-size:10px;font-weight:700}.gta-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.gta-detail-metric{padding:12px;border-radius:18px;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.03)}.gta-bar-row span,.gta-detail-metric span{display:block;color:var(--muted);font-size:.78rem}.gta-bar-row strong,.gta-detail-metric strong{display:block;margin-top:4px}.gta-bar,.gta-detail-block,.gta-stack{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.gta-stack-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.gta-detail-block h4,.gta-stack-head h4{margin:0;font-size:1rem}.gta-chip-row{display:flex;flex-wrap:wrap;gap:8px}.gta-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.03);color:var(--text);font-size:.78rem}.gta-chip.good{border-color:rgba(74,222,128,.22);background:rgba(74,222,128,.08)}.gta-chip.warn{border-color:rgba(245,158,11,.22);background:rgba(245,158,11,.08)}.gta-truck-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px}.gta-truck-chip{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:rgba(13,27,45,.78);color:var(--text);text-align:left}.gta-truck-chip strong{display:block}.gta-truck-chip span{color:var(--muted);font-size:.8rem}.gta-truck-chip.active{border-color:rgba(93,228,199,.55);background:rgba(93,228,199,.08)}.marine-track{display:grid;grid-gap:8px;gap:8px;padding:12px;border-radius:18px;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.03)}.marine-track-line{position:relative;height:10px;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.12)}.marine-track-line span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,rgba(93,228,199,.9),rgba(246,196,83,.82))}.chart-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.chart-card{padding:18px;border-radius:22px;border:1px solid var(--line);background:rgba(13,27,45,.8);display:grid;grid-gap:14px;gap:14px}.bar-stack{grid-gap:10px}.bar-row,.bar-stack{display:grid;gap:10px}.bar-row{grid-template-columns:92px 1fr auto;grid-gap:10px;align-items:center}.bar-row span{color:var(--muted);font-size:.84rem}.bar-row strong{font-size:.9rem}.bar-track{position:relative;height:10px;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.12)}.bar-fill{position:absolute;inset:0 auto 0 0;border-radius:999px}.bar-fill.revenue{background:linear-gradient(90deg,rgba(93,228,199,.8),rgba(93,228,199,.35))}.bar-fill.profit{background:linear-gradient(90deg,rgba(246,196,83,.82),rgba(246,196,83,.34))}.code-block{margin:0;padding:20px;white-space:pre-wrap;border-radius:22px;border:1px solid var(--line);background:rgba(7,17,31,.86);color:#d7e7ff;line-height:1.7;font-size:.95rem}.snippet-shell{display:grid;grid-gap:10px;gap:10px}.snippet-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.copy-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:12px;border:1px solid rgba(93,228,199,.3);background:rgba(93,228,199,.08);color:var(--text);cursor:pointer}.copy-button:hover{border-color:rgba(93,228,199,.6)}.sample-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.12)}.sample-row:last-child{border-bottom:0;padding-bottom:0}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip-link{padding:8px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.2);background:rgba(255,255,255,.04);color:var(--muted);font-size:.82rem;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.chip-link:hover{border-color:rgba(93,228,199,.45);background:rgba(93,228,199,.08);color:var(--text);transform:translateY(-1px)}.chip-link.active{border-color:rgba(93,228,199,.8);background:rgba(93,228,199,.14);color:#dffcf7;box-shadow:0 0 0 4px rgba(93,228,199,.08)}@media (max-width:900px){.hero{grid-template-columns:1fr}.dashboard-card.wide{grid-column:span 1}.flow-rail{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);justify-self:start}.bar-row,.marine-map-tracks{grid-template-columns:1fr}}