body{font-family:Arial,sans-serif;margin:0;background:#f4f6f8;color:#1f2937}nav{background:#17324d;color:#fff;padding:14px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}nav b{margin-right:10px}nav a{color:#fff;text-decoration:none;font-size:14px}main{max-width:1450px;margin:22px auto;padding:0 16px}.card{background:#fff;padding:16px;border-radius:10px;margin:12px 0;box-shadow:0 1px 4px #ccd3da}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{font-size:30px;font-weight:700;color:#17324d}.muted{color:#64748b}table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}th,td{padding:8px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}th{background:#eaf0f5;position:sticky;top:0}input,select,textarea{width:100%;padding:9px;margin:4px 0 10px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:5px}.check input{width:auto}.inline{display:inline}.inline button{margin-left:10px}button,.btn{background:#17324d;color:#fff;padding:10px 15px;border:0;border-radius:5px;text-decoration:none;cursor:pointer}.flash{padding:12px;background:#fff3cd;border:1px solid #ffe69c;border-radius:6px}.scanner input,.scanner select,.scanner button{font-size:20px;padding:14px}details summary{font-weight:bold;cursor:pointer}@media(max-width:800px){.two,.three{grid-template-columns:1fr}nav{gap:9px}table{display:block;overflow:auto}.scanner button{width:100%}}
.tablewrap{overflow:auto}.muted{opacity:.72}.grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.grid label{display:flex;flex-direction:column;gap:4px}.grid .wide{grid-column:1/-1}.inline{display:flex;gap:8px;align-items:center}.cards{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:800px){.grid{grid-template-columns:1fr}.grid .wide{grid-column:auto}}