:root{color-scheme:light;--navy:#092b38;--ink:#193948;--muted:#617b83;--teal:#087b6f;--line:#d8e7e7}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#f4faf9;color:var(--ink);margin:0}
[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #efbb4b;outline-offset:3px}
.topbar{background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px max(16px,calc((100vw - 1150px)/2))}
.topbar a{color:inherit;text-decoration:none}.brand{font-size:23px;font-weight:850}.brand strong{color:#53e3c4}.brand small{display:block;font-size:9px;letter-spacing:1.3px;opacity:.75}.topbar nav{display:flex;gap:12px;font-size:12px}
.shell{max-width:1150px;padding:20px 15px 50px;margin:0 auto}.hero{padding:15px 0 20px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#078478}h1{font-size:clamp(30px,5vw,48px);margin:9px 0;letter-spacing:-1.4px}h2{font-size:20px;margin:5px 0 10px}
.hero p,.card p{color:var(--muted);line-height:1.55;font-size:13px}.notice{background:#fff1ce;color:#754f12;border:1px solid #e7cf95;padding:14px 16px;border-radius:12px;font-size:13px;line-height:1.55}
.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;margin:16px 0;box-shadow:0 7px 24px #062f3510}
.login{display:grid;gap:12px;max-width:480px;margin:17px 0}.login label,.oem-form label{font-size:13px;font-weight:730;display:grid;gap:8px}
input,select{background:#fff;width:100%;border:1px solid #b8cece;border-radius:10px;padding:12px;min-height:47px;color:var(--ink)}
button.primary,button.secondary,button.ghost{min-height:44px;padding:11px 16px;border-radius:11px;border:0;font-size:13px;font-weight:800}
button.primary{background:#08766b;color:#fff}button.secondary{background:#e8f5f2;border:1px solid #c0dfd9;color:#12675e}
button.ghost{background:#f5f8f8;border:1px solid #cfdddc;color:#365960}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:17px}
.metric{background:#fff;border:1px solid var(--line);padding:16px;border-radius:13px}.metric small{color:var(--muted);font-size:11px;display:block}.metric strong{font-size:29px;margin-top:5px;display:block}
.controls{display:grid;gap:9px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{flex:1 1 140px}
.small{color:var(--muted);font-size:12px;line-height:1.55}
.labels{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.labelCard{background:#fff;border:1px solid #c6dada;border-radius:14px;padding:15px;display:flex;gap:10px;flex-direction:column}
.labelCard .labelTop{display:flex;align-items:center;justify-content:space-between;gap:8px}
.labelCard .labelTop label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}
.labelCard input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:#07866f}
.labelPrint{border:1px solid #10252b;min-height:225px;padding:10px;display:grid;justify-items:center;align-content:center;gap:5px;text-align:center;background:white;color:#0b1920}
.labelPrint .warningLine{font-size:11px;font-weight:950;letter-spacing:1.2px;color:#ab2525}
.labelPrint .labelBrand{font-size:16px;font-weight:900}.labelPrint .labelId{font-size:18px;font-weight:900;letter-spacing:2px}
.labelPrint img{display:block;width:140px;height:140px;object-fit:contain}
.labelPrint .labelNote{font-size:9px;font-weight:850;line-height:1.3}
.labelCard p{margin:0;font-size:12px;line-height:1.4;color:#6b7f86}
.labelCard[data-selected=false]{opacity:.6}
.oem-panel{margin-top:28px}.oem-form{display:grid;gap:15px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.resultBox{padding:14px;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;background:#edf7f5;border-radius:11px;color:#31575b}
.status{background:#e7f6ef;border-radius:12px;padding:13px;color:#086553;font-size:13px}.status.error{background:#ffeded;color:#962922}
footer{text-align:center;color:#637981;font-size:12px;padding:22px}
@media(max-width:670px){.metrics{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}.shell{padding:14px}.topbar nav{font-size:10px}.labelCard{padding:12px}}
@page{size:A4;margin:8mm}
@media print{
 html,body{background:white!important;color:black!important}
 .topbar,.hero,.notice,.controls,.metrics,.oem-panel,.status,footer,#loginArea,.labelTop,.labelCard p,.actions{display:none!important}
 .shell{padding:0;margin:0;max-width:100%}
 #workspace{display:block!important}
 .labels{display:grid!important;grid-template-columns:repeat(3,1fr);gap:3mm;align-content:start}
 .labelCard{display:block!important;page-break-inside:avoid;break-inside:avoid;padding:0;margin:0;border:0;box-shadow:none!important;opacity:1!important}
 .labelCard[data-selected=false],.labelCard[data-printable=false]{display:none!important}
 .labelPrint{border:1px solid black!important;border-radius:0;min-height:70mm;height:70mm;padding:2.5mm;gap:1mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .labelPrint .warningLine{color:black!important;font-size:10pt}
 .labelPrint img{width:34mm;height:34mm}
 .labelPrint .labelBrand{font-size:15pt}
 .labelPrint .labelId{font-size:15pt}
 .labelPrint .labelNote{font-size:8pt}
}