:root{font-family:system-ui,sans-serif;color:#1c2939;background:#f3f5f8;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#152437;color:white;padding:24px 4%;display:flex;justify-content:space-between;align-items:center;gap:16px}header strong{font-size:25px;letter-spacing:1px}header span{font-size:12px;color:#a7bacb;margin-left:12px}nav{display:flex;gap:8px;padding:14px 4%;background:white;border-bottom:1px solid #dce2e9;flex-wrap:wrap}nav a{padding:10px 14px;color:#42546b;text-decoration:none;border-radius:8px}nav a.selected{background:#dc333d;color:white}main{max-width:1450px;margin:38px auto;padding:0 4%;min-height:65vh}h1{font-size:34px;letter-spacing:-1px;margin:10px 0 24px}h2{margin-top:32px}.eyebrow{font-size:11px;letter-spacing:2px;color:#bd2739;font-weight:bold}.panel,details,.login{background:white;padding:24px;border:1px solid #dce2e9;border-radius:12px;margin-bottom:20px}.login{max-width:560px;margin:50px auto}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}input,select{padding:12px;border:1px solid #c8d1dc;border-radius:6px;font:inherit;min-width:0;width:100%;background:white;color:#1c2939}form{display:grid;gap:18px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.filters{display:flex;flex-wrap:wrap;margin-bottom:22px}.filters input:first-of-type{flex:2;min-width:260px}.filters input,.filters select{flex:1;min-width:140px}button{border:0;border-radius:7px;padding:12px 17px;background:#c92f3c;color:white;font:inherit;font-weight:600;cursor:pointer}.inline{display:inline-block;margin-left:15px}.inline button{background:#34465d}.table{overflow:auto;background:white;border:1px solid #dce2e9;border-radius:10px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:17px 18px;border-bottom:1px solid #e8ecf1;vertical-align:top}th{background:#edf1f6;font-size:12px;color:#516278}small{display:block;color:#718094;margin-top:5px}.low{color:#b05c00;background:#fff9ec}.error,.success{padding:15px;border-radius:8px}.error{background:#ffe4e6;color:#a81728}.success{background:#ddf5e7;color:#165f37}summary{font-weight:700;cursor:pointer;padding:5px 0 15px}.check{flex-direction:row;align-items:center;padding:5px}.check input{width:auto}fieldset{border:1px solid #dce2e9;border-radius:6px}footer{text-align:center;color:#718094;padding:30px}p{line-height:1.6}@media(max-width:650px){header{align-items:start;flex-direction:column}h1{font-size:28px}main{margin-top:24px}th,td{padding:12px}.filters{display:grid}.grid{grid-template-columns:1fr}}
#qr-video{width:100%;max-width:600px;background:#152437;border-radius:10px;margin:15px 0}.label-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.qr-label{border:1px solid #ccd4de;background:white;padding:16px;text-align:center;overflow-wrap:anywhere}.qr-label[hidden]{display:none}.qr-picture svg{width:150px;height:150px;max-width:100%}.qr-label p{font-size:12px;margin:6px 0}.qr-label.print-selected{border:2px solid #c92f3c}@media print{
@page{size:A4 portrait;margin:10mm}
html,body{width:190mm;margin:0!important;padding:0!important;background:white}
header,nav,footer,.no-print,main>h1,main>p{display:none!important}
main{width:190mm;min-height:0;padding:0!important;margin:0!important;max-width:none}
.label-grid{display:grid;grid-template-columns:repeat(3,60mm);grid-auto-rows:60mm;gap:3mm;width:186mm;margin:0 auto;padding:0}
.qr-label{display:none!important}
.qr-label.print-selected{display:flex!important;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:60mm;height:60mm;margin:0;padding:3mm;border:0.2mm solid #ccc;break-inside:avoid;page-break-inside:avoid;break-after:auto;page-break-after:auto;overflow:hidden;color:black;background:white}
.qr-label strong{font-size:9pt;line-height:1.1;max-width:54mm;overflow-wrap:anywhere}
.qr-label p{font-size:7pt;line-height:1.15;margin:1mm 0 0;max-width:54mm;overflow-wrap:anywhere}
.qr-picture{flex-shrink:0;height:36mm;width:36mm;margin:0 auto 1mm}
.qr-picture svg{display:block;width:36mm;height:36mm;max-width:none}
}
