:root{--navy:#102f45;--turq:#087f80;--mint:#e7f7f4;--ink:#183447;--muted:#617480;--line:#dce5e9;--bg:#f4f7f9;--danger:#b83c35;--amber:#945c13}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);padding:10px 15px;min-height:44px;font-weight:600;transition:background .15s}button:hover{background:#eef5f5}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #32bcb4;outline-offset:2px}.primary{background:var(--turq);border-color:var(--turq);color:white}.primary:hover{background:#05676b}.quiet{background:transparent;border-color:transparent}.danger{color:var(--danger)}.small{font-size:14px}.muted{color:var(--muted)}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:28px 20px;display:flex;flex-direction:column;position:fixed;width:230px;height:100vh}.brand{font-size:30px;font-weight:750;letter-spacing:-1.2px;display:flex;gap:7px;align-items:center}.brand span{color:#42d2c1}.brand-mark{display:inline-grid;place-items:center;background:#1a4658;border-radius:10px;width:35px;height:35px;font-size:24px;color:#42d2c1}.sidebar .sub{font-size:13px;color:#b2c5cf;margin:4px 0 38px}.navitem{padding:13px 12px;background:#21465a;border-radius:9px;font-weight:600;font-size:15px}.sidebar .foot{margin-top:auto}.person{display:flex;align-items:center;gap:10px;padding:16px 0}.avatar{width:40px;height:40px;background:#daf3ef;color:var(--turq);border-radius:50%;display:grid;place-items:center;font-weight:750}.sidebar button{color:#d4e3ea;font-size:14px}.main{grid-column:2;padding:0 36px 40px;max-width:1700px;width:100%;margin:auto}.demobar{padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line)}.demobar button{font-size:13px;padding:4px 8px;min-height:32px}.titlebar{display:flex;justify-content:space-between;align-items:center;margin:28px 0 23px;gap:16px}h1{font-size:29px;letter-spacing:-.8px;line-height:1.2;margin:0 0 7px}h2{font-size:19px;margin:0}h3{font-size:17px;margin:0}.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:700;text-transform:uppercase;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:23px}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:16px 19px;text-align:left}.metric strong{display:block;font-size:30px;line-height:1.1;margin-top:9px;font-weight:650}.metric span{font-size:14px;color:var(--muted)}.metric:last-child{background:var(--mint);border-color:#bcded7}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:20px;overflow:hidden}.panelhead{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;gap:12px}.urgent{border-top:3px solid #d7a448}.urgent .panelhead{background:#fffdf8}.count{display:inline-flex;background:#f4e9cf;border-radius:20px;padding:2px 9px;font-size:13px;margin-left:8px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:#f8fafb;font-weight:600;padding:12px 20px}td{padding:15px 20px;border-top:1px solid #edf0f2;font-size:14px;vertical-align:middle}td strong{font-size:15px}td small{display:block;color:var(--muted);font-size:13px;margin-top:3px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:650;border-radius:6px;padding:4px 8px;white-space:nowrap;background:#eef2f5;color:#455e70}.s0{background:#e9f2fb;color:#275c8e}.s1,.s2{background:#fff1db;color:#94601d}.s3{background:#edf0fa;color:#586399}.s4{background:#e4f5f7;color:#087c83}.s5{background:#dff3eb;color:#267354}.s6{background:#edf0f1}.tag{font-size:12px;display:inline-block;margin:5px 5px 0 0;padding:2px 6px;border-radius:4px;background:#fff1d9;color:#83591a}.red{color:var(--danger)}.remaining{font-weight:700;font-size:15px;white-space:nowrap}.toolbar{display:flex;flex-wrap:wrap;gap:10px;padding:0 22px 17px}.toolbar input{flex:1;min-width:180px}.toolbar select{width:auto}.notice{padding:16px 20px;background:#fff5ed;border:1px solid #f1d6bb;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.notice.success{background:var(--mint);border-color:#bcded7}.tabs{display:flex;gap:5px;margin-bottom:20px;flex-wrap:wrap}.tabs button{background:transparent;border-color:transparent}.tabs .active{background:white;border-color:var(--line);box-shadow:0 2px 5px #102f4507}.empty{text-align:center;color:var(--muted);padding:38px 18px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-left{background:var(--navy);color:white;padding:8vw;display:flex;flex-direction:column;justify-content:center}.login-left h1{font-size:44px;max-width:430px;line-height:1.15;margin:45px 0 22px}.login-left p{color:#bcd0db;max-width:380px}.login-right{display:flex;align-items:center;justify-content:center;padding:36px}.login-card{max-width:410px;width:100%}.rolepick{display:grid;gap:12px;margin:28px 0}.role{display:flex;gap:14px;align-items:center;text-align:left;padding:16px}.role.selected{border:2px solid var(--turq);background:var(--mint)}.role .label{flex:1}.login-card .primary{width:100%}.login-note{font-size:13px;color:var(--muted);margin-top:18px}.mobilecards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:17px}.deliverycard{padding:21px;background:white;border:1px solid var(--line);border-radius:13px}.deliverycard h3{margin:16px 0 5px}.deliverycard p{margin:7px 0}.cardtop,.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.deliverycard .actions{margin-top:17px}.actions{display:flex;flex-wrap:wrap;gap:9px}.actions button{flex:1}.deliverycard .checks{padding:12px 0;border-top:1px solid var(--line);margin-top:14px}.mobilemode{max-width:900px}.mobilemode .mobilecards{grid-template-columns:repeat(auto-fit,minmax(285px,1fr))}dialog{border:0;padding:0;border-radius:16px;color:var(--ink);box-shadow:0 20px 100px #0d263c44;max-height:92vh;width:min(760px,94vw);background:var(--bg)}dialog::backdrop{background:#102b4266;backdrop-filter:blur(3px)}#detail{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(670px,100vw);border-radius:0;box-shadow:-10px 0 70px #132a4233}.modalhead{padding:22px 25px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2}.modalbody{padding:22px 25px}.block{padding:19px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:15px}.block h3{margin-bottom:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}label{display:block;font-size:14px;font-weight:550}input,select,textarea{width:100%;border:1px solid #cdd9df;border-radius:7px;padding:11px 12px;background:white;color:var(--ink);min-height:44px;margin-top:5px}textarea{min-height:78px;resize:vertical}input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--turq)}.check{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:500}.check small{font-size:12px}.modalfoot{display:flex;justify-content:flex-end;gap:10px;padding:17px 25px;background:white;border-top:1px solid var(--line);position:sticky;bottom:0}.info{font-size:14px;color:var(--muted);padding:10px 0}.money{font-size:24px;font-weight:700}.kv{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;gap:14px}.itemrow{display:grid;grid-template-columns:1fr 65px 90px 40px;gap:9px;margin-bottom:12px;align-items:end}.itemrow button{padding:8px}.productfav{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.productfav button{font-size:12px;min-height:32px;padding:5px 9px}.history{list-style:none;padding:0;margin:0}.history li{padding:10px 0 10px 16px;border-left:2px solid #cadcde;font-size:14px}.history small{display:block;color:var(--muted)}.evidence{padding:25px;background:#e8f4f2;border:1px dashed #80bcb4;text-align:center;border-radius:9px;color:#366b68}.evidence strong{display:block}.evidence img{max-width:100%;max-height:210px;object-fit:contain}.stepstrip{display:flex;gap:5px;margin:18px 0}.stepstrip span{height:4px;flex:1;background:#d9e2e5;border-radius:5px}.stepstrip span.done{background:var(--turq)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;border-radius:10px;padding:14px 22px;z-index:20;max-width:90vw;box-shadow:0 5px 25px #102f4522;display:none}.field-error{color:var(--danger);font-size:14px}.full{width:100%}.helpline{font-size:13px;color:var(--muted);margin-top:10px}summary{cursor:pointer;font-size:14px;font-weight:600}.pill{padding:4px 9px;border-radius:20px;background:#e5efef;color:#496d6c;font-size:12px}.formpage{max-width:880px}.notificationline{color:var(--turq);font-weight:600;font-size:14px}
@media(min-width:1450px){.main{padding-left:45px;padding-right:45px}td{padding-top:17px;padding-bottom:17px}}
@media(max-width:1000px){.shell{grid-template-columns:180px 1fr}.sidebar{width:180px;padding:25px 14px}.main{padding:0 20px 25px}.metrics{gap:8px}.metric{padding:13px}.metric span{font-size:12px}.urgent td,.urgent th{padding:12px}.sidebar .brand{font-size:25px}}
@media(max-width:720px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:13px 17px;flex-direction:row;align-items:center;justify-content:space-between}.sidebar .sub,.sidebar .navitem,.sidebar .person,.sidebar .foot>p{display:none}.sidebar .foot{margin:0}.sidebar .brand{font-size:24px}.main{padding:0 15px 25px}.demobar{font-size:11px}.demobar button{font-size:11px}.titlebar{margin:22px 0 18px}h1{font-size:25px}.titlebar .muted{font-size:13px}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metric span{font-size:13px}.metric strong{font-size:26px}.panelhead{padding:16px}.panelhead .muted{font-size:12px}.urgent table,.urgent tbody{display:block}.urgent thead{display:none}.urgent tr{display:grid;grid-template-columns:1fr auto;padding:13px 15px;border-top:1px solid var(--line);gap:7px}.urgent td{border:0;padding:0}.urgent td:nth-child(2){grid-column:1;grid-row:2}.urgent td:nth-child(3){grid-column:1;grid-row:3}.urgent td:last-child{grid-column:2;grid-row:1/4;align-self:center}.general table,.general tbody{display:block}.general thead{display:none}.general tr{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid var(--line);padding:15px}.general td{border:0;padding:0}.general td:nth-child(2){grid-column:1;grid-row:2}.general td:nth-child(3){grid-column:1;grid-row:3}.general td:nth-child(4){grid-column:2;grid-row:2}.general td:last-child{grid-column:2;grid-row:3}.login{display:block}.login-left{padding:26px}.login-left h1{font-size:28px;margin:22px 0 8px}.login-left p{display:none}.login-right{padding:26px}.grid2{grid-template-columns:1fr}.grid3{gap:8px}.modalbody{padding:16px}.modalhead{padding:17px}.modalfoot{padding:14px 16px}.block{padding:15px}.itemrow{grid-template-columns:1fr 55px 77px 34px;gap:6px}.itemrow input,.itemrow select{padding:10px 6px;font-size:14px}.itemrow label{font-size:12px}.notice{align-items:flex-start;font-size:14px}.mobilecards{display:block}.deliverycard{margin-bottom:15px}.toolbar{padding:0 15px 15px}.panelhead{flex-wrap:wrap}}
/* V1: preserve the approved identity and add the original mark. */
.real-logo{width:210px;height:auto;display:block;border-radius:8px;background:white}.login-left .real-logo{width:260px}.app-top{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);min-height:100px}.app-top .real-logo{width:142px;height:88px;object-fit:cover}.appbrand{display:flex;align-items:center}.navbutton{width:100%;margin-bottom:10px;text-align:left;border:0;background:transparent;color:#dceaf0}.navbutton.current{background:#21465a;color:white}.product-entry{border:1px solid var(--line);padding:16px;border-radius:10px;margin:12px 0;background:#fff}.manual-link{border:0;color:var(--turq);background:transparent;padding:8px 0;font-size:14px;margin:5px 0 12px}.product-entry input[readonly]{background:#f3f7f8}a{color:var(--turq);text-underline-offset:3px}button.navbutton:hover{background:#21465a}.login-card label{margin-top:10px}#modalform .grid3 select{min-width:0}.app-top .small{font-size:14px}
@media(max-width:720px){.app-top{min-height:82px}.app-top .real-logo{width:117px;height:72px}.login-left .real-logo{width:160px}.sidebar{flex-wrap:wrap}.sidebar .navbutton{display:inline-block;width:auto;padding:9px;font-size:13px;margin:5px 4px 0 0;min-height:36px}.sidebar>div:first-child{display:flex;align-items:center;flex-wrap:wrap}.sidebar .brand{margin-right:14px}.product-entry .grid3{grid-template-columns:1fr 1fr}.product-entry .grid3>label:first-child{grid-column:1/-1}.app-top .small{font-size:13px;max-width:50%;text-align:right}.login-left h1{display:none}.metric span{font-size:14px}}