:root{--bg:#f4f7fb;--panel:#fff;--ink:#142033;--muted:#6b7688;--line:#e2e8ef;--nav:#0b1422;--brand:#0f9f7f;--green:#0b7a53;--amber:#b86a06;--red:#b83a32}*{box-sizing:border-box}body{margin:0;font:14px/1.4 Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#164a44,#101b2c 40%,#08111d);padding:20px}.login-card{width:min(420px,96vw);background:#fff;border-radius:18px;padding:30px;box-shadow:0 30px 70px #0005}.login-card h1{font-size:20px;letter-spacing:.12em;margin:16px 0 2px}.login-card p{color:var(--muted);margin:0 0 20px}.login-card label{display:grid;gap:6px;margin:10px 0;font-size:10px;font-weight:800;color:#6c788a}.login-card input,.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:8px;padding:10px}.login-card button,.primary{background:var(--brand);border:0;color:#fff}.login-card button{width:100%;padding:11px;border-radius:8px;font-weight:800}.radar{width:50px;height:50px;border:2px solid #45d6b3;border-radius:50%;position:relative;background:#0e272c}.radar:before,.radar:after{content:"";position:absolute;inset:9px;border:1px solid #45d6b388;border-radius:50%}.radar:after{inset:18px}.radar.sm{width:36px;height:36px}.radar.sm:before{inset:6px}.radar.sm:after{inset:13px}.shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}aside{background:linear-gradient(180deg,var(--nav),#07101b);color:#d9e2ec;padding:16px 13px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:4px 7px 15px;border-bottom:1px solid #ffffff14}.brand b{display:block;color:#fff;font-size:12px;letter-spacing:.1em}.brand small{font-size:9px;color:#8492a7}.secure{font-size:8px;color:#5ddbbd;background:#2acaa214;border:1px solid #2acaa22b;padding:6px 8px;border-radius:999px;margin:12px 4px;text-align:center}.navtitle{font-size:8px;letter-spacing:.14em;color:#617087;padding:10px 10px 4px;font-weight:900}.navbtn{width:100%;border:0;background:transparent;color:#aeb9c8;text-align:left;padding:9px 10px;border-radius:8px;margin:1px 0}.navbtn.active,.navbtn:hover{background:#ffffff12;color:#fff}.user{margin-top:auto;border-top:1px solid #ffffff14;padding:12px 7px}.user b,.user small{display:block}.user small{font-size:9px;color:#8190a5}.user button{background:transparent;border:0;color:#8190a5;padding:8px 0}header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}header small{font-size:8px;letter-spacing:.14em;color:#98a2b3;font-weight:900}header h1{margin:2px 0 0;font-size:21px}button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px;font-weight:750}.primary{padding:9px 12px}#content{max-width:1700px;margin:auto;padding:24px 28px 50px}.pagehead{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px;gap:12px}.pagehead h2{margin:0;font-size:20px}.pagehead p{margin:3px 0 0;color:var(--muted);font-size:11px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.metric,.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #1320330d}.metric{padding:14px}.metric small{font-size:8px;color:#7d8899;font-weight:900}.metric strong{display:block;font-size:22px;margin-top:4px}.grid2{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;margin-top:14px}.card h3{margin:0;font-size:13px}.cardhead{padding:14px 16px;border-bottom:1px solid #edf1f4;display:flex;justify-content:space-between}.cardbody{padding:15px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:8px;letter-spacing:.07em;color:#778396;background:#fafbfc;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:10px;border-bottom:1px solid #edf1f5;font-size:10.5px}.link{color:#08765e;font-weight:850;cursor:pointer}.money{font-weight:800}.sub{display:block;font-size:8.5px;color:#98a2b3}.status{display:inline-block;padding:4px 7px;border-radius:999px;background:#f0f2f5;font-size:8.5px;font-weight:850}.status.green{background:#eaf8f3;color:var(--green)}.status.amber{background:#fff6e5;color:var(--amber)}.status.red{background:#fff0ef;color:var(--red)}.info{background:#f8fbfd;border:1px solid var(--line);border-radius:9px;padding:10px;color:#617083;font-size:10px;margin-bottom:12px}.builder{display:grid;grid-template-columns:1fr 340px;gap:14px}.buildermain,.summary{background:#fff;border:1px solid var(--line);border-radius:12px}.formgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px}.field{display:grid;gap:5px}.field label{font-size:8px;font-weight:900;color:#738095;letter-spacing:.07em}.span2{grid-column:span 2}.span4{grid-column:1/-1}.quote-table{width:100%;border-collapse:collapse}.quote-table th,.quote-table td{border:1px solid #edf1f4;padding:5px;font-size:9px}.quote-table input,.quote-table select{width:100%;min-width:75px;border:1px solid #dfe5eb;border-radius:5px;padding:6px}.quote-table .prod{min-width:220px}.summary{padding:15px;height:max-content;position:sticky;top:92px}.calc{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf1f4;font-size:10.5px}.calc.total b{font-size:17px}.rule{margin-top:11px;padding:10px;border-radius:8px;font-size:9.5px}.rule.good{background:#eaf8f3;color:var(--green)}.rule.warn{background:#fff6e5;color:var(--amber)}.modal-back{position:fixed;inset:0;background:#07101b80;display:grid;place-items:center;padding:18px;z-index:100}.modal{width:min(1000px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:14px}.modalhead,.modalfoot{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px}.modalfoot{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.modalbody{padding:16px}.detailgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail{background:#f8fafc;border:1px solid #e7ebf0;border-radius:9px;padding:10px}.detail small{font-size:8px;color:#7c8798;font-weight:850}.detail b{display:block;margin-top:3px}.toast{position:fixed;right:20px;bottom:20px;background:#122033;color:#fff;padding:10px 13px;border-radius:8px;font-size:10px;z-index:200}.toast.error{background:#842c28}.empty{padding:25px;text-align:center;color:#8b96a7}.amber{color:var(--amber)}.green{color:var(--green)}.mt{margin-top:14px}.actions{display:flex;gap:6px;white-space:nowrap}.flowstep{display:grid;gap:3px;padding:11px 0;border-bottom:1px solid var(--line)}.flowstep span{font-size:10px;color:var(--muted)}.carton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:16px}.carton-card{display:grid;gap:5px;text-align:left;padding:14px}.carton-card span{font-size:10px;color:var(--muted)}.carton-layout{display:grid;grid-template-columns:230px 1fr;gap:18px}.qrpanel{display:grid;gap:8px;align-content:start;text-align:center}.qrpanel img{width:220px;max-width:100%;border:1px solid var(--line);border-radius:10px}.buttonlink{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:8px 11px;color:var(--ink);text-decoration:none;font-weight:750}.scanform,#scanpack{display:grid;grid-template-columns:1fr 120px auto;gap:8px;align-items:end;margin:16px 0}.scanform label,#scanpack label{display:grid;gap:5px;font-size:9px;font-weight:800;color:var(--muted)}.scanform input,#scanpack input{padding:12px;border:1px solid var(--line);border-radius:8px;font-size:16px}.scan-shell{display:grid;grid-template-columns:360px 1fr;gap:14px}.scan-card{padding-bottom:16px}.scan-card form{padding:16px;grid-template-columns:1fr}.scanlanding{max-width:560px;margin:40px auto;padding:35px;text-align:center}.scanlanding .radar{margin:auto}.scanlanding p{color:var(--muted)}@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.builder{grid-template-columns:1fr}.summary{position:static}}@media(max-width:800px){.shell{grid-template-columns:1fr}aside{position:relative}.grid2,.carton-layout,.scan-shell{grid-template-columns:1fr}.formgrid,.detailgrid{grid-template-columns:1fr 1fr}.qrpanel{justify-items:center}}@media(max-width:550px){.metrics{grid-template-columns:1fr}.formgrid,.detailgrid,.scanform{grid-template-columns:1fr}.span2{grid-column:auto}.pagehead{align-items:start;flex-direction:column}}
.page-loading{min-height:280px;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--muted)}.spinner{width:24px;height:24px;border:3px solid #cfe5df;border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}.busy{position:fixed;inset:0;background:#07101b55;z-index:300;display:grid;place-content:center;justify-items:center;gap:12px;color:#fff;backdrop-filter:blur(2px)}.busy.hidden{display:none}.is-busy button{pointer-events:none}.approval-strip{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#eef8f5;border:1px solid #cce9df;padding:10px 12px;border-radius:9px;margin-bottom:12px;font-size:10px;font-weight:750}.tablelink{min-height:0;border:0;background:transparent;padding:0;border-radius:4px}.tablelink[aria-busy="true"]{opacity:.6;cursor:wait}@keyframes spin{to{transform:rotate(360deg)}}