*{box-sizing:border-box}body{color:#163451;background:#f4f7fb;margin:0;font:14px system-ui,sans-serif}a{color:#245880}button,input,select,textarea{font:inherit}button,.btn{color:#163f65;cursor:pointer;background:#fff;border:1px solid #cfdae7;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:wait}.primary:hover{background:#225785}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #00b5bf}.brand{letter-spacing:1px;font-size:23px;font-weight:850}.brand em{color:#e96b76;font-style:normal}.brand small{letter-spacing:2px;margin-left:8px;font-size:11px}.landing{color:#fff;background:linear-gradient(120deg,#102d50,#004a69 70%,#00818a);flex-direction:column;min-height:100svh;padding:45px max(25px,50vw - 575px);display:flex}.landing h1{letter-spacing:-1.7px;max-width:850px;margin:65px 0 24px;font-size:clamp(36px,6vw,60px);line-height:1.15}.landing p{color:#bad5e5;max-width:670px;font-size:19px;line-height:1.6}.landing .btn{background:#e9f4fc;width:max-content;margin-top:18px;padding:14px 28px}.features{grid-template-columns:repeat(3,1fr);gap:16px;margin:50px 0;display:grid}.feature{background:#ffffff09;border:1px solid #ffffff26;border-radius:12px;gap:14px;padding:22px;font-size:16px;display:flex}.feature span{color:#21c4cc}.landing footer{color:#adcbdc;margin-top:auto;font-size:13px}.authwrap{grid-template-columns:1fr 1fr;min-height:100svh;display:grid}.authside{color:#fff;background:linear-gradient(135deg,#0d2d51,#006e7d);flex-direction:column;justify-content:center;padding:50px;display:flex}.authside h1{letter-spacing:-1px;max-width:470px;font-size:42px;line-height:1.15}.authside p{color:#bcd7e3;max-width:400px;font-size:17px;line-height:1.7}.authmain{justify-content:center;align-items:center;padding:45px;display:flex}.authcard{width:100%;max-width:400px}.authcard h2{letter-spacing:-.7px;margin-bottom:8px;font-size:28px}.muted{color:#718297;line-height:1.65}.authcard label{margin-top:20px}.authcard button[type=submit]{width:100%;margin-top:24px}.authlinks{justify-content:space-between;gap:15px;margin:22px 0;display:flex}.linkbutton{color:#2b658e;text-align:left;background:0 0;border:0;padding:0;font-size:13px}label{color:#657b92;gap:8px;font-size:12px;display:grid}input,select,textarea{color:#173d60;background:#fff;border:1px solid #cdd9e6;border-radius:6px;width:100%;padding:11px 12px}.msg{color:#89621e;background:#fff2d8;border-radius:7px;margin:16px 0;padding:13px 15px;line-height:1.65}.msg.error{color:#aa3e48;background:#ffeded}.msg.good{color:#2c7854;background:#e7f5ed}.shell{max-width:1250px;margin:auto;padding:25px}.top{border-bottom:1px solid #dce5ef;justify-content:space-between;align-items:center;gap:20px;padding-bottom:23px;display:flex}.user{align-items:center;gap:12px;display:flex}.user span{color:#74849a;font-size:12px}.welcome{color:#fff;background:#143e66;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin:28px 0;padding:30px;display:flex}.welcome h1{letter-spacing:-.7px;margin:0 0 9px;font-size:29px}.welcome p{color:#bad1e4;margin:0;line-height:1.6}.cards{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px;display:grid}.card{color:#718499;background:#fff;border:1px solid #dfe7f0;border-radius:10px;padding:23px}.card strong{color:#173d62;margin-top:10px;font-size:30px;display:block}.tools{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;display:flex}.tools input{flex:1;min-width:180px}.tools select{width:auto}.order{background:#fff;border:1px solid #dee7f0;border-radius:12px;margin:16px 0;overflow:hidden}.orderhead{justify-content:space-between;align-items:center;gap:15px;padding:22px;display:flex}.order h3{margin:0 0 9px;font-size:17px}.order small{color:#8191a4;margin-top:6px;display:block}.badge{color:#936821;white-space:nowrap;background:#fff1d8;border-radius:5px;margin-left:8px;padding:5px 8px;font-size:11px;font-weight:500}.badge.green{color:#2c7a51;background:#e6f5eb}.orderactions{gap:8px;display:flex}.progress{background:#eaf0f7;border-radius:5px;height:5px;margin:12px 0}.progress i{background:#39a28b;border-radius:5px;height:100%;display:block}.scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid #eaf0f5;padding:14px}th{color:#7b8ca0;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;font-size:11px}td{font-size:13px}.note{color:#56718c;background:#eef5fa;border-radius:7px;margin-top:17px;padding:14px}.empty{text-align:center;color:#7c8da1;background:#fff;border-radius:10px;padding:45px}.tabs{flex-wrap:wrap;gap:8px;margin:25px 0;display:flex}.tabs .selected{color:#fff;background:#183f68}.panel{background:#fff;border:1px solid #dfe7ef;border-radius:12px;margin:20px 0;padding:24px}.panel h2{margin:0 0 20px;font-size:22px}.grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.itemgrid{grid-template-columns:2fr 1fr 1fr;gap:12px;display:grid}.item{background:#f8fafc;border:1px solid #d9e4ef;border-radius:9px;margin:15px 0;padding:17px}.itemhead{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.wide{grid-column:1/-1}.actions{justify-content:flex-end;gap:10px;margin:20px 0 0;display:flex}dialog{color:#193c5c;border:0;border-radius:14px;width:95vw;max-width:1050px;max-height:90vh;padding:28px;box-shadow:0 25px 90px #102d4b55}dialog::backdrop{background:#0d294d88}dialog h2{margin:0 0 20px}.foot{color:#8192a4;margin:30px 0 10px;font-size:12px}#toast{color:#fff;z-index:10;background:#153e65;border-radius:8px;max-width:90vw;padding:15px 22px;display:none;position:fixed;bottom:22px;right:22px}.danger{color:#b0444f;border-color:#e2bdc3}details>summary{cursor:pointer}.adminbar{justify-content:space-between;align-items:center;gap:15px;display:flex}.mini{font-size:12px}.spaced{margin-top:18px}@media (width<=750px){.authwrap{grid-template-columns:1fr}.authside{padding:28px}.authside h1{margin-bottom:0;font-size:29px}.authside p{display:none}.authmain{padding:28px}.landing h1{margin-top:45px}.features{grid-template-columns:1fr;margin:35px 0}.shell{padding:16px}.top,.welcome,.orderhead{flex-wrap:wrap}.welcome{padding:23px}.welcome h1{font-size:25px}.grid,.itemgrid{grid-template-columns:1fr}.wide{grid-column:auto}.cards{gap:8px}.card{padding:15px;font-size:12px}.orderactions{flex-wrap:wrap}.user span{overflow-wrap:anywhere;max-width:170px}.feature{padding:16px}.landing footer{line-height:1.8}}body{color:#08214b;background:linear-gradient(135deg,#f0f3f6,#f9fafb);font-family:Arial,Helvetica,sans-serif}.shell{max-width:1320px;padding:0 34px 30px}.top{background:#fff;border:0;min-height:135px;margin:0 -34px;padding:10px 34px;box-shadow:0 5px 20px #10274706}.brand{background:#fff;border-radius:8px;flex-shrink:0;width:260px;height:150px;display:block;position:relative;overflow:hidden}.brand img{object-fit:contain;width:260px;max-width:none;height:260px;position:absolute;top:-32px;left:0}.top .brand{width:230px;height:120px}.top .brand img{width:230px;height:230px;top:-29px}.user button{font-size:12px}.user span{color:#526075}.clientnav{border-bottom:1px solid #e0e6ed;align-items:center;gap:30px;margin:20px 0 0;display:flex}.clientnav button,.clientnav a{color:#112b53;background:0 0;border:0;border-radius:0;padding:16px 6px;font-size:14px;font-weight:600;text-decoration:none}.clientnav .active{border-bottom:3px solid #dc263b}.welcome{color:#0b244e;background:0 0;border-radius:0;margin:30px 0 24px;padding:8px 0 0}.welcome h1{letter-spacing:-1.4px;margin-bottom:8px;font-size:43px}.welcome p{color:#536075;font-size:18px;line-height:1.6}.greeting{color:#294360;font-size:14px}.welcome button{box-shadow:0 3px 12px #112b5306}.cards{gap:20px;margin-top:20px}.card{color:#425067;border:1px solid #e9edf1;border-radius:12px;align-items:center;gap:20px;min-height:132px;padding:24px;font-size:16px;display:flex;box-shadow:0 6px 22px #152f4a05}.card strong{color:#091f43;letter-spacing:-1px;margin:0 0 8px;font-size:38px;line-height:1.1}.card:last-child strong{font-size:27px}.metricicon{border-radius:50%;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid}.metricicon svg{width:36px;height:36px}.blue{color:#123f8b;background:#e7f2ff}.amber{color:#e89b11;background:#fff3d9}.mint{color:#08755c;background:#e3f4ec}.order{border-color:#e9edf1;border-radius:12px;margin:20px 0;box-shadow:0 8px 24px #142f4c05}.orderhead{padding:24px}.order h3{color:#0c2856;font-size:21px}.order small{color:#637184}.progress{max-width:430px;height:4px}.detail{padding:0 24px 24px}.detail .scroll{border:1px solid #e8ecf0;border-radius:8px;margin:12px 0 18px}th{color:#41516a;text-transform:none;letter-spacing:0;background:#edf1f5;padding:16px;font-size:12px}td{color:#1e304d;padding:18px 16px;font-size:14px}tbody tr:nth-child(2n){background:#fafbfd}td:first-child{min-width:220px}td small{font-size:11px}.status{white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:inline-flex}.status i{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.delivered{color:#08724e;background:#e0f3e8}.supplier{color:#af2334;background:#ffe6e9}.preparing{color:#a36503;background:#fff0ce}.detailactions{justify-content:center;gap:16px;margin:26px 0 0;display:flex}.detailactions>*{min-width:225px;padding:13px 22px}.primary{color:#fff;background:#082b60;border-color:#082b60}.tools{margin:25px 0 15px}.tools input{max-width:620px}.foot{text-align:center;color:#738092;border-top:1px solid #e0e5eb;padding-top:22px}.landing{color:#0a2552;background:linear-gradient(135deg,#f2f5f8,#fff);padding-top:24px}.landing h1{margin-top:35px}.landing p{color:#5c6d80}.landing .feature{color:#193b61;background:#fff;border-color:#e1e8ef;box-shadow:0 8px 24px #14315405}.landing footer{color:#65778b}.landing .btn{color:#fff;background:#092d60}.authside{color:#0b2855;background:#eff3f7}.authside p{color:#65768a}.authside .brand{margin-bottom:15px}.authmain{background:#fff}.authcard{padding:25px 0}.panel{box-shadow:0 5px 20px #16314d04}@media (width<=750px){.shell{padding:0 16px 24px}.top{gap:8px;min-height:104px;margin:0 -16px;padding:8px 16px}.top .brand{width:170px;height:96px}.top .brand img{width:170px;height:170px;top:-20px}.user{flex-direction:column;align-items:flex-end;gap:6px}.user span{max-width:150px;font-size:10px}.user button{padding:7px 10px}.clientnav{justify-content:space-between;gap:10px;margin-top:6px}.clientnav button,.clientnav a{padding:14px 0;font-size:11px}.welcome{margin:24px 0 20px}.welcome h1{font-size:32px}.welcome p{font-size:15px}.welcome>button{display:none}.cards{gap:8px}.card{text-align:center;flex-direction:column;gap:10px;min-width:0;min-height:160px;padding:14px 6px;font-size:11px;line-height:1.5}.card strong{margin-bottom:3px;font-size:28px}.card:last-child strong{font-size:18px}.metricicon{width:48px;height:48px}.metricicon svg{width:26px;height:26px}.orderhead{padding:18px}.order h3{font-size:18px}.detail{padding:0 14px 18px}.detailactions{flex-direction:column;gap:10px}.detailactions>*{width:100%;min-width:0}.status{padding:7px;font-size:11px}.badge{margin:8px 0 0 8px;display:inline-block}.tools{gap:8px}.tools input{flex-basis:100%}.tools select{flex:1;max-width:100%}.tools button{padding:10px 12px}.authside .brand{height:125px}.authside{padding:20px 28px}.landing .brand{width:230px;height:135px}.landing .brand img{width:230px;height:230px;top:-25px}.landing h1{margin-top:25px;font-size:37px}.orderactions button{font-size:12px}.detail table{min-width:720px}.foot{font-size:11px}}.advisorcard{background:#f9fbfd;border:1px solid #e2e9ef;border-radius:12px;margin:16px 0;padding:22px}.advisorcard h3{margin:12px 0;font-size:22px}.advisorcard>small{color:#64758a}.advisorlinks{justify-items:start;gap:10px;display:grid}.advisorlinks .btn{min-width:210px}#advisorcontact{max-width:640px}.clientnav button.active{border-bottom:3px solid #dc263b}.ocdates{color:#173f65;flex-wrap:wrap;gap:12px 32px;margin:15px 0;font-size:13px;display:flex}.ocdates span{gap:5px;display:grid}.ocdates b{letter-spacing:.5px;text-transform:uppercase;color:#79889a;font-size:10px;font-weight:600}.salesfields{background:#f6fafc;border:1px solid #dce7ef;border-radius:10px;margin:24px 0;padding:20px}.salesfields legend{color:#163f65;padding:0 8px;font-size:14px;font-weight:700}.salesfields small{color:#748396;line-height:1.6}input:disabled,select:disabled{color:#718297;background:#edf1f5}@media (width<=750px){.ocdates{gap:12px;font-size:12px}.salesfields{padding:15px}}dialog.ordercapture{color:#0b244b;background:#f5f7fa;border-radius:14px;width:calc(100vw - 40px);max-width:1460px;max-height:calc(100dvh - 36px);padding:0;box-shadow:0 18px 90px #19384d30}dialog.ordercapture::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#dfe6edeb}.editorbrandbar{background:#fff;border-bottom:1px solid #e8edf2;align-items:center;gap:20px;min-height:96px;padding:0 24px;display:flex}.editorbrandbar .brand{width:180px;height:96px;margin:0}.editorbrandbar .brand img{width:180px;height:180px;top:-23px}.editortagline{color:#748096;border-left:1px solid #e0e5eb;padding-left:22px;font-size:12px}.editoruser{color:#253b58;margin-left:auto;font-size:12px}.editorbrandbar>button{color:#65748a;background:#f3f6f9;border:0;min-width:40px;padding:8px 12px;font-size:23px}.captureintro{padding:24px 28px 20px}.captureintro h2{letter-spacing:-1px;color:#0c2852;margin:0 0 7px;font-size:32px}.captureintro p{color:#6e7d91;margin:0;font-size:15px;line-height:1.6}#orderform{padding:0 24px 24px}.capturepanels{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.capturepanel{background:#fff;border:1px solid #e2e8ef;border-radius:12px;padding:22px}.capturepanel h3{letter-spacing:-.4px;color:#102d55;margin:0 0 20px;font-size:20px}.capturepanel label{color:#243c5b;flex-direction:column;gap:8px;font-size:12px;line-height:1.4;display:flex;position:relative}.capturepanel label .requiredmark{font-size:12px;position:absolute;top:0;right:0}.requiredmark{color:#cf4054}.capturepanel small{color:#79879b;font-size:11px;line-height:1.6}.capturepanel input,.capturepanel select,.capturepanel textarea{color:#203952;border-color:#d7e0e9;border-radius:7px;min-height:42px;padding:10px 12px;font-size:13px;box-shadow:0 1px 2px #112b5003}.capturepanel input:focus,.capturepanel select:focus,.capturepanel textarea:focus{outline-offset:1px;outline:2px solid #64b8bf}.capturepanel .grid{gap:18px 20px}.captureproducts{padding-bottom:0}.productstitle{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.productstitle h3{margin:0}.productstitle>button{color:#167783;background:#fff;border-color:#68aab1;padding:9px 15px;font-size:12px}.capturetablescroll{border:1px solid #e0e6ed;border-radius:8px;overflow:auto}.capturetable{table-layout:fixed;min-width:700px}.capturetable th{color:#233d5b;text-transform:none;background:#edf1f5;padding:11px 12px;font-size:12px;font-weight:600}.capturetable th:first-child{width:19%}.capturetable th:nth-child(2){width:43%}.capturetable th:nth-child(3){width:11%}.capturetable th:nth-child(4){width:18%}.capturetable th:last-child{width:9%}.capturetable th:nth-last-child(2):nth-child(5){width:320px}.capturetable:has(td.operationalcell:not([hidden])){table-layout:auto}.capturetable td{vertical-align:top;min-width:0;padding:10px 12px}.capturetable .item{background:#fff;border:0;border-bottom:1px solid #e5ebf0;border-radius:0;margin:0;padding:0}.capturetable .item:last-child{border-bottom:0}.capturetable input{width:100%;min-width:0;box-shadow:none;background:#fff}.capturetable td:first-child input,.capturetable td:nth-child(2) input,.capturetable td:nth-child(3) input{background:0 0;border-color:#0000;padding-left:0}.capturetable td input:hover,.capturetable td input:focus{background:#fff;border-color:#d5e0ea}.capturetable .savedquantities{margin-top:5px;font-size:10px;display:block}.capturetable [hidden]{display:none!important}.operationalfields{grid-template-columns:72px 145px 135px;gap:8px;display:grid}.operationalfields label{font-size:10px}.operationalfields input,.operationalfields select{padding:8px;font-size:11px}.removecell{text-align:center}.removecell>button{color:#7e8c9d;border:0;min-height:40px;padding:10px 8px}.removecell>button:hover{color:#af3c4a;background:#fff0f2}.saveditemmark{color:#8b98a7;padding:14px 0;font-size:9px;display:inline-block}.capturehint{color:#194570;background:#eaf4fe;border-radius:8px;align-items:flex-start;gap:13px;margin:18px 0 0;padding:13px 16px;display:flex}.capturehint>span{font-size:21px;line-height:1.2}.capturehint p{margin:0;font-size:12px;line-height:1.6}.capturefooter{background:#fff;border-top:1px solid #edf1f4;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:17px 0;display:flex}.capturefooter>span{color:#8a96a6;font-size:11px}.capturefooter .actions{margin:0}.capturefooter button{min-width:110px;padding:12px 18px;font-size:12px}.capturefooter .primary{color:#fff;background:#0b3565;border-color:#0b3565;min-width:155px}.capturenote textarea{resize:vertical;min-height:75px}@media (width<=800px){dialog.ordercapture{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.editorbrandbar{gap:10px;min-height:75px;padding:0 16px}.editorbrandbar .brand{width:135px;height:76px}.editorbrandbar .brand img{width:135px;height:135px;top:-16px}.editortagline{display:none}.editoruser{max-width:130px;font-size:10px}.captureintro{padding:22px 16px 18px}.captureintro h2{font-size:26px}.captureintro p{font-size:13px}#orderform{padding:0 12px 16px}.capturepanels{grid-template-columns:1fr;gap:12px}.capturepanel{padding:18px 16px}.capturepanel h3{font-size:18px}.capturepanel .grid{grid-template-columns:1fr 1fr;gap:16px 12px}.capturepanel label{font-size:11px}.capturepanel input{font-size:12px}.captureproducts{padding:18px 12px 0}.productstitle>button{padding:9px;font-size:11px}.productstitle h3{font-size:17px}.capturefooter{flex-wrap:wrap;gap:12px}.capturefooter .actions{width:100%}.capturefooter .actions button{flex:1}.capturetable{min-width:650px}.capturehint{font-size:11px}}@media (width<=420px){.capturepanel .grid{grid-template-columns:1fr}.capturepanel .wide{grid-column:auto}.editoruser{max-width:110px}.capturefooter>span{font-size:10px}}.customer-mode .shell{max-width:1430px;padding:0 28px 26px}.customer-mode .top{border-radius:0 0 14px 14px;min-height:115px;margin:0 -16px;padding:4px 26px;box-shadow:0 5px 24px #153d6505}.customer-mode .top .brand{width:205px;height:108px}.customer-mode .top .brand img{width:205px;height:205px;top:-26px}.customer-mode .clientnav{justify-content:flex-start;gap:32px;margin:8px 0 0}.customer-mode .clientnav .active{color:#0c6c80;border-color:#169dad}.customer-mode .user span{color:#164574;overflow-wrap:anywhere;background:#f2f8fc;border:1px solid #e0edf5;border-radius:25px;max-width:330px;padding:10px 16px}.clienthero{justify-content:space-between;align-items:center;gap:20px;padding:28px 4px 24px;display:flex}.clienteyebrow{letter-spacing:2px;color:#24979f;margin-bottom:10px;font-size:10px;font-weight:700;display:block}.clienthero h1{letter-spacing:-1.4px;color:#09264e;overflow-wrap:anywhere;margin:0 0 10px;font-size:clamp(28px,3.3vw,44px)}.clienthero p{color:#63758c;margin:0 0 8px;font-size:17px;line-height:1.6}.clienthero small{color:#8391a3;font-size:12px}.clienthero>button{border-radius:9px;flex-shrink:0;min-height:46px;padding:14px 20px;font-size:12px;box-shadow:0 6px 16px #09274c0b}.clientmetrics{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px;display:grid}.clientmetric{background:linear-gradient(120deg,#fff,#f2faff);border:1px solid #dce8f1;border-radius:12px;align-items:center;gap:20px;padding:19px 23px;display:flex}.clientmetricicon{color:#159aae;flex-shrink:0;width:39px;height:44px}.clientmetricicon svg{width:39px;height:39px}.clientmetric strong{color:#10345b;margin-bottom:6px;font-size:32px;font-weight:750;line-height:1.1;display:block}.clientmetric div>span{color:#365575;font-size:12px}.metric-green{background:linear-gradient(120deg,#fff,#eef9f3);border-color:#d7ecdf}.metric-green .clientmetricicon{color:#18a67f}.metric-red{background:linear-gradient(120deg,#fff,#fff4f0);border-color:#f2e0d6}.metric-red .clientmetricicon{color:#d0833e}.metric-gray{background:linear-gradient(120deg,#fff,#f1f5fa);border-color:#e0e7ef}.metric-gray .clientmetricicon{color:#607998}.clienttools{gap:12px;margin:20px 0}.clienttools input{background:#fff;border-color:#e0e8ef;max-width:none;min-height:42px}.clienttools select,.clienttools button{border-color:#dce5ee;min-height:42px;font-size:12px}.clientorder{--signal:#9ba9bb;border:1px solid #e7edf3;border-left:7px solid var(--signal);background:#fff;border-radius:13px;margin:16px 0;overflow:hidden;box-shadow:0 6px 28px #183c6505}.health-green{--signal:#19b778}.health-yellow{--signal:#f2b51f}.health-red{--signal:#ef4b60}.health-gray{--signal:#9aa8bc}.clientorderhead{grid-template-columns:minmax(230px,1fr) minmax(260px,1fr) auto;align-items:start;gap:28px;padding:22px 22px 12px;display:grid}.clientorderidentity h2{letter-spacing:-.5px;color:#11345f;margin:0 0 5px;font-size:21px}.clientorderidentity p{color:#6c7e95;margin:0 0 8px;font-size:12px}.clientorderidentity>small{color:#8b97a7;font-size:10px;line-height:1.6;display:block}.clientorderidentity>small b{color:#526b88;font-weight:500}.clientorderprogress>p{color:#284568;margin:2px 0 9px;font-size:13px;line-height:1.5}.percent{float:right;color:#67809d;font-size:12px;font-weight:600}.clientprogressbar{background:#edf2f7;border-radius:9px;height:9px;overflow:hidden}.clientprogressbar>i{background:var(--signal);border-radius:9px;height:100%;transition:width .2s;display:block}.clientorderprogress>small{color:#8090a4;margin-top:8px;font-size:11px;display:block}.clientdetailbutton{white-space:nowrap;color:#193d68;border-color:#dfe7ee;border-radius:9px;min-width:125px;padding:11px 16px;font-size:12px}.clientorderpreview{flex-wrap:wrap;align-items:center;gap:9px;padding:0 22px 16px;display:flex}.clientorderpreview>span{color:#6c819a;background:#f8fafc;border:1px solid #e9eff4;border-radius:7px;align-items:center;gap:7px;max-width:370px;padding:7px 10px;font-size:10px;display:inline-flex}.clientorderpreview>span>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clientorderpreview svg{color:#309b9e;flex-shrink:0;width:15px;height:15px}.clientorderpreview>small{color:#8a9bb0;font-size:10px}.clientorderstatus{border-top:1px solid #edf2f6;align-items:center;gap:20px;margin:0 22px;padding:16px 0 20px;display:flex}.ordertraffic{flex-shrink:0;min-width:255px;position:relative}.trafficlamps{justify-content:space-between;gap:20px;display:flex;position:relative}.trafficlamps:before{content:"";background:#dde4ec;height:2px;position:absolute;top:13px;left:36px;right:36px}.trafficstep{text-align:center;flex-direction:column;align-items:center;gap:9px;width:72px;display:flex;position:relative}.trafficbulb{background:linear-gradient(145deg,#e0e6ed,#cbd4de);border:1px solid #c6d0db;border-radius:50%;width:27px;height:27px;display:block;box-shadow:inset 0 1px 2px #ffffff9c}.trafficstep small{color:#8b99ac;font-size:9px;line-height:1.5}.lit-green .trafficbulb{background:#19b778;border-color:#fff;box-shadow:0 0 0 2px #a3e7c8,0 0 12px #19b77866}.lit-yellow .trafficbulb{background:#ffbf24;border-color:#fff;box-shadow:0 0 0 2px #ffe4a2,0 0 12px #f5b92066}.lit-red .trafficbulb{background:#ff5368;border-color:#fff;box-shadow:0 0 0 2px #ffbcc6,0 0 12px #f34e6266}.lit-green small{color:#0f865c;font-weight:700}.lit-yellow small{color:#946500;font-weight:700}.lit-red small{color:#bd3046;font-weight:700}.trafficgray{text-align:center;color:#637991;background:#edf1f6;border-radius:20px;max-width:130px;margin:9px auto 0;padding:4px 10px;font-size:9px;display:block}.clientstatustext{border-left:1px solid #e4ebf2;flex:1;min-width:0;padding-left:22px}.healthtag{color:#547189;text-transform:uppercase;letter-spacing:.6px;background:#f3f6f9;border-radius:5px;margin-bottom:6px;padding:4px 7px;font-size:9px;display:inline-block}.health-green .healthtag{color:#148459;background:#e6f8ef}.health-yellow .healthtag{color:#95630d;background:#fff5d9}.health-red .healthtag{color:#bd3a4e;background:#ffedf0}.clientstatustext>strong{color:#234467;font-size:12px;font-weight:600;line-height:1.5;display:block}.clientstatustext p{color:#8393a7;margin:5px 0 0;font-size:11px;line-height:1.6}.clientcontactbutton{color:#1c8793;border-color:#7dbbc2;border-radius:7px;flex-shrink:0;padding:10px 13px;font-size:11px}.signallegend{background:#fff;border:1px solid #e9f0f6;border-radius:25px;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:fit-content;max-width:100%;margin:24px auto 12px;padding:11px 20px;display:flex;box-shadow:0 3px 12px #163c6003}.signallegend>span{color:#617c99;align-items:center;gap:7px;font-size:10px;display:inline-flex}.signallegend i{border-radius:50%;width:10px;height:10px}.legend-green{background:#19b778}.legend-yellow{background:#ffbf24}.legend-red{background:#ff5368}.legend-gray{background:#a6b3c5}.clientdisclaimer{color:#8b98a8;text-align:center;font-size:10px;line-height:1.7}.clientdetail{background:#fcfdff;border-top:1px solid #edf1f6;padding:20px 22px}.clientdetailheading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.clientdetailheading h3{color:#193e6b;margin:0;font-size:18px}.clientdetailheading>small{color:#90a0b3;font-size:10px}.clientdetail td small{color:#8b9bad;margin-top:5px;display:block}.clientdetail .overduedate{color:#c0465c}.clientdetail .detailactions{margin:20px 0 0}.clientdetail .scroll{border:1px solid #e4ebf3;border-radius:8px}.clientdetail .scroll table{min-width:720px}.clientdetail .detailactions>*{min-width:200px}.customer-mode .foot{font-size:10px}@media (width<=1050px){.clientorderhead{grid-template-columns:1fr 1fr;gap:15px}.clientdetailbutton{grid-column:2;justify-self:end}.clientorderidentity{grid-row:1/3}.clientorderstatus{flex-wrap:wrap}.clientcontactbutton{margin-left:275px}.clientmetrics{gap:10px}.clientmetric{gap:12px;padding:17px 14px}.clientmetric strong{font-size:28px}.clientmetric div>span{font-size:11px}}@media (width<=750px){.customer-mode .shell{padding:0 14px 20px}.customer-mode .top{gap:8px;min-height:95px;margin:0 -14px;padding:3px 14px}.customer-mode .top .brand{width:155px;height:86px}.customer-mode .top .brand img{width:155px;height:155px;top:-19px}.customer-mode .user span{max-width:165px;padding:6px 10px;font-size:9px}.customer-mode .user button{font-size:10px}.customer-mode .clientnav{justify-content:space-between;gap:24px}.clienthero{flex-direction:column;align-items:flex-start;gap:14px;padding:24px 2px 20px}.clienthero h1{letter-spacing:-.8px;font-size:30px}.clienthero p{font-size:14px}.clienteyebrow{letter-spacing:1.3px;font-size:9px}.clienthero>button{width:100%;padding:12px;font-size:12px}.clientmetrics{grid-template-columns:1fr 1fr;gap:10px}.clientmetric{gap:12px;min-height:90px;padding:16px 12px}.clientmetricicon,.clientmetricicon svg{width:29px;height:29px}.clientmetric strong{font-size:28px}.clientmetric div>span{font-size:10px}.clienttools{gap:8px}.clienttools input{flex-basis:100%;font-size:12px}.clienttools select{flex:1;font-size:11px}.clientorder{border-left-width:5px;border-radius:11px}.clientorderhead{flex-direction:column;gap:16px;padding:18px 16px 12px;display:flex}.clientorderidentity h2{font-size:20px}.clientorderidentity>small{font-size:10px}.clientorderprogress{width:100%}.clientdetailbutton{align-self:flex-end;padding:9px 12px;font-size:11px}.clientorderpreview{gap:6px;padding:0 16px 14px}.clientorderpreview>span{max-width:100%;padding:6px 8px;font-size:9px}.clientorderstatus{flex-direction:column;align-items:stretch;gap:16px;margin:0 16px;padding:18px 0;display:flex}.ordertraffic{width:100%;min-width:0;max-width:300px;margin:auto}.trafficstep{width:80px}.trafficstep small{font-size:10px}.trafficlamps:before{left:38px;right:38px}.clientstatustext{border-top:1px solid #edf1f6;border-left:0;padding:13px 0 0}.clientstatustext>strong{font-size:12px}.clientstatustext p{font-size:11px}.clientcontactbutton{align-self:stretch;margin:0;font-size:11px}.signallegend{border-radius:12px;justify-content:flex-start;gap:12px 18px;padding:14px}.signallegend>span{font-size:9px}.clientdetail{padding:18px 14px}.clientdetailheading{flex-direction:column;align-items:flex-start;gap:6px}.clientdetail .detailactions>*{min-width:0}.clientdisclaimer{font-size:9px}}@media (prefers-reduced-motion:reduce){.clientprogressbar>i{transition:none}}body.staff-mode{background:#f3f6fa}.staff-mode .shell.staff-shell{grid-template-columns:240px minmax(0,1fr);max-width:1600px;min-height:100dvh;margin:0 auto;padding:0;display:grid}.staff-sidebar{color:#deedf6;background:linear-gradient(160deg,#102f46,#142c3d);flex-direction:column;height:100dvh;padding:22px 14px;display:flex;position:sticky;top:0}.staff-brand{background:#fff;border-radius:10px;margin:0 4px 14px;overflow:hidden}.staff-brand .brand{border-radius:0;width:200px;height:116px;margin:auto}.staff-brand .brand img{width:200px;height:200px;top:-25px}.staff-area{letter-spacing:2px;text-transform:uppercase;color:#89b2c8;padding:6px 14px 16px;font-size:10px}.staff-sidebar nav{flex-direction:column;gap:7px;display:flex}.staff-sidebar nav button{color:#bbd0df;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:flex-start;gap:12px;min-height:47px;padding:13px 14px;font-size:12px;line-height:1.5}.staff-sidebar nav button svg{flex-shrink:0;width:20px;height:20px}.staff-sidebar nav button.active{color:#fff;background:linear-gradient(100deg,#166788,#1a576f);box-shadow:0 6px 18px #061f361f}.staff-sidebar nav button:hover{color:#fff;background:#ffffff10}.staff-sidebar nav button.active:hover{background:#1a617c}.staff-sidebar-foot{color:#7094aa;margin-top:auto;padding:36px 14px 6px;font-size:11px;line-height:1.7}.staff-sidebar-foot span{letter-spacing:1.5px;border-top:1px solid #ffffff12;margin-top:20px;padding-top:14px;font-size:8px;display:block}.staff-workspace{flex-direction:column;min-width:0;display:flex}.staff-topbar{background:#fff;border-bottom:1px solid #e5edf3;justify-content:space-between;align-items:center;gap:20px;min-height:86px;padding:16px 30px;display:flex}.staff-toplabel{color:#8b9eaf;letter-spacing:1.6px;margin-bottom:6px;font-size:9px;display:block}.staff-topbar>div>strong{color:#2b4f6e;font-size:14px}.staff-topuser{align-items:center;gap:11px;display:flex}.staff-avatar{color:#287897;background:#edf7fb;border:1px solid #deedf6;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:600;display:grid}.staff-topuser b{color:#294e6d;font-size:12px;font-weight:600}.staff-topuser small{color:#8ea0b3;margin-top:5px;font-size:10px;display:block}.staff-topuser button{border-color:#e0e8f0;margin-left:7px;padding:9px 12px;font-size:10px}.staff-content{flex:1;min-width:0;padding:28px 30px}.staff-heading{justify-content:space-between;align-items:center;gap:20px;margin:4px 0 24px;display:flex}.staff-eyebrow{letter-spacing:1.7px;color:#388e9f;font-size:9px;font-weight:600}.staff-heading h1{letter-spacing:-1.2px;color:#0b2d51;overflow-wrap:anywhere;margin:10px 0 9px;font-size:34px;line-height:1.15}.staff-heading p{color:#7b8da2;max-width:650px;margin:0;font-size:14px;line-height:1.7}.staff-heading>button{border-radius:8px;flex-shrink:0;min-height:42px;font-size:11px;box-shadow:0 5px 14px #0a3d640b}.staff-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.staff-metrics.three-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-metric{background:linear-gradient(130deg,#fff,#f9fcff);border:1px solid #e2ebf3;border-radius:12px;min-width:0;padding:20px 20px 18px;box-shadow:0 3px 14px #193b5b03}.staff-metric>span{color:#3e8cd4;background:#e9f3ff;border-radius:50%;place-items:center;width:37px;height:37px;margin-bottom:17px;display:grid}.staff-metric svg{width:21px;height:21px}.staff-metric strong{letter-spacing:-1px;color:#143c60;margin-bottom:8px;font-size:33px;line-height:1.1;display:block}.staff-metric small{color:#74899f;font-size:11px;line-height:1.6}.sm-red>span{color:#e06d7c;background:#ffedf0}.sm-red strong{color:#cc5166}.sm-amber>span{color:#d3a447;background:#fff3df}.sm-green>span{color:#41a787;background:#e8f8f0}.staff-home-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.staff-panel{background:#fff;border:1px solid #e1eaf2;border-radius:12px;min-width:0;padding:22px;box-shadow:0 4px 20px #193e6003}.staff-panel-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.staff-panel-title h2{color:#163c61;letter-spacing:-.3px;margin:0;font-size:17px;line-height:1.5}.staff-textbutton{color:#3482ac;white-space:nowrap;background:0 0;border:0;padding:4px 0;font-size:10px}.staff-mode table{min-width:460px}.staff-mode th{text-transform:none;color:#6d849a;background:#f4f7fb;padding:12px;font-size:11px}.staff-mode td{color:#466480;padding:14px 12px;font-size:11px;line-height:1.6}.staff-mode td>small{color:#8ca0b3;max-width:240px;font-size:10px;display:block}.staff-mode td>strong{color:#2f536f;font-size:12px}.staff-mode td>button{white-space:nowrap;border-color:#d9e6f0;padding:7px 10px;font-size:10px}.staff-attention-table td:first-child{min-width:130px}.internalbadge{white-space:nowrap;color:#6b8097;background:#edf2f7;border-radius:20px;align-items:center;padding:5px 8px;font-size:9px;line-height:1.5;display:inline-flex}.ib-red{color:#ce5a70;background:#ffedf0}.ib-gray{color:#8193aa;background:#edf2f7}.ib-yellow{color:#b0873b;background:#fff4df}.ib-green{color:#368966;background:#e6f7ed}.staff-area-row{border-bottom:1px solid #edf2f6;align-items:center;gap:15px;padding:18px 0;display:flex}.staff-area-row>div:first-child{flex:1;min-width:125px}.staff-area-row strong{color:#3d6280;margin-bottom:5px;font-size:12px;display:block}.staff-area-row small{color:#92a3b5;max-width:180px;font-size:10px;line-height:1.6;display:block}.staff-area-meter{background:#edf2f6;border-radius:5px;width:90px;height:7px;overflow:hidden}.staff-area-meter i{background:#58a3d8;border-radius:5px;height:100%;display:block}.staff-area-meter .area-purchasing{background:#48b6bd}.staff-area-meter .area-warehouse{background:#a995de}.staff-area-row>b{color:#53738d;text-align:right;width:23px;font-size:16px}.staff-caption{color:#9aabbc;margin:15px 0 0;font-size:10px;line-height:1.7}.staff-quickactions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.staff-quickactions button{white-space:nowrap;flex:1;padding:10px 12px;font-size:10px}.staff-empty{color:#8da2b7;background:#f8fbfd;border:1px dashed #e1eaf2;border-radius:10px;padding:28px 18px;font-size:12px;line-height:1.8}.staff-info{color:#678e9c;background:#edf8fa;border:1px solid #dfedef;border-radius:9px;margin-top:20px;padding:14px 16px;font-size:11px;line-height:1.8}.staff-task-list{gap:13px;display:grid}.staff-task{background:#fcfdff;border:1px solid #e5edf4;border-left:4px solid #d8c175;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.staff-task.task-red{border-left-color:#e48a99}.staff-task.task-gray{border-left-color:#afc0cf}.staff-task>div{min-width:0}.staff-task h3{color:#3c5d7a;overflow-wrap:anywhere;margin:0 0 9px;font-size:13px;line-height:1.6}.staff-task p{color:#7e93a9;margin:0 0 8px;font-size:12px;line-height:1.6}.staff-task small{color:#9babbc;font-size:10px;line-height:1.7;display:block}.staff-task .internalbadge{margin:10px 0 5px}.staff-task>button{white-space:nowrap;background:#126080;border-color:#126080;border-radius:7px;flex-shrink:0;padding:10px 14px;font-size:10px}.staff-bottomactions{align-items:center;gap:18px;margin:24px 0 0;display:flex}.staff-bottomactions button{color:#7093aa;border-color:#dde8f0;font-size:10px}.staff-bottomactions small{color:#a0afbd;font-size:10px;line-height:1.6}.staff-foot{color:#9dabb9;text-align:center;padding:18px 25px 24px;font-size:9px;line-height:1.8}.staff-mode .panel{box-shadow:none;border-color:#e1eaf2;margin-top:0}.staff-mode .panel h2{color:#264f70;font-size:21px}.staff-mode .order{box-shadow:none;border-color:#e3edf4}.staff-mode .order h3{font-size:18px}.staff-order-panel{padding:8px 22px 20px}.staff-order-panel .tools{margin-top:16px}.staff-mode .tools input{min-width:180px;font-size:12px}.staff-mode .tools select,.staff-mode .tools button{font-size:11px}.staff-mode .primary{background:#124c72;border-color:#124c72}.staff-mode .order small,.staff-mode .orderactions button{font-size:10px}.staff-mode .ocdates{font-size:11px}.staff-mode .progress{max-width:380px}.staff-mode .itemgrid{min-width:0}@media (width>=1600px){.staff-mode .shell.staff-shell{border-left:1px solid #e0e8f1;border-right:1px solid #e0e8f1}}@media (width<=1200px){.staff-mode .shell.staff-shell{grid-template-columns:215px minmax(0,1fr)}.staff-brand .brand{width:175px;height:105px}.staff-brand .brand img{width:175px;height:175px;top:-20px}.staff-content{padding:24px}.staff-home-grid{grid-template-columns:1fr}.staff-metrics{gap:10px}.staff-metric{padding:17px}.staff-area-meter{width:150px}.staff-area-row small{max-width:none}.staff-panel{padding:20px}}@media (width<=800px){.staff-mode .shell.staff-shell{display:block}.staff-sidebar{background:#123449;height:auto;padding:12px 14px 10px;position:relative;top:auto}.staff-brand{width:145px;height:77px;margin:0 auto 5px}.staff-brand .brand{width:145px;height:77px}.staff-brand .brand img{width:145px;height:145px;top:-18px}.staff-area{text-align:center;padding:6px 0 10px;font-size:9px}.staff-sidebar nav{scrollbar-width:thin;flex-direction:row;gap:7px;padding-bottom:5px;overflow:auto}.staff-sidebar nav button{white-space:nowrap;flex-shrink:0;gap:7px;min-height:38px;padding:10px 12px;font-size:10px}.staff-sidebar nav button svg{width:16px;height:16px}.staff-sidebar-foot{display:none}.staff-topbar{gap:12px;min-height:72px;padding:14px 17px}.staff-toplabel{font-size:7px}.staff-topbar>div>strong{font-size:12px}.staff-topuser{gap:7px}.staff-topuser b{font-size:10px}.staff-topuser small{font-size:9px}.staff-avatar{width:31px;height:31px;font-size:10px}.staff-topuser button{margin-left:3px;padding:8px;font-size:9px}.staff-content{padding:20px 14px}.staff-heading{flex-wrap:wrap;gap:12px}.staff-heading h1{font-size:29px}.staff-heading p{font-size:12px}.staff-eyebrow{font-size:8px}.staff-heading>button{font-size:10px}.staff-metrics,.staff-metrics.three-metrics{grid-template-columns:1fr 1fr;gap:10px}.staff-metric{min-height:135px;padding:16px}.staff-metric>span{width:31px;height:31px;margin-bottom:12px}.staff-metric strong{font-size:28px}.staff-metric small{font-size:10px}.staff-home-grid{gap:15px}.staff-panel{padding:17px 14px}.staff-panel-title{gap:10px}.staff-panel-title h2{font-size:15px}.staff-area-row{gap:12px}.staff-area-meter{width:70px}.staff-area-row>div:first-child{min-width:0}.staff-area-row small{font-size:9px}.staff-task{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.staff-task h3{font-size:12px}.staff-task>button{align-self:flex-end;font-size:10px}.staff-bottomactions{flex-direction:column;align-items:flex-start;gap:10px}.staff-info{padding:12px;font-size:10px}.staff-order-panel{padding:5px 10px 10px}.staff-mode .orderhead{padding:17px}.staff-mode .tools{gap:8px}.staff-mode .tools input{flex-basis:100%;max-width:none}.staff-mode .tools select{flex:1}.staff-mode .tools button{padding:10px}.staff-mode .detail{padding:0 12px 17px}.staff-mode .grid{grid-template-columns:1fr}.staff-mode .capturepanel .grid{grid-template-columns:1fr 1fr}.staff-mode .staff-content>.panel>.grid{min-width:0}}@media (width<=420px){.staff-mode .capturepanel .grid{grid-template-columns:1fr}.staff-topbar>div:first-child{display:none}.staff-topbar{justify-content:flex-end}.staff-heading h1{font-size:26px}.staff-area-meter{width:45px}}.metrics-tabs{flex-wrap:wrap;gap:9px;margin:0 0 18px;display:flex}.metrics-tabs button{color:#5d7f99;border-color:#dce7ef;padding:10px 20px;font-size:12px}.metrics-tabs button.active{color:#fff;background:#16748d;border-color:#16748d}.metrics-filters{flex-wrap:wrap;align-items:flex-end;gap:15px;margin-bottom:8px;padding:18px;display:flex}.metrics-filters label{color:#7e91a5;flex:1;gap:7px;min-width:140px;font-size:10px}.metrics-filters label:nth-child(3){flex:2;min-width:180px}.metrics-filters input,.metrics-filters select{min-height:40px;font-size:11px}.metrics-filters button{min-height:40px;padding:10px 15px;font-size:10px}.metrics-cohort{color:#99a9b9;margin:10px 0 22px;font-size:10px;line-height:1.8}.metrics-chartgrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.metrics-chart{min-width:0}.metric-chartrows{gap:16px;margin:25px 0 14px;display:grid}.metric-chartrow{text-align:left;color:#6e879e;background:0 0;border:0;grid-template-columns:minmax(90px,1fr) minmax(55px,1.2fr) 32px;align-items:center;gap:13px;width:100%;padding:4px 0;font-size:11px;display:grid}.metric-chartrow:hover{background:#f6fafc}.metric-chartrow>span:first-child{overflow-wrap:anywhere;line-height:1.6}.metric-chartrow>b{color:#315e80;text-align:right;font-size:14px}.metric-track{background:#f1f5f9;border-radius:4px;height:20px;display:block;overflow:hidden}.metric-track i{background:#318dcb;border-radius:4px;height:100%;display:block}.metric-track .metric-color-1{background:#28abb4}.metric-track .metric-color-2{background:#5b9fe3}.metric-track .metric-color-3{background:#c5a46d}.metric-track .metric-color-4{background:#9aacc3}.metric-axis{color:#a2b0c0;border-top:1px solid #edf2f6;justify-content:space-between;padding-top:10px;font-size:9px;display:flex}.metrics-detail{margin-top:22px}.metrics-detail table{min-width:700px}.metrics-chart .staff-caption{font-size:10px}.staff-metric strong{overflow-wrap:anywhere}.metrics-chart .staff-panel-title h2{font-size:16px}@media (width<=1100px){.metrics-chartgrid{grid-template-columns:1fr}.metric-chartrow{grid-template-columns:minmax(120px,.8fr) minmax(70px,1.8fr) 35px}}@media (width<=650px){.metrics-filters{gap:12px;padding:15px}.metrics-filters label{min-width:120px}.metrics-filters label:nth-child(3){flex-basis:100%}.metrics-filters button{flex:1}.metrics-tabs button{flex:1;padding:9px 12px;font-size:11px}.metric-chartrow{grid-template-columns:minmax(90px,1fr) minmax(60px,1fr) 28px;gap:9px;font-size:10px}.metric-chartrow>b{font-size:13px}.metric-track{height:17px}.metrics-cohort{font-size:9px}.metrics-chartgrid{gap:15px}.metrics-chart .staff-panel-title h2{font-size:15px}}.purchase-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.purchase-form label,.purchase-tools label{flex-direction:column;gap:8px;font-weight:600;display:flex}.purchase-form input,.purchase-form select,.purchase-form textarea,.purchase-tools select{box-sizing:border-box;width:100%;min-height:44px}.purchase-form textarea{min-height:90px;margin:8px 0 16px}.purchase-form>label{margin-top:20px}.purchase-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.purchase-form [data-error]{color:#b42318;white-space:pre-wrap}.purchase-tools{align-items:flex-end;gap:14px;display:flex}.purchase-tools label{flex:1}.purchase-small{color:#60738b;margin-top:5px;display:block}.purchase-product{background:#fff;border:1px solid #dce6ed;border-left:4px solid #0f9b9b;border-radius:12px;margin:20px 0;padding:22px}.purchase-product h3{margin:0 0 8px}.purchase-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.purchase-order-title{border-top:1px solid #dce6ed;margin-top:20px;padding-top:12px}.purchase-cancelled{opacity:.6}.purchase-product td button{margin:3px}.purchase-form{max-width:1100px}#supplierSearch{width:min(100%,500px);margin-bottom:20px}@media (width<=700px){.purchase-form-grid{grid-template-columns:1fr}.purchase-tools{flex-direction:column;align-items:stretch}.purchase-product{padding:14px}.purchase-actions{flex-wrap:wrap}}.finance-filters{align-items:end;gap:16px;margin-bottom:20px;display:flex}.finance-filters label{gap:8px;min-width:240px;display:grid}.finance-filters select{min-height:44px}.ib-blue{color:#1659a0;background:#e5f1ff}.finance-filters+.staff-metrics .staff-metric strong{font-size:clamp(20px,2.1vw,32px)}#financeBody table td{vertical-align:top}#financeBody table button{margin:3px}#invoiceDocs{margin-bottom:20px}@media (width<=700px){.finance-filters{flex-direction:column;align-items:stretch}.finance-filters label{min-width:0}}#supplierPublicEntry{z-index:50;color:#123c62;background:#fff;border:1px solid #bdd5dd;border-radius:12px;padding:13px 18px;font-weight:600;text-decoration:none;position:fixed;bottom:18px;right:20px;box-shadow:0 6px 22px #0c38521c}[data-sharefile]{margin-left:8px}body.staff-mode #supplierPublicEntry{display:none}@media (width<=600px){#supplierPublicEntry{text-align:center;margin:16px;display:block;position:static}}.director-access-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 26px;display:grid}.director-access-shortcuts button{text-align:left;color:#153b60;cursor:pointer;background:#fff;border:1px solid #cbdde8;border-left:4px solid #109aa5;border-radius:12px;gap:8px;padding:22px 48px 22px 24px;display:grid;position:relative}.director-access-shortcuts button:hover{background:#edf9fa;border-color:#1596a4}.director-access-shortcuts span{font-size:18px;font-weight:700}.director-access-shortcuts small{color:#627e94;font-size:13px;line-height:1.5}.director-access-shortcuts b{color:#078e99;font-size:23px;position:absolute;top:24px;right:22px}@media (width<=700px){.director-access-shortcuts{grid-template-columns:1fr}}.hr-welcome{color:#fff;background:linear-gradient(110deg,#123b60,#126b79);border-radius:16px;align-items:center;gap:24px;margin-bottom:22px;padding:30px;display:flex}.hr-welcome h1{color:#fff;margin:8px 0;font-size:clamp(26px,3vw,38px)}.hr-welcome p{color:#cee5ed;margin:0}.hr-welcome span{letter-spacing:1.6px;color:#9be1de;font-size:11px}.hr-initials{color:#16516a;background:#e5f7fa;border-radius:50%;flex-shrink:0;place-items:center;width:76px;height:76px;font-size:28px;font-weight:700;display:grid}.hr-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;display:grid}.hr-actions{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.hr-spaced{margin-top:24px}.hr-checkboxes{flex-wrap:wrap;gap:12px 20px;padding:15px 0;display:flex}.hr-checkboxes label{align-items:center;flex-direction:row!important;gap:8px!important;font-weight:400!important;display:flex!important}.hr-checkboxes input{height:18px;width:18px!important;min-height:18px!important}.hr-calendar{border-top:1px solid #dbe6ed;border-left:1px solid #dbe6ed;grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.hr-weekday{text-align:center;background:#eaf1f8;border-bottom:1px solid #dbe6ed;border-right:1px solid #dbe6ed;padding:10px;font-size:12px;font-weight:700}.hr-day{overflow-wrap:anywhere;border-bottom:1px solid #dbe6ed;border-right:1px solid #dbe6ed;min-height:110px;padding:9px}.hr-day>b{font-size:13px}.hr-blank{background:#f6f8fa}.hr-today{background:#e8f8fc;box-shadow:inset 0 0 0 2px #19a7b4}.hr-cal-label{border-radius:6px;margin-top:5px;padding:5px 6px;font-size:10px;line-height:1.4;display:block}.hr-cal-label small{font-size:9px;display:block}.hr-cal-label.holiday{color:#1d5489;background:#dfeeff}.hr-cal-label.rcaday{color:#17683f;background:#def3e8}.hr-cal-label.training{color:#62408c;background:#eee3fc}.hr-cal-label.absence{color:#855a18;background:#fff0d1}.hr-notice{border:1px solid #dce7ef;border-radius:12px;margin-top:18px;padding:24px}.hr-notice h3{margin:8px 0}.hr-prewrap{white-space:pre-wrap}.hr-notice details{margin:20px 0}.hr-notice button{margin-right:8px}.hr-welcome+.metrics-tabs{flex-wrap:wrap}#hrBody td{vertical-align:top}#hrBody td button{margin:3px}@media (width<=800px){.hr-grid{grid-template-columns:1fr}.hr-welcome{gap:15px;padding:22px}.hr-initials{width:58px;height:58px;font-size:21px}.hr-calendar{min-width:620px}#hrBody>.staff-panel:has(.hr-calendar){overflow-x:auto}.hr-day{min-height:95px}}