:root{--bg:#f5f7fa;--panel:#fff;--ink:#17243b;--muted:#718096;--border:#e5eaf0;--accent:#087f79;--navy:#15263c;--soft:#e6f5f1;--purple:#7561cc;--radius:14px;--shadow:0 3px 14px #17243b04;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:none;color:#045c59}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:14px;z-index:100}.skip-link:focus{top:12px}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:29px 18px 0;z-index:30}.wordmark{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:25px;font-weight:750;letter-spacing:-1.2px;padding:0 12px 27px}.pinwheel-mark{color:var(--accent);font-size:38px;font-weight:400}.wordmark-sub{display:block;font-size:8px;letter-spacing:1.8px;font-weight:600;color:var(--muted);margin-top:3px}.workspace{display:flex;align-items:center;gap:9px;padding:13px 10px;background:#f6f8fa;border:1px solid var(--border);border-radius:10px;margin-bottom:24px}.workspace-avatar{font-size:10px;font-weight:750;background:white;border:1px solid var(--border);padding:10px 6px;border-radius:8px;color:var(--accent)}.workspace strong{font-size:11px;display:block}.workspace span:not(.workspace-avatar):not(.workspace-dot){font-size:10px;display:block;color:var(--muted);margin-top:4px}.workspace-dot{width:6px;height:6px;border-radius:50%;background:#38a68d;margin-left:auto}.nav-caption{font-size:9px;letter-spacing:1.6px;font-weight:750;color:#96a2b3;margin:0 13px 13px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 13px;margin:4px 0;border-radius:8px;color:#66758a;font-size:12px;font-weight:550}.nav-link svg{width:18px;height:18px}.nav-link:hover{background:#f4f8f8;color:var(--accent)}.nav-link.active{background:var(--soft);color:var(--accent);font-weight:700}.sidebar-bottom{margin-top:auto;padding-top:30px}.user-card{display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);padding:19px 0 20px;margin-top:19px}.avatar{background:#eaf0f5;color:#4b6277;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.user-card strong{font-size:10px;display:block}.user-card a{font-size:9px;display:block;margin-top:4px;color:var(--muted)}.user-card form{margin-left:auto}.icon-button{border:0;color:var(--muted);background:transparent;padding:7px;display:grid;place-items:center;border-radius:6px}.icon-button:hover{background:#edf4f5}.app-shell{margin-left:238px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;gap:24px;align-items:center;justify-content:space-between;padding:0 36px}.topbar-location{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted);white-space:nowrap}.topbar-location strong{font-weight:600;color:var(--ink)}.slash{color:#ccd4de}.global-search{display:flex;gap:9px;align-items:center;max-width:330px;width:36%;color:#8b98aa;margin-left:auto}.global-search svg{width:16px;height:16px}.global-search input{border:0;background:transparent;width:100%;font-size:11px;outline:0;padding:12px 0}.topbar-date{font-size:11px;color:#77869a;white-space:nowrap}.mobile-menu{display:none}.main-content{max-width:1500px;margin:0 auto;padding:32px 36px 18px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:var(--accent);font-weight:700;margin:0 0 9px}h1{font-size:27px;letter-spacing:-.8px;font-weight:650;margin:0 0 8px}h2{font-size:15px;letter-spacing:-.2px;margin:0;font-weight:650}h3{font-size:13px;margin:0 0 12px}p{line-height:1.65}.subtitle{color:var(--muted);font-size:12px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);border:1px solid var(--accent);color:white;padding:11px 15px;border-radius:8px;font-size:11px;font-weight:600;white-space:nowrap}.button:hover{color:white;background:#076f6a}.button svg{width:16px;height:16px}.button.secondary{background:#fff;border-color:var(--border);color:#526176}.button.secondary:hover{border-color:#b5c5cd;background:#f8fafb}.button.danger{background:#fff5f5;border-color:#f0d6d6;color:#b34e4e}.button.small{padding:8px 12px;font-size:10px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#718096;font-size:11px;margin-bottom:13px}.stat-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#e8f4f1;color:var(--accent)}.stat-icon.blue{background:#eaf0fc;color:#5c83c9}.stat-icon.purple{background:#f0edfa;color:var(--purple)}.stat-icon.amber{background:#fff4e2;color:#c49240}.stat-icon svg{width:17px;height:17px}.stat-value{font-size:28px;font-weight:680;letter-spacing:-.8px}.stat-foot{color:#98a3b3;font-size:10px;margin-top:8px}.stat-foot strong{color:var(--accent);font-weight:550}.panel{background:white;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;border-bottom:1px solid #f0f3f6}.panel-head p{font-size:10px;margin:5px 0 0;color:var(--muted)}.panel-head a{font-size:10px;font-weight:600;display:flex;align-items:center;gap:6px}.panel-head a svg{width:14px;height:14px}.panel-body{padding:22px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:22px;margin-bottom:22px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:22px}.pipeline-item{padding:18px 13px;background:#f7f9fb;border:1px solid #edf1f4;border-radius:10px;color:var(--ink);position:relative}.pipeline-item:hover{background:#eef7f5;border-color:#c5e2dd}.pipeline-item strong{display:block;font-size:25px;font-weight:650;margin-bottom:9px}.pipeline-item span{color:#8190a2;font-size:10px}.pipeline-item i{display:block;width:7px;height:7px;background:#97a5b8;border-radius:50%;margin-bottom:17px}.pipeline-item.confirmed i{background:#588dcb}.pipeline-item.packed i{background:#a184d5}.pipeline-item.dispatched i{background:#3fa38b}.pipeline-caption{font-size:10px;color:#8f9bad;padding:0 22px 20px;margin:0}.brand-row{display:grid;grid-template-columns:1fr auto;gap:8px 10px;margin-bottom:20px}.brand-row:last-child{margin-bottom:0}.brand-label{display:flex;align-items:center;gap:9px;font-size:11px}.brand-dot{width:8px;height:8px;background:var(--accent);border-radius:50%}.brand-count{font-size:11px;font-weight:600}.brand-track{grid-column:1/-1;height:5px;background:#f0f3f6;border-radius:8px;overflow:hidden}.brand-fill{height:100%;background:var(--accent);border-radius:8px;min-width:0}.brand-row:nth-child(2) .brand-dot,.brand-row:nth-child(2) .brand-fill{background:#7989bf}.brand-row:nth-child(3) .brand-dot,.brand-row:nth-child(3) .brand-fill{background:#b28ace}.brand-row:nth-child(4) .brand-dot,.brand-row:nth-child(4) .brand-fill{background:#d7af6d}.empty-state{text-align:center;padding:38px 20px;color:var(--muted)}.empty-state .empty-icon{margin:0 auto 16px;background:#f1f6f6;color:#7da8a1;border-radius:14px;width:48px;height:48px;display:grid;place-items:center}.empty-state h3{font-size:14px;color:var(--ink);margin-bottom:6px}.empty-state p{font-size:11px;margin:0 0 18px}.readiness{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px}.readiness-box{padding:16px;background:#f8fafb;border-radius:10px;border:1px solid #edf1f4}.readiness-box strong{display:block;font-size:24px;font-weight:650;margin:8px 0}.readiness-box span{font-size:10px;color:var(--muted)}.readiness-note{padding:0 22px 22px;font-size:11px;color:#7e8b9d;line-height:1.7}.readiness-note a{font-weight:600}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;background:#fafbfd;font-size:9px;text-transform:uppercase;letter-spacing:.9px;color:#8b98aa;font-weight:650;padding:13px 22px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:16px 22px;border-bottom:1px solid #eff2f6;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfd}.table-title{font-weight:600;color:#35465c;display:block;max-width:400px}.table-sub{font-size:10px;color:#8d99a9;display:block;margin-top:4px}.sku{font-family:"Cascadia Code",Consolas,monospace;font-size:10px;color:var(--accent);font-weight:600}.numeric{text-align:right;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:600;background:#f0f3f7;color:#718096;white-space:nowrap}.pill.confirmed{background:#eaf1fb;color:#5983ba}.pill.packed{background:#f0ecfa;color:#8b6dbc}.pill.dispatched,.pill.healthy{background:#e7f5ee;color:#4b9678}.pill.cancelled,.pill.low{background:#fff0ed;color:#bc7065}.pill.brand{background:#eef5f6;color:#67888b}.toolbar{padding:17px 22px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border);flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:9px;flex:1;min-width:200px;border:1px solid var(--border);padding:0 11px;border-radius:7px;color:#8d9bab;background:white}.search-field svg{width:15px;height:15px}.search-field input{border:0;background:transparent;outline:none;padding:10px 0;width:100%;font-size:11px}.toolbar select{border:1px solid var(--border);border-radius:7px;padding:10px 12px;background:white;color:#69788a;font-size:11px}.toolbar-label{font-size:11px;color:#8b97a8}.pagination{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-top:1px solid var(--border);font-size:10px;color:#8b97a8}.pagination-links{display:flex;gap:8px;align-items:center}.brand-discounts{display:flex;flex-wrap:wrap;gap:5px}.brand-discounts .pill{font-size:8px}.footer{border-top:1px solid var(--border);margin-top:30px;padding:18px 0 0;font-size:9px;color:#a0aab7;display:flex;justify-content:space-between}.notice{padding:13px 17px;border:1px solid #c5e4d9;background:#ebf7f1;border-radius:8px;font-size:12px;color:#347c67;margin-bottom:20px}.notice.error{background:#fff3ef;color:#b96956;border-color:#f1d7ce}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-field{margin-bottom:17px}.form-field label{display:block;font-size:11px;font-weight:600;color:#526278;margin-bottom:8px}.form-field input,.form-field select,.form-field textarea{border:1px solid #dce4eb;background:#fff;border-radius:7px;padding:11px 12px;width:100%;color:var(--ink);font-size:12px}.form-field textarea{resize:vertical;line-height:1.6}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#71b7ac;outline:2px solid #def1ed}.form-field .helptext{display:block;font-size:10px;color:#93a0af;margin-top:6px}.errorlist{list-style:none;padding:0;margin:8px 0;color:#b65b50;font-size:11px}.form-section{padding:23px;border-bottom:1px solid var(--border)}.form-section:last-child{border-bottom:0}.form-section h2{margin-bottom:20px}.form-actions{padding:20px 23px;background:#fbfcfd;display:flex;gap:10px;align-items:center;justify-content:flex-end}.detail-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:22px}.detail-list{display:grid;grid-template-columns:150px 1fr;gap:16px;font-size:12px;line-height:1.6}.detail-list dt{color:#8a97a8}.detail-list dd{margin:0;font-weight:500}.sum-row{display:flex;justify-content:space-between;font-size:12px;margin:14px 0;color:#77869a}.sum-row.total{border-top:1px solid var(--border);padding-top:18px;margin-top:20px;color:var(--ink);font-size:17px;font-weight:650}.event{border-left:2px solid #dbeae6;padding:0 0 21px 17px;position:relative;margin-left:4px}.event:before{content:"";height:8px;width:8px;border-radius:50%;background:#79b1a2;position:absolute;left:-5px;top:3px}.event strong{font-size:11px;display:block}.event span{display:block;color:#95a1b0;font-size:10px;margin-top:6px}.cart-search{position:relative}.product-results{position:absolute;z-index:20;top:45px;left:0;right:0;background:white;border:1px solid var(--border);box-shadow:0 12px 30px #17243b18;border-radius:9px;max-height:300px;overflow:auto}.result-item{display:block;text-align:left;border:0;border-bottom:1px solid #edf1f5;padding:12px 15px;background:white;width:100%;color:var(--ink)}.result-item:hover{background:#edf7f3}.result-item strong{font-size:11px;display:block;font-weight:550}.result-item span{font-size:10px;color:#8d99aa;display:block;margin-top:5px}.cart-qty{width:70px;border:1px solid var(--border);border-radius:6px;padding:8px;font-size:11px}.cart-remove{border:0;color:#b57b71;background:transparent;font-size:19px}.cart-summary{padding:20px 22px;display:flex;justify-content:flex-end;gap:35px;align-items:center;border-top:1px solid var(--border);font-size:12px}.cart-summary strong{font-size:20px}.spaced{margin-top:22px}.muted{color:var(--muted)}.small-text{font-size:11px}.full-width{grid-column:1/-1}.test-label{color:#ba956a;font-size:9px;margin-left:6px}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#edf4f0,#f8fafc)}.login-box{width:420px;max-width:calc(100vw - 40px);background:white;border:1px solid var(--border);padding:36px;border-radius:18px;box-shadow:0 20px 70px #17243b0b}.login-box .wordmark{padding:0 0 32px}.login-box h1{font-size:23px}.login-box form{margin-top:25px}.login-box .button{width:100%;margin-top:8px}.login-foot{font-size:10px;color:#93a0ae;text-align:center;margin-top:22px}
.sidebar{overflow-y:auto}.sidebar-close{display:none;position:absolute;right:8px;top:10px;font-size:23px}.form-field input[type=checkbox]{width:auto;accent-color:var(--accent)}.stat-card{color:var(--ink)}.stat-card:hover .stat-value{color:var(--accent)}
@media(max-width:800px){.sidebar-close{display:grid}}
@media(min-width:1450px){.main-content{padding:38px 46px}.topbar{padding:0 46px}.stat-card{padding:24px}}@media(max-width:1100px){.sidebar{width:215px;padding-left:13px;padding-right:13px}.app-shell{margin-left:215px}.main-content{padding:25px 22px}.topbar{padding:0 22px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr)}.stat-card{padding:16px}.pipeline{gap:7px;padding:17px}.pipeline-item{padding:14px 10px}td,th{padding-left:17px;padding-right:17px}.topbar-date{display:none}.detail-grid{grid-template-columns:1fr}.stat-value{font-size:25px}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:0 0 50px #17243b15}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.mobile-menu{display:grid}.main-content{padding:23px 18px}.topbar{height:66px;padding:0 18px}.global-search{display:none}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}h1{font-size:24px}.page-heading .actions{justify-content:flex-end}.form-grid{grid-template-columns:1fr}.detail-list{grid-template-columns:110px 1fr}.footer span:last-child{display:none}.wordmark{padding-bottom:20px}.sidebar-bottom{padding-top:20px}}@media(max-width:430px){.page-heading{flex-direction:column;gap:14px}.topbar-location{gap:8px}.pipeline{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:24px}.stat-card{padding:14px}.readiness{padding:16px}.toolbar{padding:16px}.pagination{gap:10px;padding:16px}.pagination .pagination-links{gap:5px}.button{font-size:10px;padding:10px 12px}}
.customer-picker{position:relative}.customer-picker .product-results{top:78px;max-height:300px;overflow:auto;z-index:20}.result-item[aria-selected="true"]{background:#e8f4f2}.customer-details{margin-top:20px;padding:18px;background:#f1f8f7;border:1px solid #d7eae5;border-radius:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.customer-details[hidden]{display:none}.customer-details strong{display:block;font-size:12px;white-space:pre-wrap;font-weight:500;margin-top:6px}.customer-details>div:nth-last-child(-n+2){grid-column:span 1}#bulk-dialog{border:0;border-radius:16px;padding:0;width:min(1100px,94vw);max-height:90vh;box-shadow:0 24px 90px #10243944;color:var(--ink,#203044);overflow:auto}#bulk-dialog::backdrop{background:#14283b88;backdrop-filter:blur(3px)}.bulk-header{display:flex;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid #e4e9ee}.bulk-header h2{margin:4px 0 10px}.bulk-header p{margin:0;font-size:12px}.bulk-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 28px}.bulk-select-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:#f5f8fa;font-size:12px}.bulk-select-bar label{display:flex;align-items:center;gap:10px}.bulk-table{max-height:42vh;overflow:auto}.bulk-table thead{position:sticky;top:0;z-index:1;background:#f6f8fb}.bulk-table input[type=checkbox],.bulk-select-bar input{width:17px;height:17px;accent-color:#138278}.bulk-table td:nth-child(3){max-width:240px;font-size:11px;color:#667789}.bulk-footer{display:flex;align-items:center;gap:24px;padding:20px 28px;border-top:1px solid #e4e9ee}.bulk-footer .form-field{min-width:170px}.bulk-footer p{flex:1}.bulk-footer .button{flex-shrink:0}#bulk-error{margin:0 28px 20px}@media(max-width:800px){.bulk-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.bulk-header,.bulk-footer{padding:18px}.bulk-footer{flex-wrap:wrap;gap:14px}.bulk-footer p{min-width:150px}.bulk-select-bar{padding:12px 18px;flex-wrap:wrap}.customer-details{grid-template-columns:1fr 1fr}}@media(max-width:430px){.customer-details{grid-template-columns:1fr}.bulk-filters{grid-template-columns:1fr 1fr}.bulk-footer .button{width:100%}}
#bulk-dialog[open]{display:flex;flex-direction:column;height:min(760px,90vh);overflow:hidden}.bulk-header,.bulk-filters,.bulk-select-bar,.bulk-footer{flex-shrink:0}.bulk-table{flex:1;min-height:80px;max-height:none}.bulk-footer p{margin:0}.bulk-header{padding-top:20px;padding-bottom:20px}@media(max-height:550px){#bulk-dialog[open]{display:block;overflow:auto}.bulk-table{height:220px}}
.wordmark{flex-direction:column;align-items:flex-start;gap:8px;letter-spacing:normal}.brand-logo{display:block;width:176px;max-width:100%;height:68px;object-fit:contain;object-position:left center}.brand-workspace-label{font-size:8px;letter-spacing:1.8px;font-weight:600;color:var(--muted)}.login-box .brand-logo{width:210px;height:82px}
.brand-logo{height:96px}.login-box .brand-logo{height:112px}
.pill.pending{background:#e9edff;color:#4057b0}.pill.correction,.pill.revised{background:#fff0ce;color:#996811}.pill.revised{display:inline-block;margin-top:10px}.revised-row{background:#fffaf0}.revised-row td:first-child{border-left:4px solid #d7a32c}.pill.confirmed{background:#e3f4eb;color:#18784c}
.packing-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.packing-progress{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;margin-bottom:24px;background:#eaf5f1;border-radius:12px}.packing-progress span{font-size:12px;color:#426b61}.packing-scroll{max-height:440px;overflow:auto}.packing-columns input[type=number]{width:85px}.packing-columns td small{display:block;color:#71808e;margin-top:5px}.packing-columns .panel-head select{width:150px}.packing-columns .form-section{padding:0 20px 18px}.packing-columns .form-actions,.spaced .form-actions{padding:20px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.spaced{margin-top:24px}#packing-summary input{width:130px}a[aria-disabled=true]{opacity:.45;cursor:not-allowed}#packing-workspace [hidden]{display:none}@media(max-width:1050px){.packing-columns{grid-template-columns:1fr}.packing-progress{flex-direction:column;gap:8px}}
#packing-workspace input,#packing-workspace select{font:inherit;border:1px solid #dce5eb;border-radius:8px;padding:10px 12px;background:white;color:#25394b}#packing-workspace input:focus,#packing-workspace select:focus{outline:2px solid #a7d8cf;outline-offset:1px}#packing-search{width:100%}#packing-workspace button:disabled{opacity:.45;cursor:not-allowed}.packing-columns .form-section{padding-top:8px}

.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}

.staff-roles{grid-column:1 / -1}.staff-roles label{display:flex;align-items:center;gap:10px;margin:8px 0}.staff-roles input[type=checkbox]{width:18px;height:18px;flex:none}

.date-filter-control{display:flex;flex-direction:column;gap:4px}.date-filter-control label{font-size:11px;font-weight:600;color:var(--muted)}.toolbar:has(.date-filter-control){flex-wrap:wrap;align-items:flex-end}