:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;--bg:#050814;--panel:#0b1222;--line:#263a62;--blue:#188cff;--purple:#923dff;--text:#f5f8ff;--muted:#91a1bd}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(24,140,255,.13),transparent 34%),radial-gradient(circle at 95% 8%,rgba(146,61,255,.10),transparent 30%),var(--bg)}
button,.button,input,select{font:inherit}.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 16px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-weight:900;text-decoration:none;cursor:pointer}.secondary{background:#111a2c!important;border:1px solid #31486f!important}.brand{display:flex;align-items:center;gap:13px}.brand img{width:78px;height:58px;object-fit:contain}.brand b{display:block;letter-spacing:.14em}.brand span{display:block;color:#8293b4;font-size:11px;margin-top:4px}.eyebrow{font-size:10px;font-weight:1000;letter-spacing:.16em;color:#69a3ff}.center-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.setup-card,.gate-card{width:min(620px,94vw);padding:34px;border-radius:28px;background:rgba(10,17,32,.96);border:1px solid rgba(74,133,235,.3);box-shadow:0 30px 100px rgba(0,0,0,.45)}.setup-card .brand{margin-bottom:30px}.setup-card h1,.gate-card h1{font-size:38px;margin:8px 0}.setup-card p,.gate-card p{color:var(--muted);line-height:1.55}.setup-card form,.gate-card form{display:grid;gap:12px;margin-top:20px}.setup-card label,.gate-card label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#b4c0d7}.setup-card input,.gate-card input{padding:12px;border-radius:11px;border:1px solid #31476e;background:#07101f;color:#fff}.notice{margin-top:13px;padding:11px 13px;border-radius:11px;background:#111c30;color:#a8b7d2;font-weight:800}.notice.denied{background:#351019;color:#ff9daf}
header{max-width:1500px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.device-meta{text-align:right}.device-meta b{display:block}.device-meta span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.scanner-shell,.profile-shell{min-height:100vh;padding:22px}.scanner-grid,.profile-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(480px,1.1fr) minmax(390px,.9fr);gap:20px}.camera-panel,.decision-panel,.profile-preview{border:1px solid rgba(76,123,206,.25);border-radius:24px;background:rgba(10,17,32,.88);padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.panel-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.panel-title h2{margin:5px 0}.camera-name{margin-top:12px;padding:10px 12px;border-radius:11px;background:#08101e;border:1px solid rgba(65,126,220,.2);color:#b8c5db;font-weight:800;font-size:13px}.camera-reader{margin-top:14px;min-height:500px;border-radius:18px;overflow:hidden;background:#02040a;border:1px solid rgba(76,139,240,.25)}.camera-reader video{object-fit:cover!important}.camera-controls{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.camera-controls select{min-width:250px;flex:1;padding:11px;border-radius:11px;background:#07101f;color:#fff;border:1px solid #2f456e}.decision-panel{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.decision-panel h1{font-size:42px;margin:8px 0}.decision-panel p{color:var(--muted)}.decision-icon{width:150px;height:150px;margin:28px auto 20px;border-radius:50%;display:grid;place-items:center;font-size:82px;font-weight:1000;border:3px solid #35527e;background:#0c1424}.decision-title{font-size:48px;font-weight:1000}.decision-name{font-size:27px;font-weight:900;margin-top:12px}.decision-meta{color:#a7b5ce;font-weight:700;margin-top:8px;line-height:1.45}.decision-panel.granted,.display-shell.granted{background:radial-gradient(circle at 50% 40%,rgba(32,231,145,.25),transparent 43%),#06150f}.decision-panel.granted .decision-icon,.display-shell.granted .decision-icon{border-color:#25df96;background:#07311f;color:#73ffc4}.decision-panel.granted .decision-title,.display-shell.granted .decision-title{color:#76ffc8}.decision-panel.denied,.display-shell.denied{background:radial-gradient(circle at 50% 40%,rgba(255,67,93,.24),transparent 43%),#1a070c}.decision-panel.denied .decision-icon,.display-shell.denied .decision-icon{border-color:#ff4d68;background:#350b14;color:#ff9cac}.decision-panel.denied .decision-title,.display-shell.denied .decision-title{color:#ff9cac}
.overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,7,16,.92);backdrop-filter:blur(12px)}.overlay[hidden]{display:none}.gate-card{text-align:center}.gate-logo{width:120px;height:100px;object-fit:contain}.gate-card .button{margin-top:10px}.profile-preview{min-height:650px;display:flex;align-items:center;justify-content:center}.empty-profile{text-align:center;color:var(--muted)}.en-box{width:100px;height:100px;margin:0 auto;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--purple));color:#fff;font-size:34px;font-weight:1000}.profile-popup{width:min(900px,96vw);max-height:92vh;overflow:auto;border-radius:28px;background:#f7faff;color:#172033;padding:28px;position:relative}.close-btn{position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:50%;padding:0;background:#121c2d}.profile-head{display:flex;gap:18px;align-items:center}.profile-photo{width:120px;height:120px;min-width:120px;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#16345d,#3b1d67);color:#fff;font-size:36px;font-weight:1000}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-head h2{font-size:36px;margin:4px 0}.profile-head p{color:#697b98;margin:0}.profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.profile-field{padding:13px 14px;border-radius:13px;background:#edf3fa;border:1px solid rgba(66,106,172,.12);min-width:0}.profile-field.wide{grid-column:1/-1}.profile-field small{display:block;color:#7889a5;font-size:9px;font-weight:1000;letter-spacing:.1em}.profile-field b{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-status{margin-top:18px;padding:14px;border-radius:13px;text-align:center;font-weight:1000}.profile-status.active{background:#e7fff2;color:#087448}.profile-status.denied{background:#ffe9ed;color:#af1b36}.display-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.display-shell .brand{position:absolute;left:30px;top:24px}.display-shell h1{font-size:70px;margin:10px 0}.display-shell>p{color:var(--muted);font-size:20px}.connected{position:absolute;bottom:30px;font-size:12px;font-weight:900;color:#8da0c1}.connected i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#28df91;box-shadow:0 0 14px rgba(40,223,145,.65);margin-right:7px}
@media(max-width:980px){.scanner-grid,.profile-grid{grid-template-columns:1fr}.camera-reader{min-height:390px}.decision-panel,.profile-preview{min-height:470px}.display-shell h1{font-size:48px}.decision-title{font-size:38px}}@media(max-width:650px){header{align-items:flex-start}.device-meta{font-size:12px}.profile-fields{grid-template-columns:1fr}.profile-field.wide{grid-column:auto}.profile-head h2{font-size:28px}.profile-photo{width:90px;height:90px;min-width:90px}.setup-card,.gate-card{padding:25px}}

