@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=Unbounded:wght@700;800&family=JetBrains+Mono:wght@500;600;700&display=swap";html{min-width:320px}:root{--ink:#17202a;--ink-soft:#3c4b50;--muted:#78828c;--faint:#94a0a1;--line:#e5e8e8;--line-soft:#edf0ef;--paper:#f6f8f7;--surface-alt:#eef2f0;--white:#fff;--navy:#00243b;--cyan:#4deae4;--cyan-deep:#0b6f6a;--periwinkle:#8080d8;--periwinkle-deep:#4b48ad;--coral:#fa4253;--coral-deep:#c22a3a;--magenta:#9f1b6d;--chart-teal:#129c94;--sidebar:232px;--sidebar-collapsed:72px;--ease:cubic-bezier(.4, 0, .2, 1);--fast:.15s;--normal:.22s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cc-bg:#f2f9f9;--cc-panel-bg:#fff;--cc-border:#d3e9e8;--cc-ink:var(--ink);--cc-muted:#5c7c82;--cc-grid-line:#e1f0ef;--cc-row-hover:#eaf7f6}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8edf0;--ink-soft:#c3ccd1;--muted:#93a0a5;--faint:#6c7a80;--line:#2c3b44;--line-soft:#202d35;--paper:#0f1a21;--surface-alt:#1c2932;--white:#17242c;--cc-bg:#060d13;--cc-panel-bg:#0a1922;--cc-border:#16303f;--cc-ink:#e3f4f6;--cc-muted:#7fa3ad;--cc-grid-line:#0f2530;--cc-row-hover:#0d1e28}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}body{background:var(--paper);color:var(--ink);overflow-wrap:break-word;margin:0;font:14px/1.45 DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell>*,.workspace>*,.shipment-row>*,.detail-line>*,.client-card>*{min-width:0}.app-shell{min-height:100vh;display:flex}.sidebar{flex:0 0 var(--sidebar);width:var(--sidebar);background:linear-gradient(180deg, #0a3a56 0%, var(--navy) 45%);color:#b8c2c7;flex-direction:column;align-self:flex-start;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--periwinkle), var(--coral), var(--magenta));height:3px;position:absolute;top:0;left:0;right:0}.sidebar-glow{pointer-events:none;background:radial-gradient(circle,#4deae43a 0%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-90px}.sidebar-collapse-toggle{z-index:2;color:#cfd9dc;width:24px;height:24px;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:1px solid #ffffff2a;border-radius:50%;place-items:center;display:grid;position:absolute;top:26px;right:14px}.sidebar-collapse-toggle:hover{color:#fff;background:#ffffff14}.sidebar-collapse-toggle svg{transition:transform var(--normal) var(--ease)}.sidebar.collapsed .sidebar-collapse-toggle svg{transform:rotate(180deg)}.sidebar.collapsed{flex:0 0 var(--sidebar-collapsed);width:var(--sidebar-collapsed);padding:24px 10px}.sidebar.collapsed .brand{justify-content:center}.sidebar.collapsed .brand-divider,.sidebar.collapsed .brand-word,.sidebar.collapsed .env-badge,.sidebar.collapsed .nav-eyebrow{display:none}.sidebar.collapsed nav{margin-top:20px}.sidebar.collapsed .nav-link{justify-content:center;gap:0;padding:12px 0}.sidebar.collapsed .nav-link>em{display:none}.sidebar.collapsed .sidebar-footer{text-align:center}.sidebar.collapsed .sidebar-user>span:last-child{display:none}.sidebar.collapsed .sidebar-user{justify-content:center;padding:8px 0}.sidebar.collapsed .logout-button,.sidebar.collapsed .theme-toggle{justify-content:center}.sidebar.collapsed .logout-button>span,.sidebar.collapsed .theme-toggle>span{display:none}.workspace{flex:auto;min-width:0;max-width:1440px;padding:35px 46px 54px}.brand{color:#eef3f2;letter-spacing:.3px;align-items:center;gap:12px;font-size:12px;line-height:1.15;display:flex}.brand-divider{background:#ffffff3a;flex:none;width:1px;height:22px}.brand-word{color:#fff;letter-spacing:-.3px;font:700 20px Unbounded,sans-serif}.brand-mark{object-fit:contain;flex:0 0 32px;width:32px;height:32px;display:block}.env-badge{color:#cfe3e6;letter-spacing:.4px;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;width:fit-content;margin-top:18px;padding:5px 10px;font-size:9.5px;font-weight:700;display:inline-flex}.env-dot{background:var(--cyan);border-radius:50%;flex:0 0 6px;width:6px;height:6px;animation:2s infinite envPulse}@keyframes envPulse{0%{box-shadow:0 0 #4deae480}70%{box-shadow:0 0 0 6px #4deae400}to{box-shadow:0 0 #4deae400}}.nav-eyebrow{letter-spacing:1.5px;color:#6f8fa0;margin:28px 0 6px 4px;font-size:10px;font-weight:700}nav{gap:8px;margin-top:4px;display:grid}.nav-link{color:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:13px;width:100%;padding:12px 13px;display:flex;overflow:hidden}.nav-link>span{flex:0 0 19px;justify-content:center;align-items:center;width:19px;display:flex}.nav-link{transition:background var(--fast) var(--ease), color var(--fast) var(--ease), box-shadow var(--normal) var(--ease)}.nav-link.active,.nav-link:hover{color:#fff;background:#0d3652}.nav-link.active{box-shadow:inset 3px 0 var(--magenta)}.sidebar-footer{color:#e2e9e9;margin-top:auto;font-size:12px;line-height:1.7}.sidebar-user{background:#ffffff0d;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--cyan), var(--periwinkle));width:34px;height:34px;color:var(--navy);border-radius:50%;flex:0 0 34px;place-items:center;font:700 12px Space Grotesk,sans-serif;display:grid}.sidebar-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-user-info strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.sidebar-user-info em{color:#8fb0ba;font-size:10px;font-style:normal}.logout-button{appearance:none;color:#cfd9dc;width:100%;transition:background var(--fast) var(--ease), color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:8px;margin-top:10px;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.logout-button:hover{color:#fff;background:#ffffff14;border-color:#fff3}.theme-toggle{appearance:none;color:#cfd9dc;width:100%;transition:background var(--fast) var(--ease), color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:8px;margin-bottom:10px;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.theme-toggle:hover{color:#fff;background:#ffffff14;border-color:#fff3}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.eyebrow{color:#8b979d;letter-spacing:1.5px;margin:0 0 7px;font-size:10px;font-weight:700}.topbar h1{letter-spacing:-.7px;margin:0;font:700 clamp(22px,3vw,31px) Space Grotesk,sans-serif}.eyebrow{color:var(--muted)}.subtitle{color:var(--muted);margin:7px 0 0}.icon-button{border:1px solid var(--line);background:var(--white);color:#53616b;width:40px;height:40px;transition:color var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease);border-radius:6px;flex:0 0 40px;font-size:21px}.icon-button:hover{color:var(--periwinkle-deep);border-color:var(--periwinkle-deep)}.icon-button:active{transform:rotate(90deg)}[data-theme=dark] .icon-button:hover{color:var(--periwinkle);border-color:var(--periwinkle)}.event-breakdown{flex-wrap:wrap;gap:10px;margin:32px 0 25px;display:flex}.event-chip{border:1px solid var(--line);background:var(--white);color:var(--ink-soft);transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease), border-color var(--fast) var(--ease), background var(--fast) var(--ease);border-radius:24px;align-items:center;gap:10px;padding:12px 16px;display:flex}.event-chip:hover{border-color:#d8dedd;transform:translateY(-2px);box-shadow:0 8px 18px #0f213014}.event-chip strong{color:var(--ink);font:700 17px Space Grotesk,sans-serif}.event-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;font-weight:600;overflow:hidden}.event-chip.active{border-color:var(--periwinkle-deep);color:var(--periwinkle-deep);background:#ecebfb}.event-chip.active strong{color:var(--periwinkle-deep)}[data-theme=dark] .event-chip:hover{border-color:#3a4952}[data-theme=dark] .event-chip.active{border-color:var(--periwinkle);color:var(--periwinkle);background:#262a52}[data-theme=dark] .event-chip.active strong{color:var(--periwinkle)}.filter-bar{background:var(--surface-alt);border:1px solid var(--line);border-radius:7px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:13px;padding:15px;display:grid}.filter-bar label{color:var(--muted);gap:6px;min-width:0;font-size:11px;font-weight:600;display:grid}.filter-bar input,.filter-bar select{background:var(--white);border:1px solid var(--line);color:var(--ink);border-radius:4px;outline:none;width:100%;min-width:0;padding:9px 10px}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--periwinkle-deep)}.primary-button,.secondary-button{transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease);border:0;border-radius:4px;padding:10px 16px;font-weight:700}.primary-button{background:var(--periwinkle-deep);color:#fff;height:38px}.primary-button:hover:not(:disabled){background:#3a3890;transform:translateY(-1px);box-shadow:0 6px 16px #4b48ad33}.primary-button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.primary-button:disabled{cursor:progress;background:#9d9bcb}.secondary-button{border:1px solid var(--line);background:var(--white);color:var(--muted);font-size:12px}.secondary-button:hover:not(:disabled){border-color:var(--faint);color:var(--ink-soft)}.alert{border-left:3px solid var(--coral);color:var(--coral-deep);background:#fff0f1;border-radius:0 4px 4px 0;margin-top:15px;padding:12px 14px}[data-theme=dark] .alert{color:var(--coral);background:#3a1418}.table-panel{background:var(--white);border:1px solid var(--line);border-radius:10px;min-width:0;margin-top:24px;overflow:hidden;box-shadow:0 2px 10px #00000010}.panel-heading{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;padding:22px 23px 17px;display:flex}.panel-heading h2{margin:0;font:600 19px Space Grotesk,sans-serif}.panel-heading h2 span{color:var(--muted);margin-left:4px;font:500 13px DM Sans,sans-serif}.shipment-row,.shipment-list-header{grid-template-columns:32px minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr) minmax(0,auto);grid-template-areas:"toggle id route client status";align-items:center;gap:10px 14px;padding:14px 18px 14px 22px;display:grid}.shipment-row{border-top:1px solid var(--line-soft);color:var(--ink-soft);cursor:pointer;text-align:left;width:100%;font:inherit;transition:background var(--fast) var(--ease);background:0 0;border-bottom:0;border-left:0;border-right:0;position:relative}.shipment-row:before{content:"";background:var(--line);width:3px;position:absolute;top:0;bottom:0;left:0}.shipment-row.tone-green:before{background:var(--cyan)}.shipment-row.tone-orange:before{background:var(--coral)}.shipment-row.tone-blue:before{background:var(--periwinkle)}.shipment-row:hover,.shipment-row.selected{background:#f1f0fc}.shipment-row:focus-visible{outline:2px solid var(--periwinkle-deep);outline-offset:-2px}.shipment-row strong{color:var(--ink);font-weight:700;display:block}.shipment-row small{color:var(--faint);margin-top:3px;font-size:11px;display:block}.cell-id strong{letter-spacing:-.2px;font:700 14px JetBrains Mono,monospace}.cell-client strong{color:var(--ink-soft);font-size:12.5px;font-weight:600}.cell-client-text strong,.cell-client-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-theme=dark] .shipment-row:hover,[data-theme=dark] .shipment-row.selected{background:#232544}.cell-toggle{grid-area:toggle}.cell-id{grid-area:id}.cell-route{grid-area:route;align-items:center;gap:6px;min-width:0;display:flex}.cell-client{grid-area:client;align-items:center;gap:9px;min-width:0;display:flex}.cell-status{grid-area:status;justify-self:end}.expand-button{border:1px solid var(--line);background:var(--white);color:var(--cyan-deep);width:25px;height:25px;transition:border-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);border-radius:50%;padding:0;font-weight:700;line-height:1}.expand-button:hover{border-color:var(--periwinkle-deep);color:var(--periwinkle-deep);transform:scale(1.08)}[data-theme=dark] .expand-button{color:var(--cyan)}[data-theme=dark] .expand-button:hover{border-color:var(--periwinkle);color:var(--periwinkle)}.route-dot{border-radius:50%;flex:0 0 6px;width:6px;height:6px}.route-dot-origin{background:var(--cyan)}.route-dot-destination{background:var(--coral)}.route-line{background:var(--line);flex:16px;min-width:8px;max-width:30px;height:1px}.route-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-soft);font-size:12.5px;font-weight:700;overflow:hidden}.row-avatar{width:26px;height:26px;color:var(--periwinkle-deep);background:#ecebfb;border-radius:50%;flex:0 0 26px;place-items:center;font:700 10px Space Grotesk,sans-serif;display:grid}[data-theme=dark] .row-avatar{color:var(--periwinkle);background:#262a52}.cell-client-text{min-width:0}.badge{color:var(--periwinkle-deep);background:#ecebfb;border-radius:20px;max-width:100%;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.badge.orange{color:var(--coral-deep);background:#ffe9eb}.badge.green{color:var(--cyan-deep);background:#e3faf9}[data-theme=dark] .badge{color:var(--periwinkle);background:#262a52}[data-theme=dark] .badge.orange{color:var(--coral);background:#3a1a1f}[data-theme=dark] .badge.green{color:var(--cyan);background:#0f2b2a}.children{background:var(--surface-alt);animation:fadeIn var(--normal) var(--ease)}.child-row{padding-left:46px}.child-mark{color:var(--faint);font-size:18px}.empty{color:var(--muted);text-align:center;padding:45px 20px}.shipment-list-header{cursor:default;border-top:0;border-bottom:2px solid var(--line);background:var(--surface-alt)}.shipment-list-header:hover{background:var(--surface-alt)}.shipment-list-header .cell-route{color:var(--faint);letter-spacing:.6px;text-transform:uppercase;font-size:10px;font-weight:700}.sort-button{color:var(--faint);letter-spacing:.6px;text-transform:uppercase;cursor:pointer;transition:color var(--fast) var(--ease);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:10px;font-weight:700;display:inline-flex}.sort-button:hover{color:var(--ink-soft)}.sort-button svg{opacity:.5;transition:transform var(--fast) var(--ease), opacity var(--fast) var(--ease)}.sort-button.active{color:var(--periwinkle-deep)}.sort-button.active svg{opacity:1}.sort-button[data-dir=desc] svg{transform:rotate(180deg)}[data-theme=dark] .sort-button.active{color:var(--periwinkle)}.detail-dialog{background:var(--white);width:min(100%,880px);max-width:100%;max-height:min(92vh,920px);color:var(--ink);border:0;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 24px 70px #0f21303d}.detail-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00243bcc}.detail-dialog[open]{flex-direction:column;display:flex}@supports (transition-behavior:allow-discrete){.detail-dialog{opacity:0;transition:opacity var(--normal) var(--ease), transform var(--normal) var(--ease), overlay var(--normal) allow-discrete, display var(--normal) allow-discrete;transform:translateY(10px)scale(.98)}.detail-dialog::backdrop{opacity:0;transition:opacity var(--normal) var(--ease), overlay var(--normal) allow-discrete, display var(--normal) allow-discrete}.detail-dialog[open]{opacity:1;transform:translateY(0)scale(1)}.detail-dialog[open]::backdrop{opacity:1}@starting-style{.detail-dialog[open]{opacity:0;transform:translateY(10px)scale(.98)}.detail-dialog[open]::backdrop{opacity:0}}}.detail-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}.detail-head>div{flex:auto;min-width:0}.detail-head h2{margin:0;font:600 clamp(17px,2.4vw,22px) Space Grotesk,sans-serif}.detail-head .badge{margin-top:10px}.close-button{border:1px solid var(--line);background:var(--white);width:34px;height:34px;color:var(--muted);transition:border-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);border-radius:50%;flex:0 0 34px;font-size:18px;line-height:1}.close-button:hover{border-color:var(--coral);color:var(--coral);transform:rotate(90deg)}.detail-body{overscroll-behavior:contain;padding:20px 24px 26px;overflow-y:auto}.detail-columns{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px 28px;display:grid}.route-card{background:#eafbfa;border-radius:6px;margin-bottom:18px;padding:14px}.route-card small{color:var(--muted);letter-spacing:1px;font-size:9px;font-weight:700}.route-card>div{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.route-card strong{min-width:0;color:var(--ink);font:600 14px Space Grotesk,sans-serif}.route-card>div>span{color:var(--faint)}.route-card p{color:var(--muted);margin:8px 0 0;font-size:11px}.route-card p span{margin:0 5px}[data-theme=dark] .route-card{background:#0f2b2a}.map-panel{background:#e3f7f6;border-radius:5px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:12px;font-size:11px;display:flex}.map-panel small,.map-panel strong{display:block}.map-panel small{color:var(--muted);letter-spacing:1px;font-size:9px}.map-panel strong{color:var(--cyan-deep);margin-top:3px}.map-panel a{color:var(--periwinkle-deep);white-space:nowrap;font-weight:700;text-decoration:none}.map-panel>span{color:var(--faint)}[data-theme=dark] .map-panel{background:#0f2b2a}[data-theme=dark] .map-panel strong{color:var(--cyan)}[data-theme=dark] .map-panel a{color:var(--periwinkle)}.detail-line{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;font-size:12px;display:flex}.detail-line>span{overflow-wrap:normal;min-width:min-content;color:var(--faint);flex:0 auto}.detail-line>strong{text-align:right;color:var(--ink-soft);overflow-wrap:anywhere;flex:auto}.detail-line a{color:var(--periwinkle-deep);text-decoration:none}.detail-line a:hover{text-decoration:underline}[data-theme=dark] .detail-line a{color:var(--periwinkle)}.detail-section{margin-top:22px}.detail-section>.detail-line:last-child{border-bottom:0}.section-title{color:var(--muted);letter-spacing:1px;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-bottom:6px;font-size:10px;font-weight:700;display:flex}.section-title b{color:var(--cyan-deep);font-size:11px}[data-theme=dark] .section-title b{color:var(--cyan)}.house-summary>div{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:9px 0;font-size:11px;display:flex}.house-summary span{color:var(--ink-soft);font-weight:700}.house-summary small{color:var(--faint);text-align:right}.event{gap:10px;padding:13px 0 0;display:flex}.event>div{min-width:0}.event-dot{background:var(--coral);border-radius:50%;flex:0 0 8px;height:8px;margin-top:5px;box-shadow:0 0 0 3px #ffe6e8}[data-theme=dark] .event-dot{box-shadow:0 0 0 3px #3a1418}.event strong,.event small,.event p{display:block}.event strong{color:var(--ink-soft);font-size:12px}.event small{color:var(--faint);margin-top:2px;font-size:10px}.event p{color:var(--muted);margin:4px 0 0;font-size:11px}.muted{color:var(--faint);margin:10px 0 0;font-size:11px}.detail-loading{color:var(--muted);padding:10px 0 0;font-size:12px}.email-compose{border-top:1px solid var(--line);padding-top:18px}.email-form{animation:slideDown var(--normal) var(--ease);gap:12px;display:grid}.email-form label{color:var(--muted);gap:6px;font-size:11px;font-weight:700;display:grid}.email-form input,.email-form textarea{border:1px solid var(--line);color:var(--ink);font:inherit;resize:vertical;transition:border-color var(--fast) var(--ease);border-radius:5px;outline:none;padding:9px 10px}.email-form input:focus,.email-form textarea:focus{border-color:var(--periwinkle-deep)}.email-to-row{align-items:center;gap:8px;display:flex}.email-to-row input{flex:1}.email-to-row input[readonly]{background:var(--paper);color:var(--muted);cursor:default}.email-to-edit{color:var(--periwinkle-deep);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:4px 2px;font-size:11px;font-weight:700}.email-to-edit:hover{text-decoration:underline}.email-form textarea{font-family:DM Sans,sans-serif;line-height:1.5}.email-preview-label{color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:700}.email-preview-frame{border:1px solid var(--line);background:var(--paper);border-radius:8px;width:100%;height:460px}.inline-banner{animation:slideDown var(--normal) var(--ease);border-radius:6px;align-items:center;gap:10px;padding:11px 14px;font-size:12px;font-weight:700;display:flex}.inline-banner-icon{border-radius:50%;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;font-size:11px;line-height:1;display:inline-flex}.inline-banner-success{color:var(--cyan-deep);background:#e3faf9}.inline-banner-success .inline-banner-icon{background:var(--cyan-deep);color:#fff}.inline-banner-error{color:var(--coral-deep);background:#fff0f1}.inline-banner-error .inline-banner-icon{background:var(--coral-deep);color:#fff}[data-theme=dark] .inline-banner-success{color:var(--cyan);background:#0f2b2a}[data-theme=dark] .inline-banner-error{color:var(--coral);background:#3a1418}.email-actions{justify-content:flex-end;gap:10px;display:flex}.dashboard-empty{text-align:center;margin:0;padding:24px 20px}.command-center{background:var(--cc-bg);border:1px solid var(--cc-border);color:var(--cc-ink);border-radius:14px;flex-direction:column;gap:26px;padding:32px;display:flex;position:relative;overflow:hidden}.cc-scanlines{pointer-events:none;background-image:linear-gradient(var(--cc-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--cc-grid-line) 1px, transparent 1px);opacity:.6;background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 100% at 50% 0,#000 40%,#0000 100%);mask-image:radial-gradient(120% 100% at 50% 0,#000 40%,#0000 100%)}.cc-header,.cc-readouts,.cc-grid,.cc-modules,.reports-tabs,.reports-filter,.cc-panel,.filter-bar,.event-breakdown{z-index:1;position:relative}.cc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.cc-eyebrow{letter-spacing:2px;color:var(--cyan-deep);margin:0 0 8px;font:700 10px JetBrains Mono,monospace}[data-theme=dark] .cc-eyebrow{color:var(--cyan)}.cc-header h2{color:var(--cc-ink);margin:0;font:700 26px Space Grotesk,sans-serif}.cc-sub{color:var(--cc-muted);margin:8px 0 0;font-size:13px}.cc-readouts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.cc-readout{border:1px solid var(--cc-border);background:var(--cc-panel-bg);border-radius:8px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.cc-readout-label{letter-spacing:1px;text-transform:uppercase;color:var(--cc-muted);font-size:10px}.cc-readout-value{color:var(--cc-ink);font:700 28px JetBrains Mono,monospace}.cc-readout-alert .cc-readout-value{color:var(--coral-deep)}[data-theme=dark] .cc-readout-alert .cc-readout-value{color:var(--coral);text-shadow:0 0 12px #fa425366}.cc-readout-ok .cc-readout-value{color:var(--cyan-deep)}[data-theme=dark] .cc-readout-ok .cc-readout-value{color:var(--cyan);text-shadow:0 0 12px #4deae466}.cc-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.cc-panel{border:1px solid var(--cc-border);background:var(--cc-panel-bg);border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #00000010}.cc-map-pending{border-style:dashed}.cc-map-pending .cc-empty{text-align:left;padding:16px 18px 20px;line-height:1.6}.cc-panel-head{border-bottom:1px solid var(--cc-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cc-panel-tag{letter-spacing:1.5px;color:var(--cc-muted);text-transform:uppercase;font:700 10px JetBrains Mono,monospace}.cc-panel-count{color:var(--cc-ink);font:700 13px JetBrains Mono,monospace}.cc-pulse-dot{background:var(--cyan-deep);border-radius:50%;width:8px;height:8px;animation:2s infinite envPulse;box-shadow:0 0 #4deae480}[data-theme=dark] .cc-pulse-dot{background:var(--cyan)}.cc-list{flex-direction:column;max-height:360px;display:flex;overflow-y:auto}.cc-empty{text-align:center;color:var(--cc-muted);margin:0;padding:24px 18px;font-size:12px}.cc-row{border:0;border-top:1px solid var(--cc-border);text-align:left;cursor:pointer;width:100%;transition:background var(--fast) var(--ease);background:0 0;align-items:center;gap:12px;padding:12px 18px;display:flex}.cc-row:first-child{border-top:0}.cc-row:hover{background:var(--cc-row-hover)}.cc-row:focus-visible{outline:2px solid var(--periwinkle-deep);outline-offset:-2px}.cc-dot{border-radius:50%;flex:0 0 7px;width:7px;height:7px}.cc-dot-overdue{background:var(--coral);box-shadow:0 0 6px #fa4253}.cc-dot-stalled{background:var(--periwinkle);box-shadow:0 0 6px #8080d8}.cc-dot-live{background:var(--cyan-deep);box-shadow:0 0 6px #4deae4}[data-theme=dark] .cc-dot-live{background:var(--cyan)}.cc-row-main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.cc-row-main strong{color:var(--cc-ink);text-overflow:ellipsis;white-space:nowrap;font:700 13px JetBrains Mono,monospace;overflow:hidden}.cc-row-main small{color:var(--cc-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.cc-row-tag{letter-spacing:.5px;color:var(--cc-muted);white-space:nowrap;flex:none;font:700 9px JetBrains Mono,monospace}.cc-more{border:0;border-top:1px solid var(--cc-border);text-align:center;width:100%;color:var(--cyan-deep);cursor:pointer;letter-spacing:1px;transition:background var(--fast) var(--ease);background:0 0;padding:12px 18px;font:700 10px JetBrains Mono,monospace}[data-theme=dark] .cc-more{color:var(--cyan)}.cc-more:hover{background:var(--cc-row-hover)}.cc-more-static{cursor:default;margin:0}.cc-more-static:hover{background:0 0}.cc-modules{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.cc-module{border:1px solid var(--cc-border);background:var(--cc-panel-bg);color:var(--cc-ink);cursor:pointer;text-align:left;transition:transform var(--normal) var(--ease), border-color var(--normal) var(--ease), box-shadow var(--normal) var(--ease);border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.cc-module:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 0 0 1px #4deae440,0 10px 24px #0f213014}.cc-module:focus-visible{outline:2px solid var(--periwinkle-deep);outline-offset:-2px}[data-theme=dark] .cc-module:hover{box-shadow:0 0 0 1px #4deae440,0 10px 24px #0006}.cc-module svg{color:var(--cyan-deep);flex:none}[data-theme=dark] .cc-module svg{color:var(--cyan)}.cc-module strong{color:var(--cc-ink);font:700 12.5px Space Grotesk,sans-serif;display:block}.cc-module small{color:var(--cc-muted);font-size:10.5px}@media (width<=900px){.cc-readouts,.cc-grid{grid-template-columns:1fr}.cc-modules{grid-template-columns:repeat(2,1fr)}.command-center{padding:22px}}@media (width<=520px){.cc-modules{grid-template-columns:1fr}}.reports-tabs{flex-wrap:wrap;gap:8px;display:flex}.reports-tabs button{border:1px solid var(--line);background:var(--white);color:var(--muted);cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease), border-color var(--fast) var(--ease);border-radius:20px;padding:9px 16px;font-size:12px;font-weight:700}.reports-tabs button:hover{border-color:var(--faint);color:var(--ink-soft)}.reports-tabs button:focus-visible{outline:2px solid var(--periwinkle-deep);outline-offset:-2px}.reports-tabs button.active{background:var(--periwinkle-deep);border-color:var(--periwinkle-deep);color:#fff}[data-theme=dark] .reports-tabs button.active{background:var(--periwinkle);border-color:var(--periwinkle);color:var(--navy)}.reports-filter{color:var(--muted);align-items:center;gap:10px;min-width:0;font-size:12px;font-weight:700;display:flex}.reports-filter select{background:var(--white);border:1px solid var(--line);color:var(--ink);border-radius:4px;min-width:0;max-width:100%;padding:8px 10px;font-size:12px;font-weight:600}.bar-list{flex-direction:column;padding:4px 20px 18px;display:flex}.bar-row{grid-template-columns:minmax(110px,200px) 1fr 34px;align-items:center;gap:12px;padding:8px 0;display:grid}.bar-label{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.bar-track{background:var(--surface-alt);border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:var(--periwinkle-deep);height:100%;transition:width var(--normal) var(--ease);border-radius:4px}[data-theme=dark] .bar-fill{background:var(--periwinkle)}.bar-value{color:var(--ink);text-align:right;font:700 12px JetBrains Mono,monospace}.sales-view{flex-direction:column;gap:20px;display:flex}.sales-toolbar{background:var(--white);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.sales-updated{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.sales-updated em{color:var(--cyan-deep);font-style:normal;font-weight:700}[data-theme=dark] .sales-updated em{color:var(--cyan)}.sales-toolbar-actions{align-items:center;gap:8px;display:flex}.sales-filter-wrap{position:relative}.sales-filter-trigger{border:1px solid var(--line);background:var(--white);height:36px;color:var(--ink-soft);cursor:pointer;transition:border-color var(--fast) var(--ease), color var(--fast) var(--ease);border-radius:6px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.sales-filter-trigger:hover{border-color:var(--faint);color:var(--ink)}.sales-filter-trigger strong{color:var(--muted);font-family:JetBrains Mono,monospace;font-weight:700}.sales-filter-trigger.has-filter{border-color:var(--periwinkle-deep);color:var(--periwinkle-deep)}.sales-filter-trigger.has-filter strong{color:var(--periwinkle-deep)}[data-theme=dark] .sales-filter-trigger.has-filter{border-color:var(--periwinkle);color:var(--periwinkle)}[data-theme=dark] .sales-filter-trigger.has-filter strong{color:var(--periwinkle)}.sales-filter-menu{z-index:5;background:var(--white);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;width:260px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 32px #00000026}.sales-filter-search{border:1px solid var(--line);color:var(--faint);border-radius:6px;align-items:center;gap:8px;padding:0 10px;display:flex}.sales-filter-search:focus-within{border-color:var(--periwinkle-deep);color:var(--periwinkle-deep)}.sales-filter-search input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-size:12px}.sales-filter-all{color:var(--ink);cursor:pointer;border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:6px 6px 8px;font-size:12px;font-weight:700;display:flex}.sales-filter-list{flex-direction:column;gap:2px;max-height:240px;display:flex;overflow-y:auto}.sales-filter-list label{color:var(--ink-soft);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px;font-size:12px;display:flex}.sales-filter-list label:hover{background:var(--surface-alt)}.sales-filter-list input,.sales-filter-all input{accent-color:var(--periwinkle-deep);flex-shrink:0;width:14px;height:14px}.sales-filter-empty{padding:8px 6px;font-size:12px}.sales-charts{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px;display:grid}.sales-chart-card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:16px 18px;box-shadow:0 2px 10px #00000010}.sales-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.sales-chart-head h3{color:var(--ink);margin:0;font-size:13px;font-weight:700}.sales-legend{gap:14px;margin:0;padding:0;list-style:none;display:flex}.sales-legend li{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.sales-swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.sales-chart-svg-wrap{position:relative}.sales-chart-svg-wrap svg{width:100%;height:auto;display:block}.sales-chart-baseline{stroke:var(--line);stroke-width:1px}.sales-chart-axis-label{fill:var(--muted);font-family:JetBrains Mono,monospace;font-size:9px}.sales-chart-axis-label-start{text-anchor:start}.sales-chart-axis-label-selected{fill:var(--periwinkle-deep);font-weight:700}[data-theme=dark] .sales-chart-axis-label-selected{fill:var(--periwinkle)}.sales-chart-line{fill:none;stroke-width:2px}.sales-chart-hit{cursor:pointer}.sales-chart-hit:focus-visible{outline:2px solid var(--periwinkle-deep);outline-offset:-2px}.sales-chart-day-highlight{fill:var(--periwinkle);opacity:.08;pointer-events:none}[data-theme=dark] .sales-chart-day-highlight{opacity:.16}.sales-chart-tooltip{background:var(--white);border:1px solid var(--line);pointer-events:none;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;font-size:11px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 8px 20px #0002}.sales-chart-tooltip-pinned{border-color:var(--periwinkle-deep);box-shadow:0 8px 20px #4b48ad33}.sales-chart-tooltip strong{color:var(--ink);font-size:12px}.sales-chart-tooltip span{color:var(--muted);align-items:center;gap:6px;display:flex}.sales-chart-tooltip span b{color:var(--ink);margin-left:auto;font-family:JetBrains Mono,monospace}.sales-chart-tooltip i{border-radius:2px;width:8px;height:8px;display:inline-block}.sales-table-panel{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow-x:auto;box-shadow:0 2px 10px #00000010}.sales-table{border-collapse:collapse;width:100%;min-width:720px;font-size:12px}.sales-table th,.sales-table td{text-align:right;border-bottom:1px solid var(--line-soft);white-space:nowrap;font-variant-numeric:tabular-nums;padding:8px 12px}.sales-table thead th{text-align:right;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.sales-table thead th:first-child{text-align:left}.sales-table td:first-child{text-align:left;color:var(--muted);font-variant-numeric:normal;font-weight:600}.sales-client-row th{text-align:left;background:var(--surface-alt);color:var(--ink);padding:10px 12px;font-size:12px;font-weight:700}.sales-totals-row th{color:var(--periwinkle-deep)}[data-theme=dark] .sales-totals-row th{color:var(--periwinkle)}.sales-pct-row td{font-weight:700}.sales-negative{color:var(--coral-deep)}[data-theme=dark] .sales-negative{color:var(--coral)}.sales-empty{text-align:center;padding:20px}.sales-table th.sales-day-selected{color:var(--periwinkle-deep)}[data-theme=dark] .sales-table th.sales-day-selected{color:var(--periwinkle)}.sales-table td.sales-day-selected{background:#ecebfb}[data-theme=dark] .sales-table td.sales-day-selected{background:#262a52}@media (width<=700px){.sales-charts{grid-template-columns:1fr}}@media (width<=900px){.bar-row{grid-template-columns:minmax(90px,140px) 1fr 30px}}.cc-panel-chart{max-width:640px}.cc-donut{flex-wrap:wrap;align-items:center;gap:20px;padding:18px;display:flex}.cc-donut-figure{flex:none;position:relative}.cc-donut-slice{transition:opacity var(--fast) var(--ease)}.cc-donut-center{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cc-donut-center strong{color:var(--cc-ink);font:700 22px JetBrains Mono,monospace}.cc-donut-legend{flex-direction:column;flex:180px;gap:4px;min-width:0;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.cc-donut-legend-item{width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;display:flex}button.cc-donut-legend-item{cursor:pointer;transition:background var(--fast) var(--ease)}button.cc-donut-legend-item:hover{background:var(--cc-row-hover)}button.cc-donut-legend-item:focus-visible{outline:2px solid var(--periwinkle-deep);outline-offset:-2px}.cc-donut-legend-item.active{background:var(--cc-row-hover)}.cc-donut-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.cc-donut-legend-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--cc-ink);flex:auto;font-size:11.5px;overflow:hidden}.cc-donut-legend-value{color:var(--cc-ink);flex:none;font:700 11px JetBrains Mono,monospace}.cc-table-scroll{overflow-x:auto}.cc-table{flex-direction:column;min-width:100%;display:flex}.cc-table-row{grid-template-columns:var(--cc-table-cols);border:0;border-top:1px solid var(--cc-border);text-align:left;width:100%;min-width:560px;font:inherit;color:inherit;background:0 0;align-items:center;gap:10px;padding:10px 18px;display:grid}.cc-table-row:first-child{border-top:0}button.cc-table-row{cursor:pointer;transition:background var(--fast) var(--ease), box-shadow var(--fast) var(--ease)}button.cc-table-row:hover{background:var(--cc-row-hover);box-shadow:inset 0 0 0 1px var(--cc-border)}button.cc-table-row:focus-visible{outline:2px solid var(--periwinkle-deep);outline-offset:-2px}.cc-table-head{letter-spacing:.06em;text-transform:uppercase;color:var(--cc-muted);border-bottom:1px solid var(--cc-border);font:700 10px JetBrains Mono,monospace}.cc-table-cell{text-overflow:ellipsis;white-space:nowrap;color:var(--cc-ink);font-size:12px;overflow:hidden}.clients-panel{margin-top:30px}.client-search-wrap{border:1px solid var(--line);width:220px;min-width:0;max-width:100%;color:var(--faint);background:var(--white);border-radius:6px;align-items:center;gap:8px;padding:0 10px;display:flex}.client-search-wrap:focus-within{border-color:var(--periwinkle-deep);color:var(--periwinkle-deep)}.client-search{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:9px 0}.client-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px;padding:20px;display:grid}.client-card{border:1px solid var(--line);background:var(--surface-alt);transition:transform var(--normal) var(--ease), box-shadow var(--normal) var(--ease), border-color var(--normal) var(--ease);border-radius:10px;gap:13px;padding:18px;display:flex}.client-card:hover{border-color:#d8dedd;transform:translateY(-2px);box-shadow:0 10px 22px #0f213012}.client-avatar{height:38px;color:var(--periwinkle-deep);background:#ecebfb;border-radius:50%;flex:0 0 38px;place-items:center;font:700 17px Space Grotesk,sans-serif;display:grid}[data-theme=dark] .client-avatar{color:var(--periwinkle);background:#262a52}.client-card h3{margin:0 0 3px;font:600 15px Space Grotesk,sans-serif}.client-card p,.client-card a,.client-card small{color:var(--muted);overflow-wrap:anywhere;margin:3px 0;font-size:11px;display:block}.client-card a{color:var(--periwinkle-deep)}[data-theme=dark] .client-card a{color:var(--periwinkle)}.entity-custom-fields{border-top:1px solid var(--line);margin-top:12px;padding-top:9px}.entity-custom-fields summary{color:var(--periwinkle-deep);cursor:pointer;font-size:11px;font-weight:700}[data-theme=dark] .entity-custom-fields summary{color:var(--periwinkle)}.entity-custom-fields summary span{color:var(--muted);margin-left:4px}.entity-custom-fields>div{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:7px 0;display:flex}.entity-custom-fields>div small{color:var(--muted);margin:0}.entity-custom-fields>div strong{color:var(--ink-soft);text-align:right;overflow-wrap:anywhere;font-size:11px}.login-shell{grid-template-columns:1fr;min-height:100vh;display:grid}.login-brand-panel{display:none}.login-form-panel{background:linear-gradient(135deg, var(--navy), #2f3e77);place-items:center;padding:24px;display:grid}.login-card{background:var(--white);border-radius:12px;gap:13px;width:min(100%,390px);padding:clamp(22px,5vw,34px);display:grid;box-shadow:0 18px 54px #0004}.login-card-brand{align-items:center;gap:12px;margin-bottom:6px;display:flex}.login-card .login-mark{flex:0 0 40px;width:40px;height:40px}.login-card-divider{background:var(--line);flex:none;width:1px;height:20px}.login-card-word{color:var(--ink);letter-spacing:-.3px;font:700 18px Unbounded,sans-serif}.login-card h1{margin:0;font:700 clamp(22px,6vw,28px) Space Grotesk,sans-serif}.login-card>p:not(.eyebrow){color:var(--muted);margin:0 0 8px}.login-card label{color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.login-card input{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);border-radius:5px;outline:none;padding:10px}.login-card input:focus{border-color:var(--periwinkle-deep)}[data-theme=dark] .login-card input:focus{border-color:var(--periwinkle)}.login-card .primary-button{margin-top:5px}.login-card .alert{margin:0}@media (width>=860px){.login-shell{grid-template-columns:1.1fr 1fr}.login-brand-panel{background:linear-gradient(165deg, #0a3a56 0%, var(--navy) 60%);flex-direction:column;justify-content:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--periwinkle), var(--coral), var(--magenta));height:3px;position:absolute;top:0;left:0;right:0}.login-brand-lockup{align-items:center;gap:16px;margin:22px 0 18px;display:flex}.login-mark-lg{object-fit:contain;width:44px;height:44px;display:block}.login-brand-divider{background:#ffffff3a;flex:none;width:1px;height:30px}.login-brand-word{color:#fff;letter-spacing:-.5px;font:700 30px Unbounded,sans-serif}.login-brand-copy{color:#b9c8ce;max-width:360px;margin:0 0 30px;font-size:14px;line-height:1.6}.login-highlights{gap:14px;margin:0;padding:0;list-style:none;display:grid}.login-highlights li{color:#d7e2e5;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.login-highlights svg{color:var(--cyan);flex:none}.login-form-panel{background:var(--paper)}}@media (width<=1080px){.shipment-row,.shipment-list-header{grid-template-columns:32px minmax(0,1fr) minmax(0,auto);grid-template-areas:"toggle id status""toggle route route""toggle client client"}.cell-status{align-self:start}}@media (width<=950px){:root{--sidebar:72px}.sidebar{padding:24px 10px}.brand{justify-content:center}.brand-divider,.brand-word,.env-badge,.nav-eyebrow{display:none}nav{margin-top:20px}.nav-link{justify-content:center;gap:0;padding:12px 0}.nav-link>em{display:none}.sidebar-footer{text-align:center}.sidebar-user>span:last-child{display:none}.sidebar-user{justify-content:center;padding:8px 0}.logout-button,.theme-toggle{justify-content:center}.logout-button>span,.theme-toggle>span{display:none}.workspace{padding:27px 24px 40px}}@media (width<=720px){.workspace{padding:22px 14px 36px}.event-breakdown{gap:8px;margin:24px 0 20px}.event-chip{padding:10px 12px}.event-chip span{max-width:130px}.panel-heading{align-items:start;padding:18px 16px 14px}.panel-heading h2{font-size:16px}.client-grid{padding:14px}.detail-dialog{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.detail-head,.detail-body{padding-left:16px;padding-right:16px}}@media (width<=560px){.shipment-row,.shipment-list-header{grid-template-columns:28px minmax(0,1fr);grid-template-areas:"toggle id""toggle status""toggle route""toggle client";gap:8px 10px;padding:14px}.cell-status{place-self:center start}.cell-route{flex-wrap:wrap;gap:4px}.route-line{display:none}.route-label{flex:100%}.child-row{padding-left:26px}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar label:nth-child(3),.filter-bar .primary-button{grid-column:1/-1}.detail-line{flex-direction:column;align-items:stretch;gap:3px}.detail-line>strong{text-align:left}}.toast-host{z-index:80;flex-direction:column;gap:10px;width:min(360px,100vw - 40px);display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--white);border-left:4px solid var(--periwinkle);animation:toastIn var(--normal) var(--ease);border-radius:8px;align-items:flex-start;gap:10px;padding:14px 16px;display:flex;box-shadow:0 12px 32px #0f21301f}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.toast-icon{color:#fff;background:var(--periwinkle-deep);border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.toast-success{border-left-color:var(--cyan)}.toast-success .toast-icon{background:var(--cyan-deep)}.toast-error{border-left-color:var(--coral)}.toast-error .toast-icon{background:var(--coral-deep)}.toast-info .toast-icon{background:var(--periwinkle-deep)}.toast-message{color:var(--ink);flex:auto;font-size:13px;line-height:1.4}.toast-close{color:#a5aeb3;cursor:pointer;transition:color var(--fast) var(--ease);background:0 0;border:0;padding:2px;font-size:11px;line-height:1}.toast-close:hover{color:var(--ink)}.confirm-dialog{background:var(--white);width:min(100%,420px);color:var(--ink);border:0;border-radius:12px;padding:26px 26px 22px;box-shadow:0 24px 70px #0f21303d}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00243bcc}@supports (transition-behavior:allow-discrete){.confirm-dialog{opacity:0;transition:opacity var(--normal) var(--ease), transform var(--normal) var(--ease), overlay var(--normal) allow-discrete, display var(--normal) allow-discrete;transform:translateY(10px)scale(.98)}.confirm-dialog::backdrop{opacity:0;transition:opacity var(--normal) var(--ease), overlay var(--normal) allow-discrete, display var(--normal) allow-discrete}.confirm-dialog[open]{opacity:1;transform:translateY(0)scale(1)}.confirm-dialog[open]::backdrop{opacity:1}@starting-style{.confirm-dialog[open]{opacity:0;transform:translateY(10px)scale(.98)}.confirm-dialog[open]::backdrop{opacity:0}}}.confirm-title{margin:0 0 8px;font:600 17px Space Grotesk,sans-serif}.confirm-message{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.danger-button{background:var(--coral-deep)}.danger-button:hover:not(:disabled){background:#a41f2d;box-shadow:0 6px 16px #c22a3a33}@media (width<=480px){.toast-host{width:auto;top:12px;left:12px;right:12px}}.portal-page{--p-ink:#17202a;--p-muted:#78828c;--p-line:#e5e8e8;--p-paper:#f6f8f7;--p-card-bg:#fff;--p-navy:#00243b;--p-cyan-deep:#0b6f6a;--p-cyan-bg:#eafbfa;--p-periwinkle-deep:#4b48ad;--p-magenta:#9f1b6d;background:var(--p-paper);min-height:100vh;color:var(--p-ink);flex-direction:column;font-family:Space Grotesk,Arial,Helvetica,sans-serif;display:flex}@media (prefers-color-scheme:dark){.portal-page{--p-ink:#e8edf0;--p-muted:#93a0a5;--p-line:#2c3b44;--p-paper:#0f1a21;--p-card-bg:#17242c;--p-cyan-bg:#113230}}.portal-header{background:var(--p-navy);border-bottom:4px solid var(--p-magenta);padding:28px 24px}.portal-logo{width:140px;height:auto;display:block}.portal-eyebrow{color:#8fb0ba;letter-spacing:2px;text-transform:uppercase;margin:12px 0 0;font-size:11px}.portal-main{flex:auto;width:min(720px,100%);margin:0 auto;padding:32px 20px 60px}.portal-status{text-align:center;color:var(--p-muted);padding:60px 0}.portal-status-error p:first-child{color:var(--p-ink);font-weight:700}.portal-status-hint{margin-top:8px;font-size:13px}.portal-title{margin:0 0 6px;font-size:26px}.portal-subtitle{color:var(--p-muted);margin:0 0 28px;font-size:14px}.portal-cards{flex-direction:column;gap:16px;display:flex}.portal-card{background:var(--p-card-bg);border:1px solid var(--p-line);border-radius:12px;padding:20px 22px}.portal-card-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.portal-card-head strong{font:700 17px JetBrains Mono,monospace}.portal-card-ref{color:var(--p-muted);font-size:12px}.portal-card-route{color:var(--p-muted);margin:0 0 16px;font-size:14px}.portal-card-event{background:var(--p-cyan-bg);border-radius:8px;flex-direction:column;gap:3px;margin-bottom:14px;padding:12px 14px;display:flex}.portal-card-event-label{letter-spacing:1px;text-transform:uppercase;color:var(--p-cyan-deep);font-size:10px;font-weight:700}.portal-card-event strong{font-size:14px}.portal-card-event-date{color:var(--p-muted);font-size:11px}.portal-card-facts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 20px;margin:0 0 14px;display:grid}.portal-card-facts dt{letter-spacing:.5px;text-transform:uppercase;color:var(--p-muted);font-size:10px}.portal-card-facts dd{margin:2px 0 0;font-size:13px;font-weight:700}.portal-card-tracking{color:var(--p-periwinkle-deep);font-size:12.5px;font-weight:700;text-decoration:none;display:inline-block}.portal-card-tracking:hover{text-decoration:underline}.portal-footer{text-align:center;color:var(--p-muted);border-top:1px solid var(--p-line);padding:18px;font-size:11px}@media (width<=480px){.portal-card-head{flex-direction:column;align-items:flex-start;gap:4px}}