:root{--navy:#14213d;--indigo:#4f46e5;--teal:#0f9d8a;--amber:#f59e0b;--coral:#e45757;--app-bg:#f7f8fa;--border:#e4e7ec;--text:#344054;--muted:#667085;--shadow-sm:0 1px 2px #1018280a;color:var(--text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}body{background:var(--app-bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{letter-spacing:0}a{color:inherit}#root{min-height:100vh}.app-shell{background:var(--app-bg);min-height:100vh;color:var(--text)}.sidebar{z-index:30;background:var(--navy);color:#f8fafc;flex-direction:column;width:236px;display:flex;position:fixed;inset:0 auto 0 0}.brand-row{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;min-height:68px;padding:0 18px;display:flex}.brand-mark{background:var(--indigo);border-radius:8px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand-name{font-size:17px;font-weight:750;line-height:1.1}.brand-subtitle{color:#ffffffad;font-size:12px}.nav-list{gap:4px;padding:14px 12px;display:grid}.nav-item{color:#ffffffc7;min-height:38px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 11px;font-size:14px;display:flex}.nav-item:hover,.nav-item:focus-visible{color:#fff;background:#ffffff14}.nav-item.active{background:var(--indigo);color:#fff}.sidebar-footer{gap:12px;margin-top:auto;padding:14px;display:grid}.demo-badge{color:#ffffffc7;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;width:fit-content;padding:4px 9px;font-size:12px;line-height:1.2;display:inline-flex}.workspace-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;gap:9px;padding:11px;display:flex}.workspace-card strong,.workspace-card span{display:block}.workspace-card strong{font-size:13px}.workspace-card span{color:#ffffffad;font-size:12px}.app-main{min-width:0;padding-left:236px}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f8faf0;grid-template-columns:minmax(190px,260px) minmax(260px,1fr) auto;align-items:center;gap:18px;min-height:68px;padding:0 24px;display:grid;position:sticky;top:0}.topbar-title{align-items:center;gap:10px;display:flex}.topbar-title strong{color:var(--navy);font-size:17px;display:block}.breadcrumb{color:var(--muted);font-size:12px;line-height:1.4}.global-search,.filter-search{border:1px solid var(--border);min-width:0;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:8px;display:flex}.global-search-wrap{min-width:0;position:relative}.global-search{height:38px;padding:0 12px}.global-search input,.filter-search input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:14px}.search-results{z-index:30;border:1px solid var(--border);background:#fff;border-radius:10px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 16px 36px #14213d29}.search-results button{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--navy);cursor:pointer;font:inherit;text-align:left;background:#fff;justify-content:space-between;align-items:center;gap:14px;padding:11px 13px;display:flex}.search-results button:last-child{border-bottom:0}.search-results button:hover,.search-results button:focus-visible{background:#f7f8ff;outline:0}.search-results button span,.search-results button small{display:block}.search-results button small,.search-results button em,.search-empty{color:var(--muted);font-size:12px;font-style:normal}.search-results button em{flex:none}.search-empty{padding:14px}.topbar-actions{align-items:center;gap:10px;display:flex}.attention-button,.icon-button{border:1px solid var(--border);color:var(--navy);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.attention-button{width:38px;height:38px;position:relative}.attention-button span{background:var(--coral);color:#fff;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:11px;font-weight:700;display:grid;position:absolute;inset:-5px -5px auto auto}.icon-button{width:36px;height:36px}.menu-button,.mobile-close{display:none}.user-pill{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:999px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:750;display:grid}.topbar-popover-anchor{position:relative}.topbar-popover{z-index:30;border:1px solid var(--border);background:#fff;border-radius:10px;width:300px;padding:14px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 36px #14213d29}.popover-heading,.profile-summary,.notification-item,.profile-workspace,.popover-action{align-items:center;gap:10px;display:flex}.popover-heading{border-bottom:1px solid var(--border);justify-content:space-between;padding-bottom:10px}.popover-heading span,.notification-item span,.profile-summary span,.profile-workspace span{color:var(--muted);font-size:12px;display:block}.notification-item{color:var(--indigo);align-items:flex-start;padding:12px 0}.notification-item strong,.notification-item span,.profile-summary strong,.profile-summary span{display:block}.notification-item strong,.profile-summary strong,.profile-workspace strong{color:var(--navy);font-size:13px}.profile-summary{border-bottom:1px solid var(--border);padding-bottom:12px}.profile-avatar{background:var(--navy);color:#fff;border-radius:999px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:750;display:grid}.profile-workspace{padding:12px 0;display:block}.popover-action{border:0;border-top:1px solid var(--border);width:100%;color:var(--navy);cursor:pointer;font:inherit;background:0 0;justify-content:flex-start;padding:12px 0 0;font-weight:700}.content-shell{width:min(100%,1480px);margin:0 auto;padding:24px}.page-stack{gap:18px;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.page-title-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-header h1{color:var(--navy);margin:0;font-size:26px;font-weight:750;line-height:1.15}.page-header p{max-width:760px;color:var(--muted);margin:6px 0 0;font-size:14px}.page-actions{flex:none}.primary-button,.secondary-button,.ghost-button,.text-button{min-height:36px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex}.primary-button{border:1px solid var(--indigo);background:var(--indigo);color:#fff}.secondary-button{border:1px solid var(--border);color:var(--navy);background:#fff}.ghost-button,.text-button{color:var(--indigo);background:0 0;border:0}.ghost-button{min-height:30px;padding:0 8px}.quick-create{position:relative}.quick-create.compact .primary-button{min-width:104px}.quick-menu{border:1px solid var(--border);background:#fff;border-radius:10px;gap:2px;margin-top:8px;padding:6px;display:grid}.quick-menu button{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 9px;font-size:13px}.quick-menu button:hover{background:var(--app-bg)}.metric-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;display:grid}.metric-grid.four{grid-template-columns:repeat(4,minmax(170px,1fr))}.metric-grid.six{grid-template-columns:repeat(6,minmax(130px,1fr))}.metric-card{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;gap:11px;padding:13px;display:flex}.metric-icon{background:var(--tone-bg);width:34px;height:34px;color:var(--tone);border-radius:8px;flex:none;place-items:center;display:grid}.metric-card strong,.metric-card span,.metric-card small{display:block}.metric-card strong{color:var(--navy);font-size:23px;line-height:1.1}.metric-card span{color:var(--text);margin-top:4px;font-size:13px;font-weight:650}.metric-card small{color:var(--muted);margin-top:3px;font-size:12px}.tone-indigo{--tone:var(--indigo);--tone-bg:#eef2ff}.tone-teal{--tone:var(--teal);--tone-bg:#e9fbf8}.tone-amber{--tone:var(--amber);--tone-bg:#fff7e6}.tone-red{--tone:var(--coral);--tone-bg:#fff1f1}.tone-neutral{--tone:#667085;--tone-bg:#f2f4f7}.workflow-progress{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;grid-template-columns:repeat(7,minmax(142px,1fr));gap:0;display:grid;overflow-x:auto}.workflow-progress.compact{box-shadow:none;grid-template-columns:repeat(7,minmax(132px,1fr))}.workflow-step{border-right:1px solid var(--border);gap:10px;min-width:0;padding:13px 12px;display:flex}.workflow-progress.compact .workflow-step{align-items:center;min-width:132px;padding:12px 14px}.workflow-progress.compact .step-copy strong{overflow-wrap:anywhere}.workflow-step:last-child{border-right:0}.workflow-step.current{box-shadow:inset 0 -3px 0 var(--indigo);background:#f5f6ff}.step-marker{border:1px solid var(--border);width:32px;height:32px;color:var(--indigo);background:#fff;border-radius:999px;flex:none;place-items:center;display:grid}.step-marker span{display:none}.step-copy{min-width:0}.step-copy strong,.step-copy span{display:block}.step-copy strong{color:var(--navy);font-size:13px;line-height:1.25}.step-copy>span{color:var(--muted);margin-top:2px;font-size:12px}.status-badge{border:1px solid var(--badge-border);background:var(--badge-bg);width:fit-content;color:var(--badge);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.status-badge.small{padding:3px 7px;font-size:11px}.status-draft,.status-cancelled{--badge:#475467;--badge-bg:#f2f4f7;--badge-border:#e4e7ec}.status-approved,.status-paid,.status-fulfilled,.status-delivered,.status-active{--badge:#067a6d;--badge-bg:#e9fbf8;--badge-border:#b9eee5}.status-sent,.status-partially-dispatched,.status-created,.status-generated,.status-confirmed{--badge:#3730a3;--badge-bg:#eef2ff;--badge-border:#c7d2fe}.status-pending,.status-partially-paid,.status-partial,.status-ready,.status-preview,.status-unpaid{--badge:#a15c05;--badge-bg:#fff7e6;--badge-border:#fbd38d}.status-overdue,.status-blocked,.status-expired,.status-revoked{--badge:#b42318;--badge-bg:#fff1f1;--badge-border:#fecaca}.status-issued{--badge:#3730a3;--badge-bg:#eef2ff;--badge-border:#c7d2fe}.dashboard-grid{grid-template-columns:minmax(460px,1.35fr) minmax(300px,.9fr) minmax(260px,.75fr);align-items:start;gap:14px;display:grid}.right-rail{gap:14px;display:grid}.panel,.order-detail,.customer-profile{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px}.panel{padding:14px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel h2,.report-card h2,.module-card h2{color:var(--navy);margin:0;font-size:16px;font-weight:750;line-height:1.25}.task-list,.exception-list,.dispatch-column{gap:8px;display:grid}.today-task{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:9px 10px;display:grid}.today-task input{width:17px;height:17px;accent-color:var(--indigo)}.today-task strong,.today-task span,.task-meta small{display:block}.today-task strong{color:var(--navy);font-size:13px}.today-task span,.attention-card span{color:var(--muted);font-size:12px}.task-meta{justify-items:end;gap:4px;display:grid}.attention-card{border:1px solid var(--border);min-height:56px;color:var(--coral);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;display:grid}.attention-card strong{color:var(--navy);font-size:13px;display:block}.mini-status,.compact-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 0;font-size:13px;display:grid}.mini-status:first-child,.compact-row:first-child{border-top:0;padding-top:0}.mini-status strong,.compact-row .strong{color:var(--navy);font-weight:750}.filter-bar{border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(135px,170px)) auto;align-items:center;gap:9px;padding:10px;display:grid}.filter-search{height:36px;padding:0 10px}select,.settings-form input,.settings-form textarea,.form-preview input{border:1px solid var(--border);min-height:36px;color:var(--text);font:inherit;background:#fff;border-radius:8px;font-size:13px}select{padding:0 9px}.table-wrap{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{border-bottom:1px solid var(--border);height:46px;color:var(--text);text-align:left;white-space:nowrap;padding:0 13px;font-size:13px}th{color:#667085;background:#fbfcfd;font-size:12px;font-weight:750}tr:last-child td{border-bottom:0}.align-right{text-align:right}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;display:flex}.tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px 8px 0 0;padding:10px 12px;font-size:13px;font-weight:700}.tabs button.active{color:var(--indigo);box-shadow:inset 0 -2px 0 var(--indigo);background:#fff}.two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.document-chain{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chain-item{align-items:center;gap:8px;display:flex}.chain-item>div{border:1px solid var(--border);background:#fbfcfd;border-radius:9px;gap:6px;min-width:130px;padding:10px;display:grid}.chain-item strong{color:var(--navy);font-size:13px}.chain-arrow{color:var(--muted);font-weight:800}.form-preview{gap:12px;display:grid}.form-top{grid-template-columns:1.2fr 1fr 1fr;gap:10px;display:grid}.form-preview label,.settings-form label{color:var(--muted);gap:5px;font-size:12px;font-weight:700;display:grid}.form-preview input,.settings-form input,.settings-form textarea{padding:0 10px}.settings-form textarea{min-height:72px;padding-top:9px}.address-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.address-row div{border:1px solid var(--border);background:#fbfcfd;border-radius:8px;gap:4px;padding:10px;display:grid}.address-row strong,.summary-box strong{color:var(--navy)}.address-row span{color:var(--muted);font-size:13px}.line-items{border:1px solid var(--border);border-radius:8px;display:grid;overflow:hidden}.line-items>div{border-top:1px solid var(--border);grid-template-columns:1.5fr .5fr .7fr .8fr;gap:8px;padding:9px 10px;font-size:13px;display:grid}.line-items>div:first-child{border-top:0}.line-header{color:#667085;background:#fbfcfd;font-size:12px;font-weight:750}.summary-box{justify-content:end;gap:6px;font-size:13px;display:grid}.summary-box span{justify-content:space-between;gap:18px;min-width:220px;display:flex}.form-actions,.next-action{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.order-detail,.customer-profile{gap:16px;padding:16px;display:grid}.timeline{gap:8px;display:grid}.timeline-row{border-left:2px solid var(--teal);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0 8px 10px;display:grid}.timeline-row svg{color:var(--teal)}.timeline-row strong,.timeline-row span{display:block}.timeline-row strong{color:var(--navy);font-size:13px}.timeline-row span,.next-action span{color:var(--muted);font-size:12px}.next-action{justify-content:space-between;align-items:center;margin-top:16px}.dispatch-grid,.report-grid,.launchpad-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.dispatch-card{border:1px solid var(--border);background:#fff;border-radius:9px;gap:9px;padding:12px;display:grid}.dispatch-card>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.dispatch-card strong{color:var(--navy);font-size:14px}.dispatch-card span,.dispatch-card p{color:var(--muted);margin:0;font-size:13px}.dispatch-card dl{gap:6px;margin:0;display:grid}.dispatch-card dl div{justify-content:space-between;gap:10px;display:flex}.dispatch-card dt,.dispatch-card dd{margin:0;font-size:12px}.dispatch-card dt{color:var(--muted)}.dispatch-card dd{color:var(--navy);font-weight:700}.compact-tabs{border-bottom:0}.report-grid,.launchpad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-card,.module-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px}.report-card{gap:12px;padding:16px;display:grid}.report-card>strong{color:var(--navy);font-size:26px}.bar-chart{border-top:1px solid var(--border);align-items:end;gap:8px;height:116px;padding-top:14px;display:flex}.bar-item{flex:1;grid-template-rows:1fr auto;align-items:end;gap:6px;min-width:0;height:100%;display:grid}.bar-item span{background:var(--indigo);border-radius:5px 5px 0 0;flex:1;min-width:18px}.bar-item small{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.module-card{min-width:0;min-height:210px;color:var(--text);font:inherit;text-align:left;cursor:pointer;gap:14px;padding:16px;display:grid}.module-card.active{background:#fbfbff;border-color:#c7d2fe;grid-column:1/-1}.module-card.active .workflow-progress{width:100%}.module-card h2{margin-top:12px}.module-card p{color:var(--muted);margin:7px 0 0;font-size:14px}.preview-link{color:var(--indigo);align-self:end;font-size:13px;font-weight:750}.settings-form{gap:12px;display:grid}.readonly-form input,.readonly-form textarea{background:#fbfcfd}.checkbox-label{grid-template-columns:auto minmax(0,1fr);align-items:center}.checkbox-label input{width:16px;height:16px;accent-color:var(--indigo)}.login-screen{background:var(--app-bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);background:#fff;border-radius:12px;gap:16px;width:min(100%,520px);padding:24px;display:grid;box-shadow:0 18px 50px #10182814}.login-brand{min-height:auto;color:var(--navy);border-bottom:0;padding:0}.login-brand .brand-subtitle{color:var(--muted)}.login-panel h1{color:var(--navy);margin:6px 0 0;font-size:25px;line-height:1.18}.login-panel p,.muted-copy{color:var(--muted);margin:0;font-size:14px}.credential-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.credential-grid div,.empty-state,.error-box{border:1px solid var(--border);background:#fbfcfd;border-radius:8px;padding:10px}.credential-grid strong,.credential-grid span{font-size:12px;display:block}.credential-grid strong{color:var(--navy)}.credential-grid span{color:var(--muted);margin-top:3px}.error-box{color:#b42318;background:#fff1f1;border-color:#fecaca;font-size:13px;font-weight:650}.empty-state{color:var(--muted);font-size:13px}.toast{z-index:50;max-width:min(420px,100vw - 36px);color:var(--navy);background:#fff;border:1px solid #c7d2fe;border-radius:10px;padding:12px 14px;font-size:13px;font-weight:700;position:fixed;bottom:18px;right:18px;box-shadow:0 14px 38px #10182824}.row-actions{flex-wrap:wrap;gap:4px;display:flex}.quick-menu.inline{margin-top:0}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.preview-chain{padding:4px 0}.admin-shell .sidebar{transform:none}.mobile-nav,.sidebar-backdrop{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,input,select,textarea{transition:border-color .18s,box-shadow .18s,background .18s,color .18s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #4f46e559}@media (width<=1180px){.metric-grid,.metric-grid.four,.metric-grid.six{grid-template-columns:repeat(2,minmax(180px,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.75fr)}.right-rail{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.dispatch-grid{grid-template-columns:1fr}}@media (width<=900px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:25;background:#14213d59;border:0;display:block;position:fixed;inset:0}.mobile-close,.menu-button{display:inline-flex}.mobile-close{color:#fff;background:#ffffff0f;border-color:#ffffff24;margin-left:auto}.app-main{padding-left:0}.topbar{grid-template-columns:1fr auto;gap:10px;padding:0 14px}.global-search{order:3;grid-column:1/-1;margin-bottom:10px}.topbar-actions .quick-create{display:none}.content-shell{padding:18px 14px 86px}.page-header,.two-column,.report-grid,.launchpad-grid,.three-grid,.right-rail,.dashboard-grid{grid-template-columns:1fr}.page-header{display:grid}.filter-bar{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}.workflow-progress{grid-template-columns:repeat(7,minmax(168px,1fr))}.mobile-nav{z-index:24;border-top:1px solid var(--border);background:#fff;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-nav button{min-height:58px;color:var(--muted);font:inherit;background:0 0;border:0;place-items:center;gap:3px;font-size:11px;font-weight:700;display:grid}.mobile-nav button.active{color:var(--indigo)}}@media (width<=620px){.metric-grid,.metric-grid.four,.metric-grid.six,.filter-bar,.form-top,.address-row{grid-template-columns:1fr}.page-header h1{font-size:23px}.topbar{min-height:62px}.topbar-title strong{font-size:15px}.attention-button{display:none}.today-task,.attention-card,.timeline-row{grid-template-columns:auto minmax(0,1fr)}.task-meta,.today-task .status-badge,.attention-card .status-badge,.timeline-row .status-badge{grid-column:2;justify-items:start}.line-items{overflow-x:auto}.line-items>div{min-width:520px}.credential-grid{grid-template-columns:1fr}}