*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f5f8;color:#202332}.center{min-height:100vh;display:grid;place-items:center}.card{background:white;border:1px solid #ddd;border-radius:14px;padding:20px}.auth{width:min(400px,92vw)}input,select,button{font:inherit;padding:10px;border-radius:8px;border:1px solid #d5d7df;margin:5px 0}input,select{width:100%}button{background:#27293e;color:#fff;cursor:pointer}.auth button{width:100%}header{background:#27293e;color:#fff;padding:14px 20px;display:flex;gap:15px;align-items:center}header span{flex:1;opacity:.8}header button{background:transparent;color:white;border-color:#ffffff66}nav{display:flex;gap:5px;overflow:auto;background:white;padding:8px;position:sticky;top:0;z-index:2}nav button{white-space:nowrap}main{max-width:1400px;margin:auto;padding:20px}table{width:100%;border-collapse:collapse;background:white;margin-top:12px;min-width:650px}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:white;border:1px solid #ddd;border-radius:14px;padding:20px}.stat strong{display:block;font-size:28px;margin-top:10px}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}main{padding:12px}}@media(max-width:500px){.grid{grid-template-columns:1fr}.card{padding:14px}}
.head{display:flex;justify-content:space-between;align-items:center;gap:10px}.head>div{display:flex;gap:6px;flex-wrap:wrap}.upload{display:inline-block;background:#27293e;color:#fff;padding:10px;border-radius:8px;cursor:pointer}textarea{width:100%;min-height:70px}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:15px;z-index:20}.modalcard{width:min(650px,100%);display:grid;grid-template-columns:1fr 1fr;gap:8px}.modalcard h3,.modalcard textarea,.modalcard>div{grid-column:1/-1}@media(max-width:650px){.head{flex-direction:column;align-items:stretch}.modalcard{grid-template-columns:1fr}}
[hidden]{display:none!important}.scanner-video{width:100%;min-height:280px;background:#111;border-radius:10px;object-fit:cover}.scanner-actions{display:flex;gap:8px;grid-column:1/-1}.danger{background:#9b2c2c}