*{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{-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,.topbar{align-items:center}.brand{display:inline-flex;height:38px}.brand img{display:block;height:34px;max-width:min(210px,42vw);object-fit:contain;width:auto}.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 .button.primary{background:linear-gradient(135deg,#f59e51,#c96b3d);border-color:#f5b071;color:#1b1a1d}.scanner-page .button.ghost{background:#804a8a33;border-color:#f59e5140}.scanner-page .button.danger{background:#9f3851;border-color:#e87572}.scanner-page .button:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.scanner-page{background:radial-gradient(circle at 12% 0,#804a8a61,#0000 32%),radial-gradient(circle at 92% 18%,#f59e511f,#0000 27%),linear-gradient(135deg,#0b090d,#1b1a1d 52%,#100d12);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)}.results-panel,.scanner-panel{background:linear-gradient(145deg,#3a035375,#1b1a1df0 48%,#0e0c10f5);border-color:#f59e512e;border-radius:12px}.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}.panel-subtitle{color:#ffffff94;font-size:13px;line-height:1.5;margin:8px 0 0;max-width:470px}input,select{background:#0f0c12e6;border:1px solid #f59e513d;border-radius:12px;color:#fff;min-height:46px;padding:0 14px;width:100%}input:focus,select:focus{outline:2px solid #f59e518c;outline-offset:2px}.panel-heading select{width:min(240px,100%)}.camera-label-row{align-items:center;display:flex;font-size:12px;gap:12px;justify-content:space-between;margin:22px 0 10px}.camera-status{align-items:center;color:#ffffff94;display:inline-flex;font-weight:800;gap:7px;letter-spacing:.04em;text-transform:uppercase}.camera-status i{background:#804a8a;border-radius:50%;box-shadow:0 0 12px #804a8acc;height:8px;width:8px}.camera-status.is-ready{color:#f5c38e}.camera-status.is-ready i{background:#f59e51;box-shadow:0 0 12px #f59e51e6}.camera-hint{color:#fff6}.empty-camera,.qr-reader{background:#020304;border:1px solid #804a8a80;border-radius:10px;box-shadow:inset 0 0 0 1px #f59e5114,0 18px 45px #00000047;min-height:330px;overflow:hidden;position:relative}.empty-camera{background:radial-gradient(circle,#804a8a33,#020304 65%);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;align-items:end;display:grid;gap:10px;grid-template-columns:1fr auto;margin-top:18px}.manual-field{grid-gap:7px;color:#ffffff8c;display:grid;font-size:12px;font-weight:800;gap:7px;letter-spacing:.08em;text-transform:uppercase}.manual-field input{letter-spacing:normal;margin-top:0;text-transform:none}.notice{border-radius:12px;margin-top:14px;padding:12px 14px}.notice.error,.scan-result.error{background:#a2233740;border:1px solid #ef526c80}.results-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.results-heading h2{font-size:22px;margin:0}.result-count{border:1px solid #f59e5140;border-radius:999px;color:#f5c38e;font-size:11px;font-weight:800;padding:6px 9px;white-space:nowrap}.results-panel .eyebrow{color:#f59e51}.recent-heading{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:10px;display:flex;flex-direction:column;gap:8px;min-height:190px;padding:18px}.scan-result.success{background:linear-gradient(145deg,#804a8a47,#231924cc);border:1px solid #f59e5180}.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-left:2px solid #804a8ab3;border-radius:8px;font-size:13px;padding:11px 12px}.dialog-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 20%,#804a8a3d,#0000 42%),#040305c7;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:3000}.dialog{background:linear-gradient(145deg,#3a0353b3,#1b1a1dfa 58%);border:1px solid #f59e514d;border-radius:12px;box-shadow:0 30px 90px #00000085;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}}