@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.otf) format("opentype");font-weight:600 800;font-display:swap}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#293446;background:#f5f6f8;font-synthesis:none;font-size:13px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:#5676ad}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:20px;line-height:1.4;font-weight:650;letter-spacing:-.3px;margin-bottom:0}h2{font-size:14px;font-weight:600;line-height:1.5;margin-bottom:0}h3{font-size:13px;margin-bottom:15px}small{display:block;font-size:11px;color:#8a94a3;line-height:1.7}p{font-size:12px;line-height:1.7}strong{font-weight:600}input,select,textarea{border:1px solid #dfe4eb;border-radius:4px;background:#fff;color:#344054;height:36px;padding:0 10px;min-width:0;width:100%;font-size:12px;transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:2px solid #dde6f5;border-color:#829ac3}input:disabled{background:#f4f6f9;color:#7d8899}textarea{height:76px;padding:10px;resize:vertical;line-height:1.5}input[type=checkbox]{width:15px;height:15px;accent-color:#203764;padding:0;flex-shrink:0}select{padding-right:20px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th{text-transform:uppercase;font-size:10px;letter-spacing:.045em;font-weight:600;color:#6d7889;background:#f8fafc;padding:13px 18px;border-bottom:1px solid #e9edf2}td{padding:17px 18px;border-bottom:1px solid #edf0f4;vertical-align:middle;line-height:1.5;font-variant-numeric:tabular-nums}td strong{display:block;font-size:12px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8faff}tbody tr.clickable{cursor:pointer}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:208px;background:#203764;color:#c0cbe0;display:flex;flex-direction:column;z-index:40}.brand{display:block;font-size:16px;font-weight:650;line-height:1.3;color:#fff;padding:26px 28px 30px;letter-spacing:-.25px}.sidebar nav{display:flex;flex-direction:column;gap:3px;padding:0 12px}.sidebar nav a{padding:12px 14px;display:flex;gap:11px;align-items:center;border-radius:4px;font-size:12px;transition:background .15s}.sidebar nav a svg{opacity:.7}.sidebar nav a.active{background:#334b79;color:#fff}.sidebar nav a:hover{background:#304671;color:#fff}.sidebar-lower{margin-top:auto;padding:30px 0 0}.workspace-label{border-top:1px solid #3a4d71;margin:22px 20px 0;padding:20px 7px 22px;font-size:10px;letter-spacing:.1em;color:#fff}.workspace-label span{display:block;color:#94a7c7;font-size:10px;margin-top:5px;letter-spacing:0}.main-shell{margin-left:208px}.topbar{height:66px;background:#fff;border-bottom:1px solid #e7ebf1;display:flex;align-items:center;gap:22px;padding:0 29px;position:sticky;top:0;z-index:30}.company-switch{border:0;background:#fff;font-weight:550;width:115px;padding:0;height:32px}.global-search{height:32px;display:flex;align-items:center;border:1px solid #edf0f4;background:#fafbfd;padding:0 10px;gap:9px;width:320px;border-radius:4px;color:#98a0ae}.global-search input{background:transparent;border:0;padding:0;height:30px;font-size:11px;outline:0}.global-search kbd{font-size:10px;background:#f0f3f7;padding:0 4px;border-radius:2px;color:#a3aab6}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:20px}.profile-button{display:flex;align-items:center;gap:10px;border:0;background:none;text-align:left;font-size:11px;font-weight:550;padding:0}.profile-button small{font-size:10px;font-weight:400}.avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e9eef7;color:#203764;font-size:10px;font-weight:650}.icon{display:inline-flex;justify-content:center;align-items:center;border:0;background:none;padding:6px;border-radius:4px;color:#677386;flex-shrink:0}.icon:hover{background:#eaf0f8}.bell-button{position:relative}.bell-button b{position:absolute;width:6px;height:6px;right:6px;top:4px;border-radius:50%;background:#ef5a65;border:1px solid #fff}.content{max-width:1800px;margin:0 auto;padding:30px 30px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:16px;min-height:37px}.page-heading .actions{justify-content:flex-end}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;background:#fff;border:1px solid #dde3eb;border-radius:4px;padding:8px 13px;min-height:33px;color:#4e5a6e;font-size:11px;font-weight:550;white-space:nowrap;line-height:1.35;transition:background .15s}.btn:hover{background:#f4f7fb;border-color:#c6d0df}.btn.primary{background:#203764;color:#fff;border-color:#203764}.btn.primary:hover{background:#182d52}.btn.small{min-height:26px;padding:5px 9px;font-size:10px}.panel{background:#fff;border:1px solid #e8ecf2;border-radius:5px;margin-bottom:22px;min-width:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #edf0f4}.panel-body{padding:20px}.panel-body:has(>.table-scroll){padding:0}.panel-body:has(>.table-scroll)>:not(.table-scroll){padding:18px 20px}.panel-head+.panel-body .table-scroll:first-child{border-top:0}.table-scroll{overflow:auto}.panel-body>.tabs{padding:0 20px!important}.tabs{display:flex;gap:24px;align-items:center;border-bottom:1px solid #e9edf2;overflow-x:auto}.tabs>button{padding:16px 0 13px;background:transparent;border:0;border-bottom:2px solid transparent;font-size:11px;color:#6d7889;white-space:nowrap;display:flex;gap:5px;align-items:center}.tabs>button.active{color:#203764;border-bottom-color:#203764;font-weight:600}.tabs span{border-radius:3px;padding:0 4px;background:#f0f3f8;font-size:9px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;line-height:1.5;min-width:0;margin-bottom:17px;color:#657184}.field>span{font-weight:500}.field b{color:#cf4d55;font-size:11px;font-weight:400}.field small{margin-top:-2px}.filters{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;padding:17px 20px;border-bottom:1px solid #edf0f4;background:#fff}.filters .field{margin:0;min-width:126px;max-width:230px}.filters .field>span{font-size:10px;color:#8c95a4}.filters input,.filters select{height:32px}.filter-note{margin-left:auto;color:#8893a4;font-size:11px;padding-bottom:8px}.search-box{display:flex;align-items:center;gap:8px;height:32px;min-width:230px;color:#95a0b0;border:1px solid #e1e6ef;border-radius:4px;padding:0 10px}.search-box input{border:0;padding:0;outline:0;height:28px;font-size:11px}.push{margin-left:auto}.badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:550;line-height:1.3;white-space:nowrap;vertical-align:middle;letter-spacing:.01em}.badge.green{background:#e8f5ee;color:#247d50;border-color:#d6ece1}.badge.red{background:#fdeced;color:#d24a55;border-color:#f9dce0}.badge.blue{background:#edf2ff;color:#5476bf;border-color:#dce6fd}.badge.orange{background:#fff4df;color:#bc8429;border-color:#f7e8c7}.badge.gold{background:#fff7d9;color:#a4862d;border-color:#f4e9b4}.badge.purple{background:#f3edff;color:#8c65bf;border-color:#e7dff5}.badge.gray{background:#f0f3f7;color:#788398;border-color:#e6eaf0}.danger{color:#d75761!important}.green-text{color:#2e9a68}.orange-text{color:#ca963b}.navy{color:#203764}.muted{color:#909aab}.normal{font-weight:400}.inline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.row-actions{display:flex;align-items:center;gap:5px}.row-actions .icon{color:#3c7c69}.text-button{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:0;color:#334e7d;text-align:left;font-size:11px;line-height:1.6}.text-button:has(strong){display:block}.text-button:hover{text-decoration:underline}.wrap{white-space:normal;min-width:100px;max-width:350px}.table-footer{border-top:1px solid #edf0f4;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;color:#7c8798;font-size:11px}.table-footer strong{color:#3e4d64}.empty{padding:65px 20px;display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;color:#a2acba;font-size:12px;white-space:normal}.empty svg{stroke-width:1.3}.empty strong{color:#667387;font-weight:500}.empty p{margin:0;font-size:11px;color:#9aa4b4}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid .panel{margin:0}.span-two{grid-column:1/-1}.key-values{display:grid;grid-template-columns:1fr auto;gap:12px 20px;font-size:12px;margin:0 0 18px}.key-values dt{color:#8c96a5;font-size:11px}.key-values dd{margin:0;text-align:right;color:#44546b;font-variant-numeric:tabular-nums}.customer-banner{background:#fff;border:1px solid #e8ecf2;border-radius:5px;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px;margin-bottom:22px}.customer-banner h1{font-size:17px}.customer-banner p{font-size:11px;color:#8893a3;margin:8px 0 0}.list-row{display:flex;width:100%;gap:13px;align-items:center;padding:14px 0;background:none;border:0;border-bottom:1px solid #f0f2f6;text-align:left;font-size:11px}.list-row:last-child{border-bottom:0}.list-row small:last-child{margin-left:auto}.list-row>strong:last-child{margin-left:auto}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin-bottom:22px}.metric{padding:19px 22px;background:#fff;border:1px solid #e8ecf2;border-radius:5px;font-variant-numeric:tabular-nums}.metric>span{font-size:10px;color:#8a94a6;display:block}.metric>strong{font-size:23px;font-weight:500;display:block;margin-top:9px;color:#354967}.rating{font-size:44px;font-weight:600;color:#304b78;line-height:1.4}.rating span{font-size:15px;color:#8a95a7;margin-left:6px}.notice{background:#f0f4fb;border:1px solid #dee7f6;color:#637696;font-size:12px;line-height:1.7;padding:13px 16px;border-radius:4px;margin:0 0 20px}.notice.warning{background:#fff8ea;border-color:#f0e4c8;color:#ad8949}.section-divider{border-top:1px solid #edf0f4;margin:23px 0}.link-list{display:flex;flex-direction:column}.link-list button{padding:14px 0;background:none;border:0;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;font-size:12px;text-align:left}.sync-banner{background:#fff;border:1px solid #e4eaf3;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:20px;border-radius:5px;margin-bottom:20px;font-size:12px}.sync-banner>span{margin-left:auto;color:#7c889b;font-size:11px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.toolbar.wrap{flex-wrap:wrap;max-width:none}.colour{display:inline-flex;gap:6px;align-items:center}.colour i{width:8px;height:8px;border-radius:50%;border:1px solid #0001}.progress{display:flex;align-items:center;gap:8px;min-width:90px}.progress>div{width:70px;background:#edf1f6;height:4px;border-radius:4px;overflow:hidden}.progress>div>span{display:block;height:100%;background:#497aa9}.progress small{font-size:10px}.order-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.order-summary h2{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.order-summary p{font-size:11px;color:#6b788b;margin:15px 0 4px}.order-flow{display:flex;justify-content:space-around;margin-top:35px;padding:25px 0 5px;border-top:1px solid #edf0f4}.order-flow>div{position:relative;text-align:center;flex:1}.order-flow>div:after{content:"";height:2px;background:#e4e9f0;position:absolute;left:calc(50% + 19px);right:calc(-50% + 19px);top:13px}.order-flow>div.done:after{background:#53b89d}.order-flow>div:last-child:after{display:none}.order-flow span{width:27px;height:27px;border:3px solid #f5f6f8;background:#e4e9f0;color:#8a96a8;display:inline-flex;border-radius:50%;align-items:center;justify-content:center;font-size:10px}.order-flow .done span{background:#43ab8b;color:#fff}.order-flow small{font-size:9px;max-width:80px;margin:9px auto 0;line-height:1.4}.order-grid{grid-template-columns:minmax(0,3fr) minmax(240px,1fr)}.history>div{display:flex;gap:13px;position:relative;padding:0 0 23px}.history i{width:7px;height:7px;border-radius:50%;background:#92abc9;flex-shrink:0;margin-top:5px;z-index:1}.history>div:before{position:absolute;content:"";width:1px;background:#e3eaf2;top:11px;bottom:-1px;left:3px}.history>div:last-child:before{display:none}.history strong{font-size:11px;display:block;font-weight:500}.history small{font-size:10px;margin-top:3px}.checklist-row{display:flex;gap:14px;align-items:flex-start;padding:20px 0;border-bottom:1px solid #edf0f4}.checklist-row>div{flex:1}.checklist-row strong{font-size:12px}.checklist-row:last-of-type{margin-bottom:17px}.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.kanban-card{background:#fff;border:1px solid #e4eaf2;border-radius:4px;padding:16px;text-align:left}.kanban-card strong{display:block;margin-bottom:5px;font-size:12px}.kanban-card .inline{margin-top:17px}.report-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.report-links button{padding:16px;background:#fff;border:1px solid #e3e9f1;border-radius:4px;display:flex;align-items:center;gap:10px;text-align:left;font-size:11px}.report-links svg{color:#8294af;flex-shrink:0}.report-links svg:last-child{margin-left:auto}.report-links .selected{border-color:#8eabd3;background:#f9fbff}.back-link{display:flex;align-items:center;gap:5px;border:0;background:none;font-size:10px;color:#8d99ab;padding:0;margin-bottom:8px}.page-footer{display:flex;justify-content:space-between;padding:25px 0 17px;margin-top:18px;font-size:9px;color:#a1aab8}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f6f8;padding:30px}.login-card{background:#fff;padding:35px 30px;width:340px;border:1px solid #eef1f5;border-radius:4px}.login-card h1{text-align:center;font-size:16px;margin-bottom:30px;font-weight:600}.login-card .btn{width:100%;margin-top:6px}.login-help{text-align:center;font-size:10px;color:#3e587b;margin:19px 0 0}.login-help span{font-size:9px;color:#a3acb9}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;gap:13px;color:#8390a3;font-size:13px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#19233355;display:flex;align-items:center;justify-content:center;z-index:100;padding:30px;overflow:auto}.modal{background:#fff;border:1px solid #e1e6ee;border-radius:6px;width:540px;max-width:100%;max-height:calc(100dvh - 60px);display:flex;flex-direction:column;box-shadow:0 12px 40px #12234318}.modal.wide{width:830px}.modal>header{padding:20px 24px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal>form{min-height:0;display:flex;flex-direction:column}.modal-body{padding:24px;overflow:auto}.modal>form>.modal-body{min-height:0}.modal footer{padding:15px 24px;border-top:1px solid #edf0f4;display:flex;justify-content:flex-end;gap:9px;flex-shrink:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.form-grid .field:only-child{grid-column:1/-1}.form-grid>p{margin-top:8px}.checkbox{display:flex;gap:8px;align-items:center;font-size:11px;color:#6f7d90}.order-lines{border-top:1px solid #e8edf4;padding-top:20px}.order-line{display:grid;grid-template-columns:minmax(150px,3fr) 1fr 1fr 24px;gap:10px;align-items:center;border-bottom:1px solid #edf0f4;margin-bottom:18px}.order-line .field{margin-bottom:5px}.order-line .stock-hint{grid-column:1/-1;font-size:10px;margin-bottom:15px;color:#99a4b5}.order-lines .table-footer{margin-top:20px;padding:15px 0 0}.checklist-editor{background:#fafbfd;border:1px solid #e8edf4;border-radius:4px;padding:15px;margin-bottom:13px}.checklist-editor .field{margin-bottom:12px}.checklist-editor .inline{justify-content:space-between}.error{background:#fff1f2;border:1px solid #f5d7dc;color:#b84958;border-radius:4px;padding:12px 14px;font-size:12px;line-height:1.6}.error.banner{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.toast{position:fixed;right:25px;bottom:25px;z-index:110;display:flex;align-items:center;gap:12px;max-width:450px;padding:17px 18px;background:#fff;border:1px solid #dfe9e5;border-left:3px solid #51a77a;border-radius:5px;box-shadow:0 4px 20px #1c304517;font-size:12px;color:#5a6a62}.toast svg{color:#51a77a}.training{padding:8px 13px;background:#fff7e4;color:#9a7c43;border:1px solid #f4e6c8;font-size:10px;border-radius:4px;margin-bottom:20px}.notification-popover{position:absolute;right:28px;top:58px;width:380px;max-height:70vh;overflow:auto;background:#fff;border:1px solid #e0e7f1;border-radius:5px;box-shadow:0 10px 30px #1c304519}.notification{display:block;text-align:left;width:100%;padding:16px 20px;border:0;border-bottom:1px solid #edf0f4;background:#fff;font-size:12px;line-height:1.5}.notification.unread{background:#f4f7fd}.notification small{margin-top:5px}.bill-popover{padding:10px;border:1px solid #e4eaf3;margin-top:10px;min-width:260px;background:#fafcff}.bill-popover p{font-size:10px;margin:3px 0}.mobile-menu{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.sidebar{width:230px}.main-shell{margin-left:230px}.content{padding:36px 42px 0}.brand{padding:32px 30px}.sidebar nav a{padding:13px 17px}.topbar{padding:0 42px}.panel-head{padding:20px 23px}td{padding:19px 20px}}@media(max-width:1150px){.sidebar{width:180px}.main-shell{margin-left:180px}.brand{padding:25px 22px}.sidebar nav a{font-size:11px;padding:12px 9px}.content{padding:24px 20px 0}.topbar{padding:0 20px;gap:15px}.global-search{width:250px}.topbar-right{gap:13px}.report-links{grid-template-columns:repeat(2,1fr)}.order-grid{grid-template-columns:minmax(0,1fr)}.order-flow small{font-size:8px}.sync-banner{flex-wrap:wrap;gap:14px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:220px}.menu-open .sidebar{transform:translate(0)}.main-shell{margin-left:0}.menu-shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a172c66;z-index:39}.mobile-menu{display:flex}.topbar{height:58px;padding:0 14px;gap:9px}.company-switch{width:105px;font-size:11px}.global-search{display:none}.topbar-right{gap:10px}.profile-button>span:last-child{display:none}.avatar{width:26px;height:26px}.content{padding:21px 14px 0}.page-heading{align-items:flex-start;margin-bottom:18px;gap:10px}.page-heading h1{font-size:17px}.page-heading .actions{gap:6px}.page-heading .actions .btn{font-size:10px;padding:7px 9px}.page-heading .actions a:has(svg){font-size:0;padding:7px}.page-heading .actions a:has(svg) svg{width:14px;height:14px}.grid.two{grid-template-columns:minmax(0,1fr)}.metrics{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:15px}.metric>strong{font-size:21px}.panel{margin-bottom:17px}.panel-head{padding:15px}.panel-body{padding:16px}.panel-body:has(>.table-scroll)>:not(.table-scroll){padding:15px}.filters{gap:10px;padding:15px;align-items:center}.filters .field{min-width:100px;max-width:160px;flex:1}.filters .field>span{font-size:9px}.search-box{width:100%;flex-basis:100%}.filter-note{display:none}.tabs{gap:20px}.customer-banner{flex-direction:column;align-items:flex-start;padding:18px}.customer-banner .actions{width:100%;gap:6px}.customer-banner h1{font-size:16px}.customer-banner p{font-size:10px}.sync-banner{padding:16px}.sync-banner>span{margin-left:0;width:100%}.order-summary{flex-direction:column}.order-summary h2{gap:9px;font-size:12px}.order-summary .actions{width:100%}.order-flow{overflow:auto;justify-content:flex-start;gap:0;min-width:0;padding-top:20px}.order-flow>div{min-width:75px}.order-grid{gap:16px}.order-flow small{font-size:8px}.report-links{gap:9px}.report-links button{padding:12px;font-size:10px}.report-links button>svg:first-child{display:none}.toolbar{flex-wrap:wrap;gap:9px}.toolbar .push{margin-left:0}.backdrop{padding:14px}.modal{max-height:calc(100dvh - 28px)}.modal>header{padding:16px 18px}.modal-body{padding:18px}.form-grid{gap:0 12px}.form-grid>.field{grid-column:1/-1}.order-line{grid-template-columns:2fr 1fr 1fr 20px}.order-line .field{grid-column:auto}.order-line .field:first-child{grid-column:1/-1}.order-line .stock-hint{font-size:9px}.form-grid .form-grid{grid-template-columns:1fr}.checklist-editor .field{grid-column:auto}.toast{bottom:15px;right:14px;left:14px;font-size:11px;padding:13px;max-width:none}.notification-popover{right:10px;top:53px;width:calc(100vw - 20px)}.page-footer{padding-top:20px}.login-card{width:330px;padding:30px 26px}.key-values{font-size:11px;gap:11px}.page-heading:has(.back-link){align-items:center}.training{font-size:9px;line-height:1.5}}html,body{max-width:100%;overflow-x:clip}.attachments{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.attachments label{cursor:pointer}tbody tr.automatic-row{background:#fff4d6}tbody tr.automatic-row:hover{background:#fff6d7}tbody tr.overdue-row>td{color:#bb6970}