:root{--ff-bg:#070b12;--ff-bg-2:#0b1220;--ff-bg-3:#0f1828;--ff-surface:#0f1726;--ff-surface-2:#131c2e;--ff-surface-3:#182238;--ff-elev:#1a2438;--ff-line:#94a3b824;--ff-line-soft:#94a3b814;--ff-line-strong:#94a3b838;--ff-ink:#e6edf6;--ff-ink-strong:#f4f7fb;--ff-muted:#8a99b3;--ff-muted-soft:#5d6b85;--ff-text:#a7b4c8;--ff-orange:#ff7a1a;--ff-orange-strong:#ff8c3a;--ff-orange-dark:#d95a05;--ff-orange-soft:#ff7a1a1f;--ff-orange-line:#ff7a1a52;--ff-cyan:#22d3ee;--ff-cyan-strong:#67e8f9;--ff-cyan-soft:#22d3ee1a;--ff-cyan-line:#22d3ee47;--ff-violet:#a78bfa;--ff-violet-soft:#a78bfa1a;--ff-success:#3ddc97;--ff-success-soft:#3ddc971a;--ff-success-line:#3ddc974d;--ff-warning:#f7b955;--ff-warning-soft:#f7b9551a;--ff-warning-line:#f7b95547;--ff-danger:#ff6b6b;--ff-danger-soft:#ff6b6b1a;--ff-danger-line:#ff6b6b52;--ff-shadow-sm:0 1px 0 #ffffff0a inset, 0 12px 28px #00000052;--ff-shadow-md:0 1px 0 #ffffff0a inset, 0 24px 60px #00000073;--ff-glow-orange:0 0 0 1px #ff7a1a47, 0 18px 42px #ff7a1a2e;--ff-glow-cyan:0 0 0 1px #22d3ee38, 0 16px 38px #22d3ee1f;--ff-radius-sm:10px;--ff-radius:14px;--ff-radius-lg:20px;--ff-radius-xl:26px}:root[data-theme=light]{--ff-bg:#f4f7fb;--ff-bg-2:#eef3f8;--ff-bg-3:#e7eef6;--ff-surface:#fff;--ff-surface-2:#f8fafc;--ff-surface-3:#eef4fb;--ff-elev:#fff;--ff-line:#23365621;--ff-line-soft:#23365614;--ff-line-strong:#23365638;--ff-ink:#253247;--ff-ink-strong:#101827;--ff-muted:#65748c;--ff-muted-soft:#8a98ad;--ff-text:#526178;--ff-orange-soft:#ff7a1a1c;--ff-orange-line:#d95a0542;--ff-cyan:#0891b2;--ff-cyan-strong:#087c98;--ff-cyan-soft:#0891b21a;--ff-cyan-line:#0891b23d;--ff-violet-soft:#7c3aed14;--ff-success:#0b8f63;--ff-success-soft:#0b8f631a;--ff-success-line:#0b8f633d;--ff-warning:#b7791f;--ff-warning-soft:#b7791f1c;--ff-warning-line:#b7791f3d;--ff-danger:#c24141;--ff-danger-soft:#c241411a;--ff-danger-line:#c2414140;--ff-shadow-sm:0 1px 0 #ffffffd9 inset, 0 12px 30px #0f172a14;--ff-shadow-md:0 1px 0 #ffffffe6 inset, 0 24px 70px #0f172a1f;--ff-glow-orange:0 0 0 1px #ff7a1a38, 0 16px 34px #ff7a1a26;--ff-glow-cyan:0 0 0 1px #0891b22e, 0 16px 34px #0891b21a}*{box-sizing:border-box}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;max-width:100%}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--ff-bg);max-width:100%;min-height:100vh;color:var(--ff-ink);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-width:0;max-width:100%}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(1100px 600px at 8% -8%,#22d3ee1a,#0000 55%),radial-gradient(900px 500px at 92% 0,#ff7a1a1a,#0000 50%),radial-gradient(1200px 800px at 50% 110%,#22d3ee0f,#0000 60%),linear-gradient(#060a11 0%,#070b14 60%,#05080f 100%);position:fixed;inset:0}html[data-theme=light] body:before{background:radial-gradient(900px 520px at 8% -8%,#0891b221,#0000 55%),radial-gradient(900px 520px at 92% 0,#ff7a1a1f,#0000 52%),linear-gradient(#f8fbff 0%,#f2f6fb 58%,#edf3f9 100%)}body:after{content:"";pointer-events:none;z-index:-1;opacity:.35;background-image:linear-gradient(90deg,#94a3b80a 1px,#0000 1px),linear-gradient(#94a3b80a 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(1200px 800px at 50% 30%,#000 30%,#0000 80%);mask-image:radial-gradient(1200px 800px at 50% 30%,#000 30%,#0000 80%)}html[data-theme=light] body:after{opacity:.5;background-image:linear-gradient(90deg,#2336560b 1px,#0000 1px),linear-gradient(#2336560b 1px,#0000 1px)}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}::selection{color:#fff;background:#22d3ee52}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pulseDot{0%,to{box-shadow:0 0 #3ddc9799}70%{box-shadow:0 0 0 8px #3ddc9700}}main{width:100%;max-width:100%;margin:0;padding:24px clamp(16px,2.4vw,40px) 56px;position:relative}section[id]{scroll-margin-top:112px}.centerScreen{text-align:center;min-height:100vh;color:var(--ff-muted);place-items:center;gap:12px;display:grid}.centerScreen svg{color:var(--ff-cyan)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ff-cyan);outline-offset:2px;border-radius:10px}.buttonLike,.ghostButton{cursor:pointer;letter-spacing:-.01em;border:0;justify-content:center;align-items:center;gap:9px;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.buttonLike:disabled,.ghostButton:disabled,.toolbarButton:disabled,.miniButton:disabled{opacity:.5;cursor:not-allowed}.primary{color:#0a0f1c;border-radius:var(--ff-radius);box-shadow:var(--ff-glow-orange);background:linear-gradient(135deg,#ff8c3a 0%,#ff7a1a 55%,#e35e08 100%);border:1px solid #ffffff14;padding:13px 18px;font-weight:800}.primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.secondary{border:1px solid var(--ff-line-strong);color:var(--ff-ink);border-radius:var(--ff-radius);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 16px;font-weight:700;display:inline-flex}.secondary:hover:not(:disabled){border-color:var(--ff-cyan-line);color:var(--ff-ink-strong);background:#ffffff0f}.ghostButton{border:1px dashed var(--ff-line-strong);color:var(--ff-muted);border-radius:var(--ff-radius);background:0 0;padding:12px 16px}.ghostButton:hover:not(:disabled){color:var(--ff-ink);background:#ffffff0a;border-style:solid}.toolbarButton,.miniButton,.accentButton{border:1px solid var(--ff-line);cursor:pointer;color:var(--ff-ink);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 14px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.toolbarButton:hover:not(:disabled),.miniButton:hover:not(:disabled),.accentButton:hover:not(:disabled){border-color:var(--ff-cyan-line);background:#ffffff0f;transform:translateY(-1px)}.miniButton{border-radius:10px;min-height:34px;padding:7px 11px;font-size:12.5px}.accentButton{background:var(--ff-orange-soft);border-color:var(--ff-orange-line);color:var(--ff-orange-strong)}.dangerButton{border-color:var(--ff-danger-line)!important;color:var(--ff-danger)!important;background:var(--ff-danger-soft)!important}.themeToggle{border:1px solid var(--ff-line-strong);background:linear-gradient(180deg,var(--ff-surface-2),var(--ff-surface));color:var(--ff-ink);letter-spacing:-.01em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 12px;font-size:12.5px;font-weight:800;transition:transform .15s,border-color .15s,background .15s,color .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff0d}.themeToggle:hover{border-color:var(--ff-cyan-line);color:var(--ff-ink-strong);transform:translateY(-1px)}.themeToggle svg{color:var(--ff-orange-strong)}.themeToggle.compact{border-radius:12px;flex:none;width:40px;padding:0}.sidebarActions .themeToggle{border-radius:12px;justify-content:flex-start;width:100%}.landingShell{gap:clamp(32px,4vw,64px);width:min(100%,1480px);margin:0 auto;display:grid}.topNav{border:1px solid var(--ff-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;background:#0f1726a6;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex;position:sticky;top:18px}.navActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.brand{letter-spacing:-.02em;color:var(--ff-ink-strong);align-items:center;gap:11px;font-size:18px;font-weight:800;display:flex}.brandMark{color:#0a0f1c;width:38px;height:38px;box-shadow:var(--ff-glow-orange);background:linear-gradient(135deg,#ff8c3a,#d95a05);border:1px solid #ffffff1f;border-radius:12px;place-items:center;display:grid}.brand small{color:var(--ff-muted);letter-spacing:.18em;text-transform:uppercase;margin-top:1px;font-size:11px;font-weight:600;display:block}.navLinks{align-items:center;gap:6px;display:flex}.navLinks a{color:var(--ff-muted);border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:color .15s,background .15s,border-color .15s}.navLinks a:hover{color:var(--ff-ink);border-color:var(--ff-line);background:#ffffff0a}.navCta{background:var(--ff-cyan-soft);border:1px solid var(--ff-cyan-line);color:var(--ff-cyan-strong);border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero{border:1px solid var(--ff-line);border-radius:var(--ff-radius-xl);box-shadow:var(--ff-shadow-md);background:radial-gradient(800px 360px at 12% 0,#22d3ee1a,#0000 60%),radial-gradient(700px 380px at 92% 100%,#ff7a1a1a,#0000 60%),linear-gradient(#0f1726d9,#0b1220d9);padding:clamp(28px,4vw,56px);position:relative;overflow:hidden}.heroStatusBar{border:1px solid var(--ff-line);color:var(--ff-muted);letter-spacing:.02em;background:#070b128c;border-radius:14px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:clamp(24px,3vw,40px);padding:10px 14px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;display:flex}.heroStatusBar .liveDot{background:var(--ff-success);border-radius:999px;width:8px;height:8px;margin-right:8px;animation:2s infinite pulseDot;display:inline-block}.heroStatusBar b{color:var(--ff-ink-strong);font-weight:700}.heroStatusBar .sep{color:var(--ff-muted-soft);opacity:.6}.heroGrid{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:start;gap:clamp(28px,4vw,56px);display:grid}.heroCopy{max-width:680px}.eyebrow{border:1px solid var(--ff-cyan-line);background:var(--ff-cyan-soft);color:var(--ff-cyan-strong);letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.eyebrow.orange{border-color:var(--ff-orange-line);background:var(--ff-orange-soft);color:var(--ff-orange-strong)}.hero h1{letter-spacing:-.045em;color:var(--ff-ink-strong);margin:18px 0 16px;font-size:clamp(40px,5.6vw,76px);font-weight:800;line-height:1.02}.hero h1 em{background:linear-gradient(135deg,#ff8c3a,#22d3ee);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.lead{color:var(--ff-muted);max-width:560px;margin:0;font-size:clamp(16px,1.4vw,19px);line-height:1.55}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.heroMetrics{border-top:1px solid var(--ff-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px;padding-top:24px;display:grid}.heroMetric{gap:4px;display:grid}.heroMetric strong{letter-spacing:-.03em;color:var(--ff-ink-strong);font-feature-settings:"tnum";font-size:24px;font-weight:800}.heroMetric small{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.heroPreview{border:1px solid var(--ff-line);border-radius:var(--ff-radius-lg);box-shadow:var(--ff-shadow-md);background:linear-gradient(#131c2ee0,#0b1220eb);gap:14px;min-height:520px;padding:18px;display:grid;position:relative}.heroPreview .previewChrome{border-bottom:1px solid var(--ff-line);color:var(--ff-muted);justify-content:space-between;align-items:center;padding-bottom:12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;display:flex}.heroPreview .previewChrome .dots{gap:6px;display:flex}.heroPreview .previewChrome .dots span{background:#94a3b82e;border-radius:999px;width:10px;height:10px}.heroPreview .previewChrome .dots span:first-child{background:#ff6b6b}.heroPreview .previewChrome .dots span:nth-child(2){background:#f7b955}.heroPreview .previewChrome .dots span:nth-child(3){background:#3ddc97}.previewKpis{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.previewKpi{border:1px solid var(--ff-line);background:var(--ff-surface);border-radius:14px;gap:4px;padding:12px 14px;display:grid}.previewKpi small{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:700}.previewKpi strong{letter-spacing:-.03em;color:var(--ff-ink-strong);font-feature-settings:"tnum";font-size:22px;font-weight:800}.previewKpi.cyan strong{color:var(--ff-cyan-strong)}.previewKpi.orange strong{color:var(--ff-orange-strong)}.previewSection{border:1px solid var(--ff-line);background:var(--ff-surface);border-radius:14px;gap:10px;padding:12px 14px;display:grid}.previewSection .secTitle{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.previewSection .secTitle em{color:var(--ff-cyan-strong);font-style:normal;font-weight:700}.previewRow{color:var(--ff-ink);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:13px;display:grid}.previewRow .ref{color:var(--ff-cyan-strong);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:700}.previewRow .leg{color:var(--ff-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.previewRow .pill{letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:800}.previewRow .pill.ok{background:var(--ff-success-soft);color:var(--ff-success);border:1px solid var(--ff-success-line)}.previewRow .pill.warn{background:var(--ff-warning-soft);color:var(--ff-warning);border:1px solid var(--ff-warning-line)}.previewRow .pill.cargo{background:var(--ff-orange-soft);color:var(--ff-orange-strong);border:1px solid var(--ff-orange-line)}.previewTimeline{gap:6px;display:grid}.previewTimeline .tlRow{color:var(--ff-muted);grid-template-columns:10px 1fr auto;align-items:center;gap:10px;font-size:12px;display:grid}.previewTimeline .tlRow .tlDot{background:var(--ff-muted-soft);border-radius:999px;width:8px;height:8px}.previewTimeline .tlRow.done .tlDot{background:var(--ff-success);box-shadow:0 0 0 3px #3ddc9729}.previewTimeline .tlRow.active .tlDot{background:var(--ff-orange);box-shadow:0 0 0 3px #ff7a1a33}.previewTimeline .tlRow b{color:var(--ff-ink);font-weight:700}.fullBleed{width:100%}.sectionHead{gap:10px;max-width:760px;margin-bottom:24px;display:grid}.sectionHead h2{letter-spacing:-.04em;color:var(--ff-ink-strong);margin:0;font-size:clamp(28px,3.4vw,46px);font-weight:800;line-height:1.05}.sectionHead p{color:var(--ff-muted);margin:0;font-size:16px;line-height:1.55}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card{border:1px solid var(--ff-line);background:linear-gradient(180deg,var(--ff-surface) 0%,var(--ff-bg-2) 100%);border-radius:var(--ff-radius-lg);box-shadow:var(--ff-shadow-sm);padding:22px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.card:hover{border-color:var(--ff-cyan-line);box-shadow:var(--ff-shadow-md);transform:translateY(-2px)}.card .iconBox{background:var(--ff-orange-soft);border:1px solid var(--ff-orange-line);width:42px;height:42px;color:var(--ff-orange-strong);border-radius:12px;place-items:center;margin-bottom:14px;display:grid}.card:nth-child(2n) .iconBox{background:var(--ff-cyan-soft);border-color:var(--ff-cyan-line);color:var(--ff-cyan-strong)}.card h3{color:var(--ff-ink-strong);letter-spacing:-.02em;margin:0 0 8px;font-size:17px;font-weight:700}.card p{color:var(--ff-muted);margin:0;font-size:14px;line-height:1.55}.workflow{border:1px solid var(--ff-line);background:linear-gradient(180deg,var(--ff-surface) 0%,var(--ff-bg-2) 100%);border-radius:var(--ff-radius-xl);box-shadow:var(--ff-shadow-sm);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px;padding:clamp(24px,3.4vw,40px);display:grid}.containerWorkbench{gap:18px}.containerWorkbenchHeader{align-items:center}.containerHeaderActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.containerWorkbenchGrid{grid-template-columns:minmax(280px,.32fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.containerSelector{gap:12px;max-height:calc(100vh - 42px);display:grid;position:sticky;top:18px;overflow:hidden}.selectorHeader{color:var(--ff-ink-strong);justify-content:space-between;align-items:center;gap:10px;display:flex}.selectorHeader span{color:var(--ff-muted);font-size:12px;font-weight:700}.containerSearchSelect select{border:1px solid var(--ff-line);background:var(--ff-bg-3);width:100%;color:var(--ff-ink-strong);border-radius:13px;outline:none;min-height:44px;padding:0 12px;font-weight:700}.containerCardList{gap:9px;max-height:560px;padding-right:4px;display:grid;overflow:auto}.containerListCard{border:1px solid var(--ff-line);background:var(--ff-bg-3);text-align:left;color:var(--ff-ink);cursor:pointer;border-radius:14px;gap:7px;padding:12px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:grid}.containerListCard:hover{border-color:var(--ff-line-strong);background:var(--ff-surface-2);transform:translateY(-1px)}.containerListCard.active{border-color:var(--ff-orange-line);box-shadow:var(--ff-glow-orange);background:linear-gradient(135deg,#ff7a1a1a,#22d3ee0a)}.containerListTop{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.containerListTop b{color:var(--ff-ink-strong);overflow-wrap:anywhere;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.containerListCard>span:not(.containerListTop):not(.containerListMeta){color:var(--ff-muted);font-size:12px;font-weight:650}.containerListMeta{flex-wrap:wrap;gap:6px;display:flex}.containerListMeta small{border:1px solid var(--ff-line);background:var(--ff-bg-2);color:var(--ff-muted);border-radius:999px;padding:4px 7px;font-size:10.5px;font-weight:750}.containerMainStack{gap:14px;min-width:0;display:grid}.containerOverviewPanel{background:radial-gradient(600px 260px at 90% 0%,#ff7a1a1a,transparent 60%),var(--ff-surface);gap:14px;display:grid}.containerOverviewHero{border-bottom:1px solid var(--ff-line-soft);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:14px;display:flex}.containerHeroIdentity small,.containerEtaBlock small{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px;font-size:10.5px;font-weight:850;display:block}.containerHeroIdentity h3{letter-spacing:-.06em;color:var(--ff-ink-strong);overflow-wrap:anywhere;margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(30px,3vw,46px);font-weight:900;line-height:.95}.containerHeroIdentity p{color:var(--ff-muted);margin:8px 0 0;font-weight:700}.containerEtaBlock{text-align:right;justify-items:end;gap:7px;min-width:130px;display:grid}.containerEtaBlock strong{color:var(--ff-orange);letter-spacing:-.04em;font-size:clamp(22px,2.3vw,34px);line-height:1}.containerPulseGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.containerMetric{border:1px solid var(--ff-line);background:var(--ff-bg-3);border-radius:14px;align-items:flex-start;gap:10px;min-width:0;padding:12px;display:flex}.containerMetric>span{border:1px solid var(--ff-line);width:34px;height:34px;color:var(--ff-orange);background:#ff7a1a14;border-radius:11px;flex:none;place-items:center;display:grid}.containerMetric.success>span{color:var(--ff-success);background:#10b98114}.containerMetric.warning>span{color:var(--ff-warning);background:#f59e0b1a}.containerMetric small{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:850;display:block}.containerMetric b{color:var(--ff-ink-strong);letter-spacing:-.04em;margin-top:3px;font-size:22px;display:block}.containerMetric em{color:var(--ff-muted);font-size:11.5px;font-style:normal;font-weight:650;display:block}.containerProgressBlock{grid-template-columns:auto minmax(140px,1fr);align-items:center;gap:12px;display:grid}.containerProgressBlock b{color:var(--ff-ink-strong);font-size:13px;display:block}.containerProgressBlock span{color:var(--ff-muted);font-size:12px;font-weight:650}.progressTrack{background:var(--ff-bg-3);border:1px solid var(--ff-line);border-radius:999px;height:10px;overflow:hidden}.progressTrack span{background:linear-gradient(90deg,var(--ff-orange),var(--ff-cyan));border-radius:999px;height:100%;display:block;box-shadow:0 0 20px #ff7a1a47}.workflow ol{counter-reset:step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.workflow li{border:1px solid var(--ff-line);background:var(--ff-bg-3);counter-increment:step;border-radius:16px;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"step title""step copy";align-items:start;gap:4px 16px;padding:15px 16px;display:grid}.workflow li:before{content:"0" counter(step);width:38px;height:38px;color:var(--ff-orange-strong);font-feature-settings:"tnum";background:#ff74171f;border:1px solid #ff74173d;border-radius:12px;grid-area:step;place-items:center;font-size:13px;font-weight:800;display:grid}.workflow li b{color:var(--ff-ink-strong);letter-spacing:-.01em;grid-area:title;min-width:0;font-size:14.5px;font-weight:700;display:block}.workflow li span{color:var(--ff-text);grid-area:copy;min-width:0;max-width:62ch;margin-top:0;font-size:13.5px;line-height:1.55;display:block}.clientView{border:1px solid var(--ff-line);background:linear-gradient(180deg,var(--ff-surface) 0%,var(--ff-bg-2) 100%);border-radius:var(--ff-radius-xl);box-shadow:var(--ff-shadow-sm);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px;padding:clamp(24px,3.4vw,40px);display:grid}.clientPanel{gap:10px;display:grid}.clientRow{border:1px solid var(--ff-line);background:var(--ff-bg-3);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.clientRow span{color:var(--ff-ink);font-size:14px;font-weight:600}.clientRow b{background:var(--ff-cyan-soft);border:1px solid var(--ff-cyan-line);color:var(--ff-cyan-strong);letter-spacing:.02em;border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:800}.clientRow:nth-child(2) b{background:var(--ff-orange-soft);border-color:var(--ff-orange-line);color:var(--ff-orange-strong)}.clientRow:nth-child(3) b{background:var(--ff-success-soft);border-color:var(--ff-success-line);color:var(--ff-success)}.clientNotice{border:1px solid var(--ff-cyan-line);background:var(--ff-cyan-soft);color:var(--ff-cyan-strong);border-radius:14px;align-items:center;gap:10px;padding:13px 16px;font-size:13.5px;font-weight:700;display:flex}.clientNotice.warning{background:var(--ff-warning-soft);color:var(--ff-warning);border-color:var(--ff-warning-line)}.clientNotice.danger{background:var(--ff-danger-soft);color:var(--ff-danger);border-color:var(--ff-danger-line)}.clientNotice.success{background:var(--ff-success-soft);color:var(--ff-success);border-color:var(--ff-success-line)}.landingFoot{border:1px solid var(--ff-line);color:var(--ff-muted);background:#0f17268c;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;font-size:13px;display:flex}.landingFoot strong{color:var(--ff-ink);font-weight:700}html[data-theme=light] .topNav,html[data-theme=light] .cockpitTopbar,html[data-theme=light] .landingFoot,html[data-theme=light] .pageHeader .quickStat{background:#ffffffc2;box-shadow:0 12px 32px #0f172a0f}html[data-theme=light] .hero{background:radial-gradient(780px 360px at 12% 0,#0891b21c,#0000 60%),radial-gradient(720px 380px at 92% 100%,#ff7a1a1f,#0000 60%),linear-gradient(#ffffffe0,#f1f6fce6)}html[data-theme=light] .heroStatusBar{background:#ffffffb3}html[data-theme=light] .heroPreview,html[data-theme=light] .authPanel{background:linear-gradient(#fffffff0,#f1f6fcf0)}html[data-theme=light] .previewTop{color:var(--ff-ink);background:linear-gradient(135deg,#f8fbff,#edf4fb)}html[data-theme=light] .cockpitSidebar{background:linear-gradient(#fff 0%,#f0f5fb 100%)}.authPanel{border:1px solid var(--ff-line);border-radius:var(--ff-radius-xl);box-shadow:var(--ff-shadow-md);background:linear-gradient(#131c2eeb,#0b1220eb);gap:16px;padding:22px;display:grid}.previewTop{border:1px solid var(--ff-line);color:#fff;background:linear-gradient(135deg,#0a1326,#0e1a30);border-radius:16px;justify-content:space-between;align-items:center;padding:16px;display:flex}.previewTop>div{gap:4px;display:grid}.previewTop span{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.previewTop strong{color:var(--ff-ink-strong);letter-spacing:-.02em;font-size:18px;font-weight:700}.previewTop svg{color:var(--ff-cyan)}.authTabs{background:var(--ff-bg-3);border:1px solid var(--ff-line);border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.authTabs button{color:var(--ff-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:40px;padding:10px 12px;font-size:13px;font-weight:700;transition:background .15s,color .15s}.authTabs button:hover{color:var(--ff-ink)}.authTabs button.active{background:var(--ff-surface-3);color:var(--ff-ink-strong);box-shadow:inset 0 1px #ffffff0f}.authForm{gap:12px;display:grid}.authForm label{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.05em;gap:6px;font-size:12px;font-weight:700;display:grid}.authForm input{border:1px solid var(--ff-line);background:var(--ff-bg-3);width:100%;color:var(--ff-ink-strong);border-radius:12px;outline:none;min-height:44px;padding:12px 14px;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s}.authForm input::placeholder{color:var(--ff-muted-soft)}.authForm input:focus{border-color:var(--ff-cyan-line);box-shadow:0 0 0 3px #22d3ee24}.formError{border:1px solid var(--ff-danger-line);background:var(--ff-danger-soft);color:var(--ff-danger);border-radius:12px;margin:0;padding:10px 12px;font-size:13px;font-weight:600}.authHint{color:var(--ff-muted);margin:0;font-size:12px;line-height:1.5}.authHint code{background:var(--ff-bg-3);border:1px solid var(--ff-line);color:var(--ff-cyan-strong);border-radius:6px;padding:2px 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px}.cockpitShell{width:100%;max-width:100%;min-height:100vh;margin:0;padding:0}.cockpitShell.hasSidebar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:264px minmax(0,1fr);align-items:start;gap:0;padding:0;display:grid}.cockpitMainPane{gap:18px;min-width:0;padding:22px clamp(18px,2.2vw,32px) 48px;display:grid}.cockpitSidebar{height:100vh;color:var(--ff-ink);border-right:1px solid var(--ff-line);z-index:20;background:linear-gradient(#080d17 0%,#0a1120 100%);flex-direction:column;gap:18px;padding:20px 16px;display:flex;position:sticky;top:0}.sidebarBrand{border-bottom:1px solid var(--ff-line);align-items:center;gap:11px;padding:4px 4px 18px;display:flex}.sidebarBrand strong{color:var(--ff-ink-strong);letter-spacing:-.02em;font-size:16px;display:block}.sidebarBrand small{color:var(--ff-muted);letter-spacing:.16em;text-transform:uppercase;margin-top:1px;font-size:10.5px;font-weight:700;display:block}.sidebarSection{gap:6px;margin-top:4px;display:grid}.sidebarSection .sectionLabel{color:var(--ff-muted-soft);text-transform:uppercase;letter-spacing:.16em;padding:4px 8px 6px;font-size:10px;font-weight:800}.sidebarUserCard{background:var(--ff-surface);border:1px solid var(--ff-line);border-radius:14px;gap:6px;padding:12px 14px;display:grid}.sidebarUserCard span{color:var(--ff-success);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:inline-flex}.sidebarUserCard span:before{content:"";background:var(--ff-success);border-radius:999px;width:6px;height:6px;animation:2.4s infinite pulseDot;box-shadow:0 0 0 3px #3ddc972e}.sidebarUserCard strong{color:var(--ff-ink-strong);overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.2}.sidebarUserCard small{color:var(--ff-muted);text-transform:capitalize;font-size:11.5px;font-weight:600}.sidebarNav{box-shadow:none;background:0 0;border:0;gap:3px;padding:0;display:grid}.sidebarNav button{text-align:left;width:100%;color:var(--ff-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:flex-start;align-items:center;gap:11px;min-height:42px;padding:11px 12px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.sidebarNav button svg{color:var(--ff-muted-soft);flex:none;transition:color .15s}.sidebarNav button:hover{color:var(--ff-ink);background:#ffffff0a}.sidebarNav button:hover svg{color:var(--ff-cyan)}.sidebarNav button.active{color:var(--ff-ink-strong);border-color:var(--ff-line-strong);background:linear-gradient(135deg,#ff7a1a1a,#22d3ee0f);box-shadow:inset 0 1px #ffffff0a}.sidebarNav button.active svg{color:var(--ff-orange-strong)}.sidebarNav button span{gap:1px;min-width:0;display:grid}.sidebarNav button b{letter-spacing:-.01em;color:inherit;font-size:13.5px;font-weight:700}.sidebarNav button small{opacity:.7;color:inherit;font-size:11px;font-weight:500}.sidebarActions{border-top:1px solid var(--ff-line);gap:8px;margin-top:auto;padding-top:14px;display:grid}.sidebarActions .toolbarButton{justify-content:flex-start;width:100%}.sidebarActions .dangerGhost{color:var(--ff-danger)}.sidebarActions .dangerGhost:hover:not(:disabled){border-color:var(--ff-danger-line);background:var(--ff-danger-soft);color:var(--ff-danger)}.mobileTopbar{display:none}.desktopTopbar{display:flex}.cockpitTopbar{border:1px solid var(--ff-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172699;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.cockpitBrand{align-items:center;gap:11px;min-width:0;display:flex}.cockpitBrand strong{letter-spacing:-.02em;color:var(--ff-ink-strong);font-size:15px;font-weight:700;display:block}.cockpitBrand small{color:var(--ff-muted);font-size:11px;font-weight:600;display:block}.cockpitTabs{background:var(--ff-bg-3);border:1px solid var(--ff-line);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.cockpitTabs button{color:var(--ff-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:36px;padding:9px 14px;font-size:13px;font-weight:700;transition:background .15s,color .15s}.cockpitTabs button:hover{color:var(--ff-ink)}.cockpitTabs button.active{background:var(--ff-surface-3);color:var(--ff-ink-strong);box-shadow:inset 0 1px #ffffff0f}.sidebarNav.cockpitTabs{background:0 0;border:0;border-radius:0;align-items:stretch;gap:3px;padding:0;display:grid}.sidebarNav.cockpitTabs button{width:100%;min-height:42px;padding:11px 12px}.mobileTopbar.cockpitTopbar{display:none}.cockpitActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.sessionPill{border:1px solid var(--ff-success-line);background:var(--ff-success-soft);color:var(--ff-success);border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.pageHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;padding:4px 2px 2px;display:flex}.pageHeader h1{letter-spacing:-.03em;color:var(--ff-ink-strong);margin:0;font-size:clamp(22px,2.4vw,28px);font-weight:800}.pageHeader p{color:var(--ff-muted);max-width:680px;margin:4px 0 0;font-size:13.5px;line-height:1.5}.pageHeader .quickStat{border:1px solid var(--ff-line);color:var(--ff-muted);background:#0f172699;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;display:inline-flex}.pageHeader .quickStat b{color:var(--ff-ink-strong);font-weight:700}.statusBanner{border:1px solid var(--ff-warning-line);background:var(--ff-warning-soft);color:var(--ff-warning);border-radius:14px;align-items:center;gap:10px;margin:0;padding:12px 16px;font-size:13.5px;font-weight:600;animation:.25s fadeUp;display:flex}.statusBanner.compact{margin:0}.cockpitSurface{gap:18px;display:grid}.kpiStrip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpiCard{background:linear-gradient(180deg,var(--ff-surface) 0%,var(--ff-bg-2) 100%);border:1px solid var(--ff-line);border-radius:18px;gap:8px;min-width:0;padding:18px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.kpiCard:before{content:"";background:var(--ff-cyan);opacity:.6;width:3px;position:absolute;top:0;bottom:0;left:0}.kpiCard.success:before{background:var(--ff-success)}.kpiCard.danger:before{background:var(--ff-danger)}.kpiCard:hover{border-color:var(--ff-line-strong);box-shadow:var(--ff-shadow-sm);transform:translateY(-2px)}.kpiTitle{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.kpiTitle span{background:var(--ff-cyan-soft);width:30px;height:30px;color:var(--ff-cyan-strong);border:1px solid var(--ff-cyan-line);border-radius:9px;place-items:center;display:grid}.kpiCard strong{letter-spacing:-.04em;color:var(--ff-ink-strong);font-feature-settings:"tnum";font-size:34px;font-weight:800;line-height:1;display:block}.kpiCard small{color:var(--ff-muted);font-size:12.5px;line-height:1.4}.kpiCard.success .kpiTitle span{background:var(--ff-success-soft);color:var(--ff-success);border-color:var(--ff-success-line)}.kpiCard.danger{border-color:var(--ff-danger-line)}.kpiCard.danger .kpiTitle span{background:var(--ff-danger-soft);color:var(--ff-danger);border-color:var(--ff-danger-line)}.kpiCard.danger small,.kpiCard.danger strong{color:var(--ff-danger)}.panel{background:linear-gradient(180deg,var(--ff-surface) 0%,var(--ff-bg-2) 100%);border:1px solid var(--ff-line);box-shadow:var(--ff-shadow-sm);border-radius:18px;flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.panelTitle{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.panelTitle>div{align-items:center;gap:10px;min-width:0;display:flex}.panelTitle>div b{overflow-wrap:anywhere;letter-spacing:-.01em;min-width:0;color:var(--ff-ink-strong);font-size:14px;font-weight:700}.panelTitle>div>span{background:var(--ff-orange-soft);width:30px;height:30px;color:var(--ff-orange-strong);border:1px solid var(--ff-orange-line);border-radius:9px;flex:none;place-items:center;display:grid}.panelTitle .panelHint{width:auto;height:auto;color:var(--ff-muted);text-transform:uppercase;letter-spacing:.06em;background:0 0;border:0;border-radius:0;padding:0;font-size:11px;font-weight:700;display:inline-flex}.panelTitle .statusPill{width:auto;height:auto;display:inline-flex}.cockpitBoard{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.priorityFocus{grid-row:span 2}.activityPanel{grid-row:span 1}.ordersPanel{grid-column:1/-1}.priorityHead{border:1px solid var(--ff-line);background:var(--ff-bg-3);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.priorityHead small{text-transform:uppercase;color:var(--ff-muted);letter-spacing:.08em;margin-bottom:6px;font-size:10.5px;font-weight:700;display:block}.priorityHead h3{letter-spacing:-.04em;color:var(--ff-ink-strong);overflow-wrap:anywhere;margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:24px;font-weight:800}.priorityHead>div:first-child>span{color:var(--ff-muted);margin-top:6px;font-size:13px;display:block}.priorityEta{text-align:right;min-width:140px}.priorityEta strong{letter-spacing:-.03em;color:var(--ff-orange-strong);font-feature-settings:"tnum";margin-top:4px;font-size:22px;font-weight:800;display:block}.priorityFacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.priorityFacts div{border:1px solid var(--ff-line);background:var(--ff-bg-3);border-radius:12px;padding:11px 13px}.priorityFacts dt{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:10.5px;font-weight:700}.priorityFacts dd{color:var(--ff-ink-strong);overflow-wrap:anywhere;margin:5px 0 0;font-size:14px;font-weight:700}.priorityActions{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:6px;display:flex}.emptyPanel{border:1px dashed var(--ff-line-strong);color:var(--ff-muted);background:#00000026;border-radius:14px;flex-direction:column;align-items:flex-start;gap:14px;padding:18px;display:flex}.emptyPanel p{margin:0}.shipmentsPanel{min-height:280px}.shipmentRows{gap:8px;display:grid}.shipmentRow{border:1px solid var(--ff-line);background:var(--ff-bg-3);border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-width:0;padding:12px 14px;transition:border-color .15s,background .15s;display:grid}.shipmentRow:hover{border-color:var(--ff-line-strong);background:var(--ff-surface-2)}.shipmentRef{min-width:0}.shipmentRef b{letter-spacing:-.01em;color:var(--ff-ink-strong);overflow-wrap:anywhere;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13.5px;font-weight:700;display:block}.shipmentRef span{color:var(--ff-muted);overflow-wrap:anywhere;margin-top:3px;font-size:12.5px;display:block}.shipmentEta{text-align:right}.shipmentEta small{text-transform:uppercase;color:var(--ff-muted-soft);letter-spacing:.08em;font-size:10px;font-weight:700;display:block}.shipmentEta em{color:var(--ff-ink-strong);font-feature-settings:"tnum";margin-top:3px;font-size:13px;font-style:normal;font-weight:700;display:block}.ordersTable{border:1px solid var(--ff-line);border-radius:14px;overflow:hidden}.tableHead,.tableRow{grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,.8fr) minmax(0,.7fr);align-items:center;gap:12px;padding:11px 14px;display:grid}.tableHead{background:var(--ff-bg-3);color:var(--ff-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ff-line);font-size:10.5px;font-weight:800}.tableRow{border-top:1px solid var(--ff-line-soft);color:var(--ff-ink);transition:background .15s}.tableRow:hover{background:var(--ff-bg-3)}.tableRow b{letter-spacing:-.01em;color:var(--ff-ink-strong);font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700}.tableRow span{color:var(--ff-muted);overflow-wrap:anywhere;font-size:13px}.tableRow>*{overflow-wrap:anywhere;min-width:0}.tableActions{gap:8px;display:flex}.activityRail{gap:0;max-height:330px;padding-right:4px;display:grid;overflow:auto}.activityRail::-webkit-scrollbar{width:6px}.activityRail::-webkit-scrollbar-thumb{background:var(--ff-line-strong);border-radius:999px}.activityRail::-webkit-scrollbar-track{background:0 0}.activityRow{border-bottom:1px solid var(--ff-line-soft);grid-template-columns:18px 1fr auto;align-items:flex-start;gap:12px;padding:11px 4px;display:grid}.activityRow:last-child{border-bottom:0}.activityDot{background:var(--ff-orange);border-radius:999px;width:8px;height:8px;margin-top:7px;box-shadow:0 0 0 3px #ff7a1a2e}.activityRow b{color:var(--ff-ink-strong);overflow-wrap:anywhere;font-size:13px;font-weight:700;display:block}.activityRow small{color:var(--ff-muted);overflow-wrap:anywhere;margin-top:3px;font-size:11.5px;line-height:1.4;display:block}.statusPill{white-space:nowrap;letter-spacing:.04em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:max-content;padding:4px 10px;font-size:10.5px;font-style:normal;font-weight:800;display:inline-flex}.statusPill.neutral{color:var(--ff-muted);border-color:var(--ff-line);background:#94a3b81a}.statusPill.success{background:var(--ff-success-soft);color:var(--ff-success);border-color:var(--ff-success-line)}.statusPill.warning{background:var(--ff-warning-soft);color:var(--ff-warning);border-color:var(--ff-warning-line)}.statusPill.danger{background:var(--ff-danger-soft);color:var(--ff-danger);border-color:var(--ff-danger-line)}.emptyState{color:var(--ff-muted);margin:10px 4px;font-size:13.5px}.operationsWorkbench,.crudWorkbench{border:1px solid var(--ff-line);background:linear-gradient(180deg,var(--ff-surface) 0%,var(--ff-bg-2) 100%);box-shadow:var(--ff-shadow-sm);border-radius:20px;padding:clamp(18px,2.2vw,28px)}.workbenchHeader{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;margin-bottom:18px;display:grid}.workbenchHeader h2{letter-spacing:-.035em;color:var(--ff-ink-strong);margin:10px 0 6px;font-size:clamp(22px,2.2vw,30px);font-weight:800;line-height:1.1}.workbenchHeader p{color:var(--ff-muted);max-width:680px;margin:0;font-size:13.5px;line-height:1.5}.workbenchTabs{background:var(--ff-bg-3);border:1px solid var(--ff-line);border-radius:12px;flex-wrap:wrap;justify-content:flex-end;align-self:start;gap:4px;padding:4px;display:flex}.workbenchTabs button{color:var(--ff-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:36px;padding:9px 14px;font-size:12.5px;font-weight:700}.workbenchTabs button:hover{color:var(--ff-ink)}.workbenchTabs button.active{background:var(--ff-surface-3);color:var(--ff-ink-strong);box-shadow:inset 0 1px #ffffff0f}.containerCenter{border:1px solid var(--ff-line);background:linear-gradient(180deg,var(--ff-surface) 0%,var(--ff-bg-2) 100%);box-shadow:var(--ff-shadow-sm);border-radius:20px;gap:16px;padding:clamp(18px,2.2vw,28px);display:grid}.compactTabs{max-width:780px;max-height:114px;overflow:auto}.compactTabs button{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px}.containerDetailGrid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:14px;display:grid}.compactContainerGrid{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)}.containerHeroPanel{min-height:100%}.containerHero{border:1px solid var(--ff-line);background:radial-gradient(400px 200px at 100% 0%,#ff7a1a1a,transparent 60%), linear-gradient(135deg,var(--ff-bg-3),var(--ff-surface-2));border-radius:16px;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex}.containerHero small{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10.5px;font-weight:800;display:block}.containerHero h3{letter-spacing:-.05em;color:var(--ff-ink-strong);margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(24px,2.6vw,36px);font-weight:800}.containerHero p{color:var(--ff-muted);margin:6px 0 0;font-size:13px;font-weight:600}.denseFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.miniFacts div{min-height:72px;padding:12px}.routePanel{gap:14px;display:grid}.routeLine{border:1px solid var(--ff-line);background:var(--ff-bg-3);border-radius:16px;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:center;gap:10px;padding:14px;display:grid}.routeLine small{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;font-weight:850}.routeLine b{color:var(--ff-ink-strong);letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:4px;font-size:18px;display:block}.routeLine span:not(.routeConnector){color:var(--ff-muted);margin-top:4px;font-size:12px;font-weight:700;display:block}.routeConnector{background:linear-gradient(90deg,var(--ff-orange),var(--ff-cyan));border-radius:999px;height:2px;position:relative}.routeConnector:before,.routeConnector:after{content:"";background:var(--ff-orange);border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%}.routeConnector:before{left:0}.routeConnector:after{background:var(--ff-cyan);right:0}.compactAlertPanel{align-self:stretch}.compactAlertPanel .clientNotice{margin-top:10px}.successEmpty{color:var(--ff-success)!important;background:#10b9810f!important;border-color:#10b98138!important}.alertPanel .clientNotice{align-items:flex-start;font-size:13px}.compactTable .tableRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto}.widePanel{grid-column:1/-1}.timelineRail{max-height:420px}.compactTimeline{max-height:330px;overflow:auto}.dualActivityGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.activityRow .statusPill{justify-self:start;margin-top:4px}.checklistRow{background:0 0;border-style:dashed}.businessForm{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;display:grid}.businessForm label{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.04em;gap:6px;min-width:0;font-size:11.5px;font-weight:700;display:grid}.businessForm input,.businessForm select,.businessForm textarea{border:1px solid var(--ff-line);background:var(--ff-bg-3);width:100%;color:var(--ff-ink-strong);border-radius:11px;outline:none;min-width:0;min-height:42px;padding:11px 13px;font-size:13.5px;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}.businessForm input::placeholder,.businessForm textarea::placeholder{color:var(--ff-muted-soft)}.businessForm select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ff-muted) 50%),linear-gradient(135deg,var(--ff-muted) 50%,transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:36px}.businessForm input:focus,.businessForm select:focus,.businessForm textarea:focus{border-color:var(--ff-cyan-line);background:var(--ff-surface-2);outline:none;box-shadow:0 0 0 3px #22d3ee1f}.businessForm textarea{resize:vertical;min-height:96px;font-family:inherit}.businessForm .wide{grid-column:span 2}.formSubmit{border-radius:14px;grid-column:1/-1;justify-self:start;min-height:46px}.crudFilters{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px;display:flex}.crudFilters label{border:1px solid var(--ff-line);background:var(--ff-bg-3);max-width:560px;height:44px;color:var(--ff-muted);border-radius:12px;flex:360px;align-items:center;gap:10px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.crudFilters label:focus-within{border-color:var(--ff-cyan-line);box-shadow:0 0 0 3px #22d3ee1f}.crudFilters input{width:100%;color:var(--ff-ink-strong);background:0 0;border:0;outline:0;font-size:13.5px}.crudFilters input::placeholder{color:var(--ff-muted-soft)}.crudFilters select{border:1px solid var(--ff-line);background:var(--ff-bg-3);height:44px;color:var(--ff-ink-strong);border-radius:12px;min-width:180px;padding:0 14px;font-size:13.5px}.crudGrid{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:14px;display:grid}.crudList,.crudDetail{border:1px solid var(--ff-line);background:var(--ff-bg-2);border-radius:16px;min-width:0;padding:14px;overflow:hidden}.crudList{align-content:start;gap:8px;display:grid}.crudListItem{border:1px solid var(--ff-line);background:var(--ff-bg-3);text-align:left;cursor:pointer;color:var(--ff-ink);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:12px 14px;transition:transform .15s,border-color .15s,background .15s;display:grid}.crudListItem:hover{border-color:var(--ff-line-strong);background:var(--ff-surface-2);transform:translateY(-1px)}.crudListItem strong,.crudListItem span{overflow-wrap:anywhere;min-width:0}.crudListItem strong{color:var(--ff-ink-strong);letter-spacing:-.01em;font-size:13.5px;font-weight:700}.crudListItem span{color:var(--ff-muted);font-size:12px}.crudListItem em{grid-area:1/2/3;align-self:center}.crudListItem.active{border-color:var(--ff-orange-line);box-shadow:var(--ff-glow-orange);background:linear-gradient(135deg,#ff7a1a14,#22d3ee0a)}.paginationBar{color:var(--ff-muted);border-top:1px solid var(--ff-line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding-top:8px;font-size:12px;display:flex}.detailHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.detailHeader small{color:var(--ff-muted-soft);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;font-weight:800}.detailHeader h3{letter-spacing:-.03em;color:var(--ff-ink-strong);overflow-wrap:anywhere;margin:4px 0 0;font-size:20px;font-weight:800}.detailFacts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.detailFacts span{border:1px solid var(--ff-line);background:var(--ff-bg-3);color:var(--ff-muted);text-transform:uppercase;letter-spacing:.06em;border-radius:12px;padding:11px;font-size:10.5px;font-weight:700}.detailFacts b{color:var(--ff-ink-strong);letter-spacing:0;text-transform:none;overflow-wrap:anywhere;margin-top:5px;font-size:13px;font-weight:700;display:block}.editForm{border-top:1px solid var(--ff-line);margin-top:6px;padding-top:14px}.editForm.businessForm{grid-template-columns:repeat(3,minmax(0,1fr))}.editForm .formSubmit{grid-column:1/-1;justify-self:end}@media (width<=1280px){.cockpitShell.hasSidebar{grid-template-columns:240px minmax(0,1fr)}}@media (width<=1180px){.containerWorkbenchGrid{grid-template-columns:minmax(0,1fr)}.containerSelector{max-height:none;position:relative;top:auto}.containerCardList{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.containerPulseGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpitBoard{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.priorityFocus,.activityPanel,.ordersPanel,.shipmentsPanel{grid-area:auto}.containerDetailGrid{grid-template-columns:minmax(0,1fr)}.editForm.businessForm{grid-template-columns:repeat(2,minmax(0,1fr))}.crudGrid,.heroGrid,.workflow,.clientView{grid-template-columns:minmax(0,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.compactContainerGrid,.dualActivityGrid,.containerProgressBlock{grid-template-columns:minmax(0,1fr)}.cockpitShell.hasSidebar{display:block}.cockpitSidebar{display:none}.cockpitMainPane{padding:14px}.mobileTopbar{display:flex}.desktopTopbar{display:none}.cockpitTopbar{border-radius:14px;padding:10px 12px}.cockpitTabs{order:3;justify-content:center;width:100%;overflow:auto}.cockpitActions{order:2}.kpiStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.priorityHead{flex-direction:column}.priorityEta{text-align:left;min-width:0}.priorityFacts,.denseFacts{grid-template-columns:minmax(0,1fr)}.shipmentRow{grid-template-columns:minmax(0,1fr) auto}.shipmentRow .statusPill{grid-column:1/-1;justify-self:start}.businessForm{grid-template-columns:repeat(2,minmax(0,1fr))}.detailFacts{grid-template-columns:minmax(0,1fr)}.navLinks{display:none}.workbenchHeader{grid-template-columns:minmax(0,1fr)}.workbenchTabs{justify-content:flex-start}.hero h1{font-size:clamp(34px,7vw,52px)}.heroPreview{min-height:auto}.topNav{border-radius:14px;padding:10px 12px;top:10px}}@media (width<=640px){.containerCardList,.containerPulseGrid{grid-template-columns:minmax(0,1fr)}.containerOverviewHero{display:grid}.containerEtaBlock{text-align:left;justify-items:start;min-width:0}.routeLine{grid-template-columns:minmax(0,1fr);gap:12px}.routeConnector{width:2px;height:28px;margin-left:8px}.kpiStrip{grid-template-columns:minmax(0,1fr);gap:10px}.panel{border-radius:16px;padding:16px}.tableHead,.tableRow{grid-template-columns:minmax(0,1fr)}.tableHead{display:none}.tableRow{padding:14px}.businessForm,.editForm.businessForm{grid-template-columns:minmax(0,1fr)}.businessForm .wide{grid-column:auto}.hero h1{font-size:34px}.cockpitBrand small{display:none}.cockpitActions{gap:6px}.sessionPill{padding:6px 10px;font-size:11.5px}.heroMetrics{grid-template-columns:1fr;gap:8px}.heroStatusBar{gap:10px;font-size:11px}}@media (width<=768px){html,body{overflow-x:hidden}#root,.cockpitShell,.cockpitShell.hasSidebar,.cockpitMainPane,.cockpitSurface,.cockpitBoard,.cockpitTopbar,.kpiStrip,.panel,.kpiCard,.priorityFocus,.shipmentsPanel,.ordersPanel,.activityPanel,.priorityHead,.priorityFacts,.ordersTable,.shipmentRow,.shipmentRef,.activityRow,.containerCenter,.containerDetailGrid,.containerMainStack,.containerOverviewPanel,.crudGrid,.crudList,.crudDetail,.operationsWorkbench,.crudWorkbench{min-width:0;max-width:100%}.cockpitMainPane{padding:14px 12px 32px}.kpiTitle{overflow-wrap:anywhere;word-break:break-word;flex-wrap:wrap;min-width:0}.kpiCard{border-radius:16px;padding:16px;overflow:hidden}.kpiCard strong{overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-size:28px}.kpiCard small{overflow-wrap:anywhere}.panelTitle{flex-wrap:wrap;min-width:0}.panelTitle>div{flex:auto;min-width:0}.panelTitle>div b{overflow-wrap:anywhere;word-break:break-word}.panelTitle .statusPill{white-space:normal;overflow-wrap:anywhere;max-width:100%}.priorityHead{min-width:0;padding:14px}.priorityHead h3{word-break:break-word;font-size:clamp(18px,4.6vw,22px)}.priorityEta{min-width:0}.priorityEta strong{font-size:18px}.priorityFacts dd{overflow-wrap:anywhere;word-break:break-word}.priorityActions{flex-direction:column;align-items:stretch}.priorityActions .secondary,.priorityActions .ghostButton,.priorityActions .buttonLike,.priorityActions .primary{justify-content:center;width:100%}.shipmentRow{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px}.shipmentRow .statusPill,.shipmentEta{text-align:left;justify-self:start}.cockpitTopbar{flex-direction:column;align-items:stretch}.cockpitTopbar>*{max-width:100%}.cockpitTabs{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.cockpitActions{flex-wrap:wrap;justify-content:flex-start;width:100%}.cockpitActions .sessionPill,.cockpitActions .toolbarButton,.cockpitActions .themeToggle,.cockpitActions .quickStat{min-width:0;max-width:100%}.sessionPill,.quickStat{overflow-wrap:anywhere;white-space:normal}.cockpitBrand strong,.cockpitBrand small,.sidebarBrand strong,.sidebarBrand small{overflow-wrap:anywhere}.pageHeader{flex-wrap:wrap;min-width:0}.pageHeader h1{word-break:break-word;font-size:clamp(20px,5vw,24px)}.statusBanner{flex-wrap:wrap;padding:10px 12px;font-size:12.5px}.activityRow{grid-template-columns:14px minmax(0,1fr) auto;gap:8px}.activityRow b,.activityRow small,.containerListTop b,.shipmentRef b,.shipmentRef span{overflow-wrap:anywhere;word-break:break-word}.crudFilters label,.crudFilters select{flex:100%;min-width:0;max-width:100%}.crudFilters select{min-width:0}.compactTabs{max-width:100%}}@media (width<=480px){.cockpitMainPane{padding:12px 10px 28px}.kpiCard{padding:14px}.kpiCard strong{font-size:24px}.kpiTitle{letter-spacing:.04em;gap:8px;font-size:11px}.kpiTitle span{width:26px;height:26px}.panel{border-radius:14px;padding:14px}.priorityHead{padding:12px}.priorityHead h3{font-size:18px}.priorityFacts div{padding:9px 11px}.priorityFacts dd{font-size:13px}.cockpitTabs button{min-height:34px;padding:8px 12px;font-size:11.5px}.pageHeader h1{font-size:20px}.pageHeader p{font-size:12.5px}}.commentsColumn{flex-direction:column;gap:10px;display:flex}.commentComposer{background:#94a3b80f;border:1px solid #94a3b840;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.commentComposer textarea{width:100%;min-height:54px;color:inherit;font:inherit;resize:vertical;background:0 0;border:1px solid #94a3b859;border-radius:10px;padding:8px 10px}.commentComposerRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.commentVisibilityToggle{background:#94a3b81f;border-radius:999px;gap:4px;padding:3px;display:inline-flex}.commentVisibilityToggle label{cursor:pointer;color:inherit;opacity:.75;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.commentVisibilityToggle label.active{opacity:1;background:#3b82f62e;font-weight:600}.commentVisibilityToggle input{accent-color:#3b82f6;margin:0}.commentRow{align-items:flex-start}.commentRow .commentBody{color:inherit;opacity:.9;white-space:pre-wrap;margin:4px 0 0;font-size:13px;line-height:1.45}.clientReplyComposer{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.notificationKind{letter-spacing:.04em;text-transform:uppercase;color:inherit;background:#94a3b82e;border-radius:999px;margin-right:6px;padding:1px 6px;font-size:10.5px;font-weight:600;display:inline-block}.notificationKind.kind-comment{color:#16a34a;background:#22c55e2e}.notificationKind.kind-document{color:#2563eb;background:#3b82f62e}.notificationKind.kind-status{color:#a16207;background:#eab30833}