:root{--ff-ink:#101828;--ff-muted:#667085;--ff-line:#e6ebf1;--ff-line-soft:#edf1f6;--ff-orange:#ff7417;--ff-orange-dark:#d95808;--ff-orange-soft:#fff3ea;--ff-navy:#111827;--ff-canvas:#f4f6f8;--ff-panel:#fff;--ff-success:#067647;--ff-success-soft:#e8f8ef;--ff-warning:#c2410c;--ff-warning-soft:#fff7ed;--ff-danger:#b42318;--ff-danger-soft:#fef3f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ff-canvas);min-height:100vh;color:var(--ff-ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 12% 0,#fffffff2,#0000 33%),radial-gradient(circle at 84% 10%,#ff74171a,#0000 30%),linear-gradient(135deg,#f7f8fa 0%,#eef2f5 48%,#e3e8ee 100%);position:fixed;inset:0}button,input,select,textarea{font:inherit}button,a{color:inherit}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}main{width:100%;max-width:100%;margin:0;padding:22px clamp(16px,2.2vw,34px) 46px;position:relative}.centerScreen{text-align:center;color:#334155;place-items:center;gap:10px;min-height:100vh;display:grid}.buttonLike,.ghostButton{cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;font-weight:850;text-decoration:none;display:inline-flex}.buttonLike:disabled,.ghostButton:disabled,.toolbarButton:disabled,.miniButton:disabled{opacity:.58;cursor:not-allowed}.primary{background:var(--ff-orange);color:#fff;border-radius:14px;padding:12px 16px;font-weight:900;box-shadow:0 12px 26px #fb6d1338}.primary:hover:not(:disabled){background:var(--ff-orange-dark)}.secondary{color:#172033;cursor:pointer;background:#fff;border:1px solid #d9dee6;border-radius:14px;padding:11px 15px;font-weight:850;box-shadow:0 6px 16px #1018280f}.ghostButton{color:#475569;background:0 0;border:1px dashed #d0d5dd;border-radius:14px;padding:11px 15px}.ghostButton:hover{color:var(--ff-ink);background:#fff9}.toolbarButton,.miniButton,.accentButton{cursor:pointer;color:var(--ff-ink);background:#fff;border:1px solid #dbe3ed;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-weight:850;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 6px 16px #1018280d}.toolbarButton:hover:not(:disabled),.miniButton:hover:not(:disabled),.accentButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #10182814}.miniButton{border-radius:10px;padding:7px 11px;font-size:13px}.accentButton{background:var(--ff-orange);border-color:var(--ff-orange);color:#fff}.dangerButton{color:var(--ff-danger)!important;background:#fff5f5!important;border-color:#fee2e2!important}.hero,.fullBleed{width:100%;max-width:1780px;margin-inline:auto}.hero{background:#ffffffc7;border:1px solid #ffffffdb;border-radius:32px;min-height:74vh;padding:clamp(24px,4vw,56px);overflow:hidden;box-shadow:0 36px 90px #2d374824}.hero nav{justify-content:space-between;align-items:center;gap:22px;margin-bottom:clamp(40px,6vw,80px);display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:22px;font-weight:950;display:flex}.navLinks{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.navLinks a{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:9px 13px;font-size:14px;text-decoration:none}.eyebrow{color:var(--ff-orange-dark);background:#fff7ed;border:1px solid #fde4d2;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:850;display:inline-flex}.heroGrid{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.heroCopy{max-width:1040px}.hero h1{letter-spacing:-.08em;color:#111827;max-width:1180px;margin:22px 0;font-size:clamp(48px,8vw,128px);line-height:.86}.lead{color:#475569;max-width:920px;font-size:clamp(18px,2vw,26px);line-height:1.4}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.card{background:#ffffffdb;border:1px solid #ffffffe6;border-radius:24px;padding:24px;box-shadow:0 20px 50px #2d37481a}.card svg{color:var(--ff-orange)}.card h3{margin:16px 0 8px;font-size:21px}.card p{color:#64748b;line-height:1.55}.workflow,.clientView{background:#ffffffd6;border:1px solid #ffffffe6;border-radius:28px;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px;padding:clamp(24px,4vw,44px);display:grid;box-shadow:0 20px 50px #2d37481a}.workflow h2,.clientView h2{letter-spacing:-.06em;color:#111827;margin:14px 0;font-size:clamp(34px,5vw,70px);line-height:.94}.workflow p{color:#64748b;line-height:1.55}.workflow ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.workflow li,.clientRow{border:1px solid var(--ff-line-soft);background:#fff;border-radius:16px;gap:5px;padding:14px;display:grid}.workflow li span,.clientRow span{color:#64748b}.clientPanel{gap:10px;display:grid}.clientRow{grid-template-columns:1fr auto;align-items:center}.clientNotice{color:var(--ff-warning);background:#fff7ed;border-radius:16px;align-items:center;gap:10px;padding:14px;font-weight:850;display:flex}.authPanel{background:#ffffffeb;border:1px solid #ffffffe6;border-radius:26px;padding:22px;box-shadow:0 20px 50px #2d37481f}.previewTop{background:var(--ff-navy);color:#fff;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:18px;display:flex}.previewTop span,.authHint{color:#94a3b8;font-size:12px;display:block}.previewTop strong{font-size:20px}.authTabs{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;display:grid}.authTabs button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:10px 12px;font-weight:850}.authTabs button.active{background:var(--ff-navy);border-color:var(--ff-navy);color:#fff}.authForm{gap:14px;display:grid}.authForm label{color:#64748b;gap:6px;font-size:13px;font-weight:850;display:grid}.authForm input{width:100%;color:var(--ff-ink);background:#fff;border:1px solid #dce2ea;border-radius:14px;outline:none;padding:12px 14px}.authForm input:focus{border-color:var(--ff-orange);box-shadow:0 0 0 4px #fb6d131f}.formError{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:12px;margin:0;padding:10px 12px}.authHint{margin:16px 0 0}.cockpitShell{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff9e;border:1px solid #ffffffeb;border-radius:32px;width:min(100%,1640px);max-width:1640px;min-height:100vh;margin:0 auto;padding:clamp(14px,2vw,28px);box-shadow:0 32px 80px #1018281f}.cockpitTopbar{border-bottom:1px solid var(--ff-line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:8px 4px 18px;display:flex}.cockpitBrand{align-items:center;gap:12px;min-width:0;display:flex}.brandMark{color:#fff;background:linear-gradient(135deg,#ff8a2a,#f25f0d);border-radius:13px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 12px 24px #f25f0d42}.cockpitBrand strong{letter-spacing:-.03em;font-size:18px;display:block}.cockpitBrand small{color:var(--ff-muted);font-size:12px;font-weight:650;display:block}.cockpitTabs{border:1px solid var(--ff-line);background:#fff;border-radius:14px;align-items:center;gap:6px;padding:5px;display:flex;box-shadow:0 8px 22px #1018280d}.cockpitTabs button{color:#516071;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:850;transition:background .15s,color .15s}.cockpitTabs button:hover{color:var(--ff-ink)}.cockpitTabs button.active{background:var(--ff-navy);color:#fff;box-shadow:0 6px 14px #1118272e}.cockpitActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.sessionPill{background:var(--ff-success-soft);color:#087443;border:1px solid #d8f5e5;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:850;display:inline-flex}.statusBanner{background:var(--ff-warning-soft);color:var(--ff-warning);border:1px solid #fed7aa;border-radius:14px;margin:0 0 16px;padding:11px 14px;font-weight:850}.statusBanner.compact{margin:0 0 14px}.cockpitSurface{gap:18px;display:grid}.kpiStrip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpiCard{border:1px solid var(--ff-line);background:#fff;border-radius:18px;gap:6px;min-width:0;padding:16px 18px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 14px 32px #1018280f}.kpiCard:hover{transform:translateY(-1px);box-shadow:0 18px 40px #10182817}.kpiTitle{color:#475569;align-items:center;gap:10px;font-size:14px;font-weight:850;display:flex}.kpiTitle span{background:var(--ff-orange-soft);width:32px;height:32px;color:var(--ff-orange-dark);border-radius:10px;place-items:center;display:grid}.kpiCard strong{letter-spacing:-.04em;color:var(--ff-ink);font-size:32px;font-weight:900;display:block}.kpiCard small{color:#64748b;font-size:13px}.kpiCard.success .kpiTitle span{background:var(--ff-success-soft);color:var(--ff-success)}.kpiCard.danger{border-color:#fecaca}.kpiCard.danger .kpiTitle span{background:var(--ff-danger-soft);color:var(--ff-danger)}.kpiCard.danger small{color:var(--ff-danger)}.panel{border:1px solid var(--ff-line);background:#fff;border-radius:20px;flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex;box-shadow:0 14px 32px #1018280f}.panelTitle{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.panelTitle>div{letter-spacing:-.02em;align-items:center;gap:10px;min-width:0;font-size:16px;display:flex}.panelTitle>div b{overflow-wrap:anywhere;min-width:0}.panelTitle span{background:var(--ff-orange-soft);width:32px;height:32px;color:var(--ff-orange-dark);border-radius:10px;flex:none;place-items:center;display:grid}.panelTitle .panelHint{width:auto;height:auto;color:var(--ff-muted);background:0 0;border-radius:0;place-items:normal;padding:0;display:inline-flex}.panelTitle .statusPill{background:var(--ff-warning-soft);width:auto;height:auto;display:inline-flex}.panelHint{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex:none;font-size:11px;font-weight:850}.cockpitBoard{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.priorityFocus{grid-row:span 2}.activityPanel{grid-row:span 1}.ordersPanel{grid-column:1/-1}.priorityHead{border:1px solid var(--ff-line-soft);background:#fbfcfe;border-radius:16px;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:.06em;margin-bottom:5px;font-size:11px;font-weight:850;display:block}.priorityHead h3{letter-spacing:-.05em;overflow-wrap:anywhere;margin:0;font-size:26px}.priorityHead span{color:var(--ff-muted);margin-top:4px;font-size:14px;display:block}.priorityEta{text-align:right;min-width:140px}.priorityEta strong{letter-spacing:-.04em;color:var(--ff-orange-dark);margin-top:4px;font-size:22px;display:block}.priorityFacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.priorityFacts div{border:1px solid var(--ff-line-soft);background:#fbfcfe;border-radius:14px;padding:12px}.priorityFacts dt{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:11px;font-weight:850}.priorityFacts dd{color:var(--ff-ink);overflow-wrap:anywhere;margin:5px 0 0;font-size:15px;font-weight:850}.priorityActions{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:6px;display:flex}.emptyPanel{border:1px dashed var(--ff-line);color:var(--ff-muted);border-radius:14px;flex-direction:column;align-items:flex-start;gap:14px;padding:14px;display:flex}.emptyPanel p{margin:0}.shipmentsPanel{min-height:280px}.shipmentRows{gap:10px;display:grid}.shipmentRow{border:1px solid var(--ff-line-soft);background:#fbfcfe;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-width:0;padding:12px 14px;display:grid}.shipmentRef{min-width:0}.shipmentRef b{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:15px;display:block}.shipmentRef span{color:var(--ff-muted);overflow-wrap:anywhere;font-size:13px;display:block}.shipmentEta{text-align:right}.shipmentEta small{text-transform:uppercase;color:var(--ff-muted);letter-spacing:.06em;font-size:10px;font-weight:850;display:block}.shipmentEta em{color:var(--ff-ink);margin-top:3px;font-style:normal;font-weight:850;display:block}.ordersTable{border:1px solid var(--ff-line-soft);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{color:var(--ff-muted);text-transform:uppercase;letter-spacing:.05em;background:#f6f8fb;font-size:11px;font-weight:900}.tableRow{border-top:1px solid var(--ff-line-soft);transition:background .15s}.tableRow:hover{background:#fbfcfe}.tableRow b{letter-spacing:-.02em}.tableRow span{color:#475569;overflow-wrap:anywhere}.tableRow>*{overflow-wrap:anywhere;min-width:0}.tableActions{gap:8px;display:flex}.activityRail{gap:10px;max-height:330px;padding-right:4px;display:grid;overflow:auto}.activityRail::-webkit-scrollbar{width:6px}.activityRail::-webkit-scrollbar-thumb{background:#d9e0e8;border-radius:999px}.activityRow{border-bottom:1px solid var(--ff-line-soft);grid-template-columns:18px 1fr;align-items:flex-start;gap:12px;padding:8px 4px;display:grid}.activityRow:last-child{border-bottom:0}.activityDot{background:var(--ff-orange);border-radius:999px;width:10px;height:10px;margin-top:7px;box-shadow:0 0 0 4px #ff74171f}.activityRow b{color:var(--ff-ink);overflow-wrap:anywhere;font-size:14px;font-weight:850;display:block}.activityRow small{color:var(--ff-muted);overflow-wrap:anywhere;margin-top:2px;font-size:12px;display:block}.statusPill{white-space:nowrap;letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;width:max-content;padding:5px 10px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex}.statusPill.neutral{color:#475467;background:#eef2f6}.statusPill.success{background:var(--ff-success-soft);color:var(--ff-success)}.statusPill.warning{background:var(--ff-warning-soft);color:var(--ff-warning)}.statusPill.danger{background:var(--ff-danger-soft);color:var(--ff-danger)}.emptyState{color:var(--ff-muted);margin:10px 4px;font-size:14px}.operationsWorkbench,.crudWorkbench{border:1px solid var(--ff-line);background:#fff;border-radius:24px;padding:clamp(18px,2.4vw,28px);box-shadow:0 18px 44px #10182812}.workbenchHeader{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;margin-bottom:18px;display:grid}.workbenchHeader h2{letter-spacing:-.045em;margin:10px 0 6px;font-size:clamp(24px,2.4vw,36px);line-height:1.05}.workbenchHeader p{color:var(--ff-muted);max-width:780px;margin:0;line-height:1.5}.workbenchTabs{border:1px solid var(--ff-line);background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:flex-end;align-self:start;gap:6px;padding:5px;display:flex;box-shadow:0 8px 22px #1018280a}.workbenchTabs button{color:#516071;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:850}.workbenchTabs button:hover{color:var(--ff-ink)}.workbenchTabs button.active{background:var(--ff-navy);color:#fff}.businessForm{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;display:grid}.businessForm label{color:var(--ff-muted);gap:6px;min-width:0;font-size:12px;font-weight:850;display:grid}.businessForm input,.businessForm select,.businessForm textarea{width:100%;color:var(--ff-ink);background:#fff;border:1px solid #dfe6ef;border-radius:12px;outline:none;min-width:0;padding:11px 13px;font-weight:550}.businessForm input::placeholder,.businessForm textarea::placeholder{color:#a6afbd}.businessForm input:focus,.businessForm select:focus,.businessForm textarea:focus{border-color:var(--ff-orange);outline:2px solid #ff74172e}.businessForm textarea{resize:vertical;min-height:90px}.businessForm .wide{grid-column:span 2}.formSubmit{border-radius:14px;min-height:46px}.crudFilters{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px;display:flex}.crudFilters label{max-width:560px;height:44px;color:var(--ff-muted);background:#f8fafc;border:1px solid #e3e8ef;border-radius:13px;flex:360px;align-items:center;gap:10px;padding:0 13px;display:flex}.crudFilters input{width:100%;color:var(--ff-ink);background:0 0;border:0;outline:0}.crudFilters select{background:#fff;border:1px solid #e3e8ef;border-radius:13px;height:44px;padding:0 12px}.crudGrid{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:16px;display:grid}.crudList,.crudDetail{border:1px solid var(--ff-line-soft);background:#fbfcfe;border-radius:18px;min-width:0;padding:14px;overflow:hidden}.crudList{align-content:start;gap:10px;display:grid}.crudListItem{border:1px solid var(--ff-line);text-align:left;cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:12px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.crudListItem:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1018280f}.crudListItem strong,.crudListItem span{overflow-wrap:anywhere;min-width:0}.crudListItem strong{font-size:14px}.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);background:#fffaf6;box-shadow:0 10px 24px #fb6d131a}.paginationBar{color:var(--ff-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;font-size:12px;display:flex}.detailHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.detailHeader small{color:#98a2b3;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:900}.detailHeader h3{letter-spacing:-.04em;overflow-wrap:anywhere;margin:3px 0 0;font-size:22px}.detailFacts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.detailFacts span{border:1px solid var(--ff-line);color:var(--ff-muted);text-transform:uppercase;letter-spacing:.04em;background:#fff;border-radius:14px;padding:11px;font-size:11px;font-weight:850}.detailFacts b{color:var(--ff-ink);letter-spacing:0;text-transform:none;overflow-wrap:anywhere;margin-top:4px;font-size:13px;font-weight:850;display:block}.editForm{border-top:1px solid #e9eef5;padding-top:14px}.editForm.businessForm{grid-template-columns:repeat(3,minmax(0,1fr))}.editForm .formSubmit{grid-column:1/-1;justify-self:end}@media (width<=1180px){.cockpitBoard{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.priorityFocus,.activityPanel,.ordersPanel,.shipmentsPanel{grid-area:auto}.editForm.businessForm{grid-template-columns:repeat(2,minmax(0,1fr))}.crudGrid{grid-template-columns:minmax(0,1fr)}}@media (width<=980px){.cockpitShell{border-radius:24px;padding:14px}.cockpitTopbar{padding:6px 2px 14px}.cockpitTabs{order:3;justify-content:center;width:100%}.cockpitActions{order:2}.kpiStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.priorityHead{flex-direction:column}.priorityEta{text-align:left;min-width:0}.priorityFacts{grid-template-columns:minmax(0,1fr)}.shipmentRow{grid-template-columns:minmax(0,1fr) auto}.shipmentRow .statusPill{grid-column:1/-1;justify-self:start}.heroGrid,.workflow,.clientView,.cards{grid-template-columns:minmax(0,1fr)}.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}}@media (width<=640px){.cockpitShell{border-radius:20px;padding:12px}.kpiStrip{grid-template-columns:minmax(0,1fr)}.panel{border-radius:18px;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:48px}.cockpitBrand small{display:none}.cockpitActions{gap:6px}.sessionPill{padding:6px 10px;font-size:12px}}