:root{--ink:#182b2a;--muted:#73827f;--green:#206452;--line:#e2e9e5;--canvas:#f5f7f5}body{background:var(--canvas);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column}.brand{font-weight:750;font-size:26px;letter-spacing:-1px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:8px}.brand-mark{display:inline-grid;place-items:center;width:33px;height:36px;background:var(--green);color:#fff;border-radius:9px;font-size:23px}.brand-dot{color:#7fab70;margin-left:-7px}.workspace-label{font-size:10px;letter-spacing:1.6px;color:#80908b;margin:43px 10px 14px;font-weight:700}.nav-item{display:flex;gap:15px;align-items:center;text-decoration:none;color:#5c6e68;padding:13px 12px;border-radius:8px;margin:4px 0;font-weight:500}.nav-item span{font-size:11px;opacity:.65}.nav-item:hover,.nav-item.selected{background:#eaf2ec;color:var(--green)}.sidebar-footer{margin-top:auto;padding-top:60px;color:#52665f;font-size:12px;line-height:1.9}.sidebar-footer small{color:#94a19c}.status-dot{display:inline-block;width:7px;height:7px;background:#64a371;border-radius:50%;margin-right:6px}.main-shell{min-width:0;flex:1}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 40px;background:#fff;font-size:12px}main{max-width:1500px;margin:auto;padding:38px 40px}.eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:var(--green);font-weight:700;margin-bottom:10px}h1{font-size:32px;letter-spacing:-1px;font-weight:650}h2{font-size:18px;font-weight:650}h3{font-size:16px}.subtitle{color:var(--muted);margin:10px 0 0}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.btn{font-size:13px;border-radius:7px;padding:11px 17px;font-weight:550;min-height:42px}.btn-primary{background:var(--green);border-color:var(--green)}.btn-primary:hover{background:#174b3d;border-color:#174b3d}.btn-outline-secondary{border-color:#d7e0da;color:#4e645b}.card{border:1px solid var(--line);border-radius:11px;box-shadow:0 2px 3px #142b2210}.card-body{padding:24px}.metric{background:white;border:1px solid var(--line);border-radius:11px;padding:23px;height:100%}.metric-label{color:#667b71;font-size:12px}.metric-value{font-size:35px;letter-spacing:-1px;font-weight:650;margin:12px 0 6px}.metric-note{font-size:11px;color:#85978d}.metric.alert-metric{background:#f5f1e6;border-color:#e8dfc5}.section-head{padding:23px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.section-head h2{margin:0}.table{font-size:13px;margin:0;vertical-align:middle}.table th{background:#f8faf8;padding:13px 22px;color:#7c8b83;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--line)}.table td{padding:18px 22px;border-color:#edf1ed}.table a{color:var(--ink);font-weight:600;text-decoration:none}.table a:hover{color:var(--green)}.badge-soft{display:inline-block;padding:5px 10px;border-radius:5px;font-size:11px;font-weight:550;background:#eaf3ed;color:#397355}.badge-warn{background:#fbf0d5;color:#9b7428}.badge-gray{background:#edf0ef;color:#75807a}.mono{font-family:Consolas,monospace;font-size:12px}.positive{color:#277d57;font-weight:600}.negative{color:#aa6248;font-weight:600}.form-control,.form-select{min-height:45px;border-color:#dce4de;border-radius:7px;font-size:14px}.form-control:focus,.form-select:focus{border-color:#6b9c83;box-shadow:0 0 0 3px #20645215}.form-label{font-size:12px;font-weight:600}.scan-input{font-family:Consolas,monospace;font-size:22px;min-height:65px;letter-spacing:2px}.scan-panel{background:#edf4ee;border:1px dashed #adc7b7;border-radius:9px;padding:25px}.page-footer{margin-top:40px;border-top:1px solid var(--line);padding-top:22px;color:#93a097;font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between}.quick-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--ink);padding:20px 0;border-bottom:1px solid var(--line)}.quick-link:last-child{border:0}.quick-link small{display:block;color:var(--muted);margin-top:5px}.login-body{min-height:100vh;display:grid;place-items:center;background:#edf2ed}.login-card{width:min(440px,94vw);padding:40px;background:white;border:1px solid var(--line);border-radius:16px}.empty-state{text-align:center;padding:45px;color:var(--muted)}.progress{height:8px;background:#edf1ed}.progress-bar{background:var(--green)}@media(min-width:1500px){main{padding-top:48px}}@media(max-width:1100px){.sidebar{width:205px;padding:28px 14px}main{padding:28px 22px}.topbar{padding:0 22px}.table td,.table th{padding:15px}.user-name{display:none}}@media(max-width:767px){.app-shell{display:block}.sidebar{width:100%;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;overflow-x:auto;gap:6px;margin-top:12px}.nav-item{white-space:nowrap;padding:10px}.nav-item span,.workspace-label,.sidebar-footer{display:none}.topbar{height:65px;padding:0 18px}main{padding:24px 16px}.heading-row{align-items:flex-start;flex-direction:column}h1{font-size:28px}.metric{padding:18px}.metric-value{font-size:28px}.card-body{padding:18px}.page-footer span{letter-spacing:0}.sidebar nav .mt-4{display:none}}
/* Language controls fit both desktop and narrow warehouse screens. */
.language-selector{margin:0;flex-shrink:0}.language-selector select{min-width:105px}.guest-language{position:absolute;top:16px;right:20px}.topbar{flex-wrap:wrap;gap:12px}.topbar>div{flex-wrap:wrap}.login-body{padding-top:80px}