.full-info{margin-top:24px;padding-top:18px;border-top:1px solid rgba(70,105,165,.18)}.full-info h3{margin:16px 0 6px;font-size:18px}.full-info p,.muted-light{color:#70819d;font-size:12px}.security-history{display:grid;gap:8px}.history-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:11px 12px;border-radius:12px;background:#edf3fa;border:1px solid rgba(67,105,169,.12)}.history-row>div{min-width:0}.history-row b,.history-row span{display:block}.history-row b{font-size:12px}.history-row span{margin-top:3px;color:#72829d;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-empty{padding:12px;border-radius:12px;background:#edf3fa;color:#70819d}.security-banner{padding:13px 15px;border-radius:13px;text-align:center;font-weight:1000;letter-spacing:.08em;margin-bottom:18px}.security-banner.good{background:#e6fff1;color:#087347}.security-banner.bad{background:#ffe8ed;color:#ad1834}.security-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.badge-mini{padding:11px;border-radius:12px;background:#edf3fa;border:1px solid rgba(67,105,169,.12)}.badge-mini b,.badge-mini span,.badge-mini small{display:block}.badge-mini span{margin-top:3px;font-size:11px;color:#5f708d;overflow:hidden;text-overflow:ellipsis}.badge-mini small{margin-top:4px;color:#8190aa}.security-popup{border-top:4px solid #168bff}@media(max-width:700px){.history-row,.security-badges{grid-template-columns:1fr}}

.device-note{margin-top:14px;color:#7f91af;font-size:12px;line-height:1.5}