*{box-sizing:border-box}#root,body,html{height:100%;margin:0;padding:0;width:100%}body{background-color:#000}.app-page{min-height:100dvh;padding:86px clamp(16px,3vw,42px) 36px}.panel{background:linear-gradient(145deg,#202430e6,#0d0f16eb);border:1px solid #ffffff24;border-radius:22px;box-shadow:0 24px 80px #00000061}.eyebrow{color:#9ba4ff;font-size:12px;font-weight:800;letter-spacing:.14em;margin:0 0 8px;text-transform:uppercase}.topbar{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07090dc2;border-bottom:1px solid #ffffff1a;display:flex;gap:16px;justify-content:space-between;left:0;min-height:68px;padding:12px clamp(16px,3vw,42px);position:fixed;right:0;top:0;z-index:1200}.brand{font-size:20px;font-weight:900;letter-spacing:-.03em}.topbar-actions{align-items:center;color:#ffffffb8;display:flex;font-size:13px;gap:12px}.button{align-items:center;border:1px solid #ffffff2e;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-weight:750;justify-content:center;min-height:42px;padding:0 17px}.button:disabled{cursor:not-allowed;opacity:.5}.button.primary{background:#605cff;border-color:#7b77ff}.button.ghost{background:#ffffff12}.button.danger{background:#b72c43;border-color:#e44f68}.scanner-page{background:radial-gradient(circle at 20% 0,#262a45,#080a10 46%);color:#f7f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.scanner-page button,.scanner-page input,.scanner-page select{font:inherit}.scanner-page a{color:inherit;text-decoration:none}.scanner-locked{filter:saturate(.5)}.scanner-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);margin:0 auto;width:min(1200px,100%)}.panel{padding:clamp(16px,3vw,26px)}.panel-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.panel-heading h1{font-size:clamp(24px,4vw,38px);margin:0}input,select{background:#12151f;border:1px solid #ffffff26;border-radius:12px;color:#fff;min-height:46px;padding:0 14px;width:100%}.panel-heading select{width:min(240px,100%)}.empty-camera,.qr-reader{background:#020304;border-radius:18px;min-height:330px;overflow:hidden}.empty-camera{color:#ffffff8c;display:grid;padding:24px;place-items:center;text-align:center}#qr-reader video{border-radius:16px;object-fit:cover}#qr-reader__dashboard_section_csr button{margin:8px}.manual-form{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr auto;margin-top:16px}.notice{border-radius:12px;margin-top:14px;padding:12px 14px}.notice.error,.scan-result.error{background:#a2233740;border:1px solid #ef526c80}.results-panel h2{font-size:18px;margin:28px 0 12px}.empty-result{color:#ffffff73;display:grid;min-height:190px;place-items:center;text-align:center}.scan-result{border-radius:16px;display:flex;flex-direction:column;gap:8px;min-height:190px;padding:18px}.scan-result.success{background:#23916038;border:1px solid #47d69480}.scan-result b{background:#ffffff1f;border-radius:999px;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.recent-item small,.scan-result small{color:#ffffff85}.result-user{align-items:center;display:flex;gap:12px}.result-user img{border-radius:50%;height:48px;object-fit:cover;width:48px}.recent-item,.result-user div{display:flex;flex-direction:column;gap:3px}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-item{background:hsla(0,0%,100%,.055);border-radius:12px;font-size:13px;padding:11px 12px}.dialog-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:3000}.dialog{background:#171a24;border:1px solid #ffffff29;border-radius:20px;padding:26px;width:min(480px,100%)}.dialog h2{margin-top:0}.dialog p{color:#ffffffb8;line-height:1.6}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.denied-panel{width:min(520px,100%)}.loader{color:#ffffffb8}@media (max-width:820px){.scanner-grid{grid-template-columns:1fr}.topbar-actions span{display:none}.panel-heading{align-items:stretch;flex-direction:column}.panel-heading select{width:100%}.manual-form{grid-template-columns:1fr}}