*{box-sizing:border-box}html{background:#eef1f5}body{margin:0;background:#eef1f5;color:#16223a;font:16px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input{font:inherit}main{max-width:620px;margin:auto;padding:12px 12px 30px}header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 2px}h1{font-size:22px;margin:8px 0}.net{font-size:12px;font-weight:800;border-radius:999px;padding:6px 9px;background:#dcfce7;color:#166534}.net.offline{background:#fee2e2;color:#991b1b}.card,.status,.result{background:#fff;border-radius:14px;padding:14px;margin:10px 0;box-shadow:0 2px 10px #00000012}.status{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{padding:8px;border-radius:10px;background:#f7f8fa}.metric b{display:block;font-size:22px}.metric span{font-size:12px;color:#667085}.syncbar{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:8px;font-size:12px;color:#667085}.row{display:flex;gap:8px}.row>*{flex:1}label{display:block;font-size:13px;font-weight:700;margin-top:8px}input,button{width:100%;padding:13px;margin:5px 0;border:1px solid #ccd2da;border-radius:10px;font-size:16px}button{background:#16223a;color:#fff;font-weight:750;cursor:pointer}button.secondary{background:#fff;color:#16223a}button.danger{background:#7f1d1d}button:disabled{opacity:.55;cursor:not-allowed}.result{text-align:center;font-size:21px;font-weight:800;min-height:88px;display:grid;place-items:center;line-height:1.25}.result small{font-size:13px;font-weight:600;display:block;margin-top:5px}.ok{background:#dcfce7;color:#166534}.warn{background:#fef3c7;color:#92400e}.bad{background:#fee2e2;color:#991b1b}.neutral{background:#fff;color:#16223a}.searchitem{padding:11px 3px;border-bottom:1px solid #eee}.searchitem button{padding:9px;margin-top:7px}.muted,small{color:#667085}.hidden{display:none!important}#reader{width:100%;overflow:hidden;border-radius:10px}#reader video{border-radius:10px}.login-title{text-align:center;margin:4px 0 14px}.version{text-align:center;font-size:11px;color:#98a2b3;margin-top:14px}.queue-warn{color:#92400e;font-weight:700}.overlay{position:fixed;inset:0;background:#166534ee;color:#fff;z-index:9999;display:grid;place-items:center;text-align:center;padding:25px;font-size:28px;font-weight:900}.overlay.warn{background:#92400eee}.overlay.bad{background:#991b1bee}.overlay div{max-width:520px}.install{margin-top:8px}@media(max-width:420px){main{padding:8px}.status{grid-template-columns:1fr 1fr}h1{font-size:19px}.result{font-size:19px}.row{display:block}}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.admin-head h2{margin:0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-metric{background:#f7f8fa;border-radius:10px;padding:12px}.admin-metric b{display:block;font-size:26px}.admin-metric span{font-size:12px;color:#667085}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{text-align:left;padding:9px 6px;border-bottom:1px solid #e5e7eb;vertical-align:top}.admin-table th{font-size:12px;color:#667085}.badge{display:inline-block;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:800}.badge.active{background:#dcfce7;color:#166534}.badge.idle{background:#f2f4f7;color:#475467}.admin-msg{font-size:13px;color:#667085;margin-top:8px}.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:420px){.admin-actions{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr 1fr}}