*{box-sizing:border-box}body{margin:0;font:15px system-ui,sans-serif;background:#0f1220;color:#e8e8f0}header{background:#1a1f3a;padding:10px 16px}h1{margin:0 0 8px;font-size:22px}nav button{margin:2px}button,.btn{background:#3b4bd8;color:#fff;border:0;border-radius:6px;padding:7px 12px;cursor:pointer;font:inherit}button.on{background:#f5b301;color:#000}.danger{background:#c33}input,select{background:#232948;color:#eee;border:1px solid #445;border-radius:6px;padding:6px;font:inherit}.sm{width:70px}main{padding:16px}.grid{display:grid;grid-template-columns:3fr 2fr;gap:16px}@media(max-width:800px){.grid{grid-template-columns:1fr}}.card{background:#1a1f3a;padding:12px;border-radius:10px}.row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}table{width:100%;border-collapse:collapse;margin:8px 0}td,th{padding:5px;border-bottom:1px solid #2a3050;text-align:left}.msg{color:#7fe08a}footer{padding:12px;color:#889;font-size:12px;text-align:center}.ev{background:#1a1f3a;padding:10px;border-radius:8px;margin:8px 0}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.cc{background:#232948;border-radius:8px;padding:8px;font-size:13px}.cc img{width:100%;border-radius:6px;min-height:60px}.pr{font-size:11px;color:#bcd}.thumb{height:42px;vertical-align:middle;border-radius:3px;margin-right:6px}
.hist{position:fixed;inset:5% 5%;overflow:auto;z-index:9;border:2px solid #f5b301}.chart{width:100%;max-width:700px;background:#11152a;border-radius:8px}.hscroll{max-height:45vh;overflow:auto}
a{color:#8fb4ff}.detail{position:fixed;inset:0;overflow:auto;background:#0f1220;z-index:20;padding:12px 16px}.noscroll{overflow:hidden}.dgrid{display:grid;grid-template-columns:minmax(220px,380px) 1fr;gap:18px}.big{width:100%;border-radius:12px;cursor:zoom-in}.big.zoom{position:fixed;inset:0;width:100%;height:100%;object-fit:contain;background:#000e;z-index:30;border-radius:0;cursor:zoom-out}.detail th{color:#9ab;font-weight:600;width:30%}@media(max-width:700px){.dgrid{grid-template-columns:1fr}.big{max-width:420px;margin:auto;display:block}table{font-size:13px}nav{display:flex;overflow-x:auto}nav button{flex:0 0 auto}.hist{inset:0}}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.kpis div{background:#1a1f3a;border-radius:8px;padding:10px;font-size:12px;color:#9ab}.kpis b{display:block;font-size:20px;color:#fff}
.printv{position:fixed;inset:0;background:#fff;color:#000;z-index:40;overflow:auto;padding:16px}.printv table td,.printv table th{border-color:#ccc;color:#000}.rcpt{max-width:380px;margin:auto;font-family:monospace}.bc{width:100%;height:36px;fill:#000;display:block;margin-top:4px}
.lbls{display:grid;grid-template-columns:repeat(auto-fill,2.25in);gap:4px}.lbl{width:2.25in;height:1.25in;border:1px dashed #999;padding:4px;font-size:10px;overflow:hidden;color:#000}.lp{font-size:16px;font-weight:bold}
@media print{body.printing>*:not(main),body.printing main>*:not(#printv){display:none!important}.noprint{display:none!important}.printv{position:static;padding:0}.lbl{border:0;page-break-inside:avoid}}
button.on{background:#f5b301;color:#000}
footer p{margin:4px 0}footer a{color:#8fb4ff}textarea{width:100%;background:#232948;color:#eee;border:1px solid #445;border-radius:6px;padding:8px;font:inherit}
@media(max-width:700px){main{padding:10px}.row input,.row select{flex:1 1 40%;min-width:0}header h1{font-size:18px}td,th{padding:4px}}