*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f2f6fa;color:#1b2738}button,input,select{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e8f4fb,#f8fbfd)}.login-card{width:min(92%,420px);background:#fff;padding:34px;border-radius:20px;box-shadow:0 18px 45px rgba(27,63,95,.15);text-align:center}.brand{width:70px;height:70px;border-radius:18px;background:#0874b9;color:white;display:grid;place-items:center;font-size:25px;font-weight:800;margin:auto}.login-card h1{color:#07558d;margin-bottom:5px}.login-card p{color:#6c7a89}.login-card form{text-align:left}.login-card label{display:block;font-size:13px;font-weight:700;margin:14px 0 7px}.login-card input,.form-grid input,.form-grid select,.scan-row input{width:100%;height:46px;border:1px solid #dce5ec;border-radius:10px;padding:0 12px}.primary{border:0;background:linear-gradient(90deg,#075b99,#1497d1);color:#fff;border-radius:10px;padding:12px 18px;font-weight:700}.login-card .primary{width:100%;margin-top:8px}.hint{margin-top:18px;padding:11px;background:#eef7fd;border-radius:9px;font-size:13px}.message{min-height:22px;margin-top:10px;color:#c53a47;font-size:13px}.layout{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:linear-gradient(180deg,#064f87,#073a64);padding:22px 16px;color:#fff;display:flex;flex-direction:column}.side-brand{display:flex;gap:11px;align-items:center;margin-bottom:28px}.side-brand>span{width:43px;height:43px;border-radius:12px;background:#fff;color:#0767a6;display:grid;place-items:center;font-weight:800}.side-brand b,.side-brand small{display:block}.side-brand small{color:#bdd3e3;margin-top:4px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{color:#dbeaf5;text-decoration:none;padding:12px;border-radius:10px;font-weight:700;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover{background:rgba(255,255,255,.14);color:#fff}.logout{margin-top:auto;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;padding:11px;border-radius:10px}.main{margin-left:245px}.topbar{height:76px;background:#fff;border-bottom:1px solid #dfe7ee;padding:13px 28px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font-size:21px}.topbar p{margin:5px 0 0;color:#728093;font-size:12px}.user b,.user small{display:block}.user small{color:#778598}.content{padding:26px}.hero{background:linear-gradient(120deg,#07548e,#1593c9);color:white;padding:27px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 32px rgba(27,63,95,.12)}.hero span{font-size:12px;font-weight:800;letter-spacing:.1em}.hero h2{margin:8px 0}.hero p{margin:0;color:#d8edf8}.hero-btn{background:#fff;color:#075b99;text-decoration:none;padding:12px 16px;border-radius:10px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stats article,.panel{background:#fff;border:1px solid #dfe7ee;border-radius:15px;box-shadow:0 8px 24px rgba(27,63,95,.06)}.stats article{padding:20px}.stats span{display:block;color:#738093;font-size:13px}.stats b{display:block;color:#075b99;font-size:30px;margin-top:12px}.panel{padding:20px}.panel h3{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head button,#cameraBtn,#clearBtn,#refreshBtn{border:1px solid #dbe4eb;background:#fff;padding:9px 12px;border-radius:9px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e6edf2;font-size:13px}th{color:#667487;background:#f7fafc}.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:17px;margin-bottom:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}.scan-row{display:flex;gap:9px}.scan-row input{flex:1}.reader{margin-top:14px}.hidden{display:none}.submit-area{text-align:right;margin-top:18px}.big{padding:14px 22px}.status-ok{color:#168455;font-weight:700}.status-bad{color:#c23b49;font-weight:700}.remove-btn{border:0;background:#fff0f2;color:#c23b49;padding:7px 9px;border-radius:8px}.result-card{margin-top:16px;background:#f6f9fb;border:1px solid #dfe7ee;border-radius:12px;padding:16px}.result-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-card dt{color:#778598;font-size:12px}.result-card dd{margin:4px 0 0;font-weight:700}.narrow{max-width:850px;margin:auto}@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.sidebar{width:210px}.main{margin-left:210px}}@media(max-width:700px){.sidebar{position:static;width:100%;min-height:auto}.main{margin-left:0}.sidebar nav{grid-template-columns:1fr 1fr}.logout{margin-top:16px}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.content{padding:14px}.hero{align-items:flex-start;flex-direction:column;gap:18px}.scan-row{flex-wrap:wrap}.scan-row input{min-width:100%}}