@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap";:root{--bg: #0c1222;--bg-dim: #080e1d;--bg-elevated: #151b2b;--surface: #191f30;--surface-high: #242a3b;--surface-highest: #2f3446;--surface-hover: #2a3041;--border: #3c4a42;--border-subtle: rgba(134, 148, 138, .2);--text: #ffffff;--text-on-surface: #dde2f9;--text-muted: #94a3b8;--text-variant: #bbcabf;--primary: #10b981;--primary-bright: #4edea3;--primary-dim: rgba(16, 185, 129, .15);--primary-glow: rgba(16, 185, 129, .35);--on-primary: #003824;--secondary: #3b82f6;--secondary-dim: rgba(59, 130, 246, .15);--warning: #f59e0b;--warning-dim: rgba(245, 158, 11, .15);--danger: #f87171;--danger-dim: rgba(248, 113, 113, .15);--success: #34d399;--input-bg: #0f172a;--gate-scanned: #a78bfa;--gate-resident: #10b981;--gate-invite: #3b82f6;--gate-recurring: #f59e0b;--gate-queue: #64748b;--header-h: 64px;--bottom-nav-h: 64px;--bottom-nav-gate-h: 76px;--radius: 14px;--radius-sm: 8px;--radius-pill: 999px;--shadow-elevated: 0 8px 30px rgba(0, 0, 0, .4);--glass: rgba(21, 27, 43, .85);font-family:DM Sans,system-ui,sans-serif;color:var(--text-on-surface);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.glass-card{background:#1a2235bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(45,55,72,.5);border-radius:var(--radius);padding:1.15rem;margin-bottom:1rem}.app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}.app--with-bottom-nav{padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0))}.app--with-bottom-nav.app--gate-nav{padding-bottom:calc(var(--bottom-nav-gate-h) + 28px + env(safe-area-inset-bottom,0))}.app-header{display:flex;justify-content:space-between;align-items:center;height:var(--header-h);padding:0 1rem;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:50}.app-brand{display:flex;align-items:center;gap:.65rem;min-width:0}.app-brand-icon{color:var(--primary-bright);flex-shrink:0}.app-brand-text{min-width:0}.app-brand-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.app-header h1{margin:0;font-size:1.125rem;font-weight:700;color:var(--primary-bright)}.admin-badge{font-size:.625rem;font-weight:700;letter-spacing:.06em;padding:.2rem .5rem;border-radius:var(--radius-pill);background:var(--primary-dim);color:var(--primary-bright)}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:none;background:transparent;color:var(--text-variant);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.icon-btn:hover{background:var(--surface-high)}.app-header p{margin:.1rem 0 0;font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.app-header-menu{position:relative}.app-header-menu-trigger.active{background:var(--surface-high);color:var(--primary-bright)}.app-header-menu-panel{position:absolute;top:calc(100% + .35rem);right:0;width:min(18.5rem,calc(100vw - 1.5rem));padding:.65rem;background:#0f172afa;border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:0 12px 32px #00000073;z-index:60}.app-header-menu-profile{display:flex;align-items:flex-start;gap:.75rem;padding:.35rem .25rem .5rem}.app-header-menu-profile-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.app-header-menu-divider{height:1px;margin:.35rem 0;background:var(--border-subtle)}.app-header-menu-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.65rem .75rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;transition:background .15s}.app-header-menu-item:hover:not(:disabled){background:var(--surface-high)}.app-header-menu-item:disabled{opacity:.55;cursor:default}.app-header-menu-item--danger{color:#fca5a5}.app-header-menu-item--danger:hover:not(:disabled){background:#ef44441f}.role-pill{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.3rem .65rem;border-radius:var(--radius-pill);background:var(--primary-dim);color:var(--primary-bright);border:1px solid rgba(16,185,129,.25)}.app-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:1rem 1rem 1.5rem}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0));padding-bottom:env(safe-area-inset-bottom,0);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);z-index:50}.bottom-nav-inner{display:flex;height:var(--bottom-nav-h);max-width:960px;margin:0 auto}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;border:none;background:transparent;color:var(--text-muted);font-size:.65rem;font-weight:600;font-family:inherit;cursor:pointer;padding:.35rem}.bottom-nav button .nav-icon{font-size:1.25rem;line-height:1}.bottom-nav button.active{color:var(--primary-bright)}@media (max-width: 767px){.bottom-nav{display:block}.tab-bar--desktop-only{display:none}}.page-hero{margin-bottom:1.25rem}.page-hero h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.page-hero p{margin:.35rem 0 0;font-size:.875rem;color:var(--text-muted)}.bottom-nav button span:last-child{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.bottom-nav button.active{background:#10b98133;color:var(--primary-bright);border-radius:var(--radius);transform:scale(.95)}.bottom-nav-icon-wrap{position:relative;display:inline-flex}.bottom-nav-badge{position:absolute;top:-6px;right:-10px;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:var(--radius-pill);background:#f59e0b;color:#1c1917;font-size:.6rem;font-weight:800;display:grid;place-items:center}.bottom-nav--gate{height:calc(var(--bottom-nav-gate-h) + env(safe-area-inset-bottom,0));border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(to top,#0f172a,#0f172a 78%,#0f172af5)}.bottom-nav-inner--gate{height:var(--bottom-nav-gate-h);align-items:flex-end;padding:0 .25rem;gap:0}.bottom-nav-side{flex:1;display:flex;min-width:0}.bottom-nav-side button{flex:1}.bottom-nav-center{position:relative;flex:0 0 5.5rem;display:flex;justify-content:center;align-items:flex-end;padding-bottom:.15rem}.bottom-nav-center:before{content:"";position:absolute;bottom:.35rem;left:50%;width:5.35rem;height:5.35rem;border-radius:50%;transform:translate(-50%) translateY(-14px);background:radial-gradient(circle at 35% 30%,#1e293b,#0f172a 55%,#020617);box-shadow:0 0 0 3px #0f172a,0 0 0 5px #10b98138,0 8px 24px #0000008c;z-index:0}.bottom-nav-door-placeholder{width:4.5rem;height:1px}.bottom-nav-door-fab{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;width:4.75rem;height:4.75rem;margin-bottom:.35rem;border:3px solid #6ee7b7;border-radius:50%;background:linear-gradient(165deg,#4ade80,#10b981 42%,#059669 72%,#047857);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 0 0 2px #0f172a,0 10px 28px #10b98180,0 4px 12px #00000073,inset 0 1px #ffffff59,inset 0 -2px 6px #04785773;cursor:pointer;transform:translateY(-14px);transition:transform .12s,box-shadow .12s,filter .12s;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-family:inherit}.bottom-nav-door-fab:active:not(:disabled){transform:translateY(-10px) scale(.96);filter:brightness(.95)}.bottom-nav-door-fab:disabled{opacity:.7;cursor:default}.bottom-nav-door-fab--offline{background:linear-gradient(165deg,#64748b,#475569,#334155);border-color:#94a3b8;box-shadow:0 0 0 2px #0f172a,0 8px 20px #00000073,inset 0 1px #ffffff1f}.bottom-nav-door-count{position:absolute;top:.2rem;right:.2rem;min-width:1.15rem;height:1.15rem;padding:0 .25rem;border-radius:var(--radius-pill);background:#0f172ad9;border:1px solid rgba(255,255,255,.25);font-size:.58rem;font-weight:800;display:grid;place-items:center}.bottom-nav-door-menu{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);min-width:11rem;padding:.4rem;background:#0f172afa;border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:0 12px 32px #00000073;z-index:60}.bottom-nav-door-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:.85rem;font-weight:600;text-align:left;cursor:pointer;font-family:inherit}.bottom-nav-door-menu button:hover:not(:disabled){background:var(--surface-high)}.bottom-nav-door-menu button:disabled{opacity:.55}@media (max-width: 767px){.app--with-bottom-nav:has(.bottom-nav--gate){padding-bottom:calc(var(--bottom-nav-gate-h) + 28px + env(safe-area-inset-bottom,0))}}.admin-nav{display:none;gap:1.5rem;padding:0 1rem;background:var(--surface);border-bottom:1px solid var(--border-subtle);overflow-x:auto}.admin-nav button{border:none;background:transparent;color:var(--text-variant);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:1rem .25rem;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;font-family:inherit}.admin-nav button.active{color:var(--primary-bright);border-bottom-color:var(--primary)}@media (min-width: 768px){.admin-nav{display:flex}.admin-tab-bar-mobile{display:none!important}}.pill-tabs{display:flex;gap:.5rem;padding:.5rem 1rem;background:var(--bg-elevated);margin:0 -1rem 1rem;overflow-x:auto;scrollbar-width:none}.pill-tabs::-webkit-scrollbar{display:none}.pill-tabs button{flex-shrink:0;padding:.5rem 1.25rem;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-variant);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,transform .1s}.pill-tabs button.active{background:var(--primary);color:#fff}.pill-tabs button:active{transform:scale(.95)}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;position:relative;overflow:hidden;background:radial-gradient(ellipse 90% 50% at 50% -20%,var(--primary-glow),transparent 60%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(59,130,246,.08),transparent),var(--bg)}.login-page:before,.login-page:after{content:"";position:absolute;width:24rem;height:24rem;border-radius:50%;filter:blur(120px);opacity:.2;pointer-events:none}.login-page:before{top:-10%;right:-5%;background:var(--primary)}.login-page:after{bottom:-10%;left:-5%;background:#0566d9}.login-card{position:relative;z-index:1;width:100%;max-width:420px}.login-status-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.25rem}.login-status-pill{display:flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:var(--radius-pill);background:var(--surface-high);border:1px solid var(--border-subtle);font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-on-surface)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.input-with-icon{position:relative}.input-with-icon .input{padding-left:2.5rem}.input-with-icon .material-symbols-outlined{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:20px;pointer-events:none}.gate-tenant-picker{margin-bottom:1rem}.gate-tenant-current{display:flex;align-items:flex-start;gap:.75rem}.gate-tenant-current strong{display:block;font-size:1.05rem;color:var(--text-on-surface)}.gate-tenant-current small{display:block;margin-top:.15rem;color:var(--text-variant)}.checkbox-row{display:flex;align-items:center;gap:.6rem;font-size:.95rem;cursor:pointer}.checkbox-row input{width:auto;margin:0}.qr-scanner-wrap{margin-bottom:1rem}.qr-scanner-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.qr-file-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0}.qr-scanner{position:relative;width:100%;max-width:320px;aspect-ratio:1;margin:0 auto;border-radius:1.5rem;overflow:hidden;border:2px solid var(--border);background:#000}.qr-scanner-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.qr-scanner-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:.35}.qr-scanner .scan-line{position:absolute;left:0;right:0;height:2px;background:var(--primary);box-shadow:0 0 15px var(--primary);animation:scan 2s linear infinite}@keyframes scan{0%{top:10%}to{top:90%}}.qr-corner{position:absolute;width:48px;height:48px;border-color:var(--primary);border-style:solid}.qr-corner.tl{top:2rem;left:2rem;border-width:4px 0 0 4px;border-radius:8px 0 0}.qr-corner.tr{top:2rem;right:2rem;border-width:4px 4px 0 0;border-radius:0 8px 0 0}.qr-corner.bl{bottom:2rem;left:2rem;border-width:0 0 4px 4px;border-radius:0 0 0 8px}.qr-corner.br{bottom:2rem;right:2rem;border-width:0 4px 4px 0;border-radius:0 0 8px}.qr-scanner-hint{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.85rem;color:#fff;white-space:nowrap}.hero-input-wrap{background:var(--input-bg);border-radius:var(--radius);padding:1rem;border:2px solid var(--border);transition:border-color .15s,box-shadow .15s}.hero-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-dim)}.hero-input{width:100%;background:transparent;border:none;text-align:center;font-size:1.75rem;font-weight:700;color:var(--text-on-surface);font-family:inherit;letter-spacing:.02em}.hero-input:focus{outline:none}.hero-input::-moz-placeholder{color:#94a3b880;font-weight:400;font-size:1.25rem}.hero-input::placeholder{color:#94a3b880;font-weight:400;font-size:1.25rem}.invite-hero{text-align:center;position:relative;overflow:hidden}.invite-hero-glow{position:absolute;top:-3rem;right:-3rem;width:8rem;height:8rem;background:var(--primary-dim);border-radius:50%;filter:blur(40px);pointer-events:none}.login-role-chip{font-size:.7rem;padding:.35rem .65rem;border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;font-family:inherit}.login-demo-panel{padding:1rem;border-radius:12px;background:#10b98114;border:1px solid rgba(16,185,129,.25)}.login-demo-title{display:flex;align-items:center;gap:.4rem;margin:0 0 .35rem;font-size:.95rem;color:var(--text-on-surface)}.login-demo-hint{margin:0 0 .75rem;text-align:center}.login-demo-hint code{padding:.1rem .35rem;border-radius:4px;background:var(--bg-elevated);font-size:.85em}.login-demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (max-width: 420px){.login-demo-grid{grid-template-columns:1fr}}.login-demo-card{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.65rem .75rem;text-align:left;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-elevated);cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.login-demo-card:hover{border-color:var(--primary);background:#10b9810f}.login-demo-card strong{font-size:.85rem;color:var(--text-on-surface)}.login-demo-card span{font-size:.72rem;color:var(--text-variant)}.login-demo-card code{font-size:.68rem;color:var(--primary);word-break:break-all}.validity-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border-subtle);font-size:.65rem;font-weight:700;letter-spacing:.05em;color:var(--text-variant);margin-top:.75rem}.invite-public{max-width:420px;margin:0 auto;padding:1.5rem 1rem 2rem;min-height:100vh}.invite-public-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:var(--primary-bright)}.invite-public-header h1{margin:0;font-size:1.25rem;color:var(--text)}.resident-qr-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.resident-qr-card-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.resident-qr-body{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.resident-qr-meta{display:flex;flex-direction:column;gap:.25rem}.resident-gate-card .badge{margin-bottom:0}input[type=datetime-local]{color-scheme:dark}.resident-qr-print-sheet{display:none}@media print{body{background:#fff!important;color:#111!important}body.printing-resident-qr *{visibility:hidden!important}body.printing-resident-qr .resident-qr-print-sheet,body.printing-resident-qr .resident-qr-print-sheet *{visibility:visible!important}body.printing-resident-qr .resident-qr-print-sheet{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;margin:0;padding:1.5cm;background:#fff!important;color:#111!important}body.printing-resident-qr .resident-qr-print-sheet-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem;max-width:14cm;margin:0 auto}body.printing-resident-qr .resident-qr-print-brand{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#047857!important}body.printing-resident-qr .resident-qr-print-sheet h1{margin:0;font-size:1.35rem;color:#111!important}body.printing-resident-qr .resident-qr-print-condo{margin:0 0 .5rem;color:#444!important;font-size:.95rem}body.printing-resident-qr .resident-qr-print-meta{display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem;font-size:1rem;color:#111!important}body.printing-resident-qr .resident-qr-print-meta strong{font-size:1.15rem}body.printing-resident-qr .resident-qr-print-foot{margin:1rem 0 0;font-size:.85rem;color:#666!important}body.printing-resident-qr .qr-display canvas,body.printing-resident-qr .qr-display img{max-width:6.5cm!important;height:auto!important}.app-header,.app-header--gate,.bottom-nav,.admin-nav,.no-print-block,.btn,.alert,nav,.pill-tabs{display:none!important}.app,.page,.app-main{padding:0!important;margin:0!important}.resident-public-print .invite-public-header{display:none!important}.resident-qr-print-area{page-break-inside:avoid;background:#fff!important;color:#111!important;border:1px solid #ccc!important;box-shadow:none!important}.resident-qr-print-area .field-hint{color:#444!important}}.geofence-preview{position:relative;height:180px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-subtle)}.geofence-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:2px dashed rgba(16,185,129,.4);border-radius:50%;animation:geofence-pulse 2s infinite}.geofence-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--primary-bright)}@keyframes geofence-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.35}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.15}}.card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.card--flat{background:var(--bg-elevated)}.card-title{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text)}.card-subtitle{margin:-.75rem 0 1rem;font-size:.8rem;color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.field-label{font-size:.75rem;font-weight:600;color:var(--text-variant);text-transform:uppercase;letter-spacing:.04em}.field-hint{font-size:.75rem;color:var(--text-muted)}.field-error-text{font-size:.75rem;color:var(--danger)}.input,select.input,textarea.input{width:100%;padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-on-surface);font-size:1rem;font-family:inherit;font-weight:400;line-height:1.5;transition:border-color .15s,box-shadow .15s}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-color:var(--input-bg)}select.input option{background:var(--surface);color:var(--text-on-surface);font-family:inherit}.input::-moz-placeholder{color:#64748b;font-weight:400}.input::placeholder{color:#64748b;font-weight:400}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset;-webkit-text-fill-color:var(--text-on-surface);caret-color:var(--text-on-surface);-webkit-transition:background-color 99999s ease-out;transition:background-color 99999s ease-out}.input-valid{border-color:#34d39980}.field-error .input{border-color:var(--danger)}.rut-check{font-size:.75rem;color:var(--primary-bright);margin-top:.25rem;font-family:inherit;font-weight:500}.rut-hero-field{margin-bottom:1rem}.rut-hero-field .field-label{display:block;margin-bottom:.4rem}.hero-input-wrap--focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-dim)}.hero-input-wrap--error{border-color:var(--danger)}.hero-input-wrap--valid{border-color:#34d3998c;box-shadow:0 0 0 4px #34d3991f}.field-valid-text{display:block;font-size:.8rem;color:var(--success);margin-top:.35rem;font-weight:500}.plate-hero-field{margin-bottom:1rem}.plate-hero-field .field-label{display:block;margin-bottom:.4rem}.hero-input{font-family:inherit;font-weight:700;color:var(--text-on-surface)}.form-stack{display:flex;flex-direction:column}.form-actions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.7rem 1.25rem;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .1s,filter .15s,background .15s;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary,.btn{background:var(--primary);color:#fff}.btn-primary:hover,.btn:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--primary-bright);border:1px solid rgba(16,185,129,.35)}.btn-ghost:hover{background:var(--primary-dim);color:var(--text)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(248,113,113,.3)}.btn-success{background:var(--primary-dim);color:var(--primary-bright);border:1px solid rgba(16,185,129,.35)}.btn-secondary{background:var(--secondary-dim);color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.btn-sm{padding:.5rem .85rem;font-size:.8rem;border-radius:var(--radius-sm)}.btn-block{width:100%}.tab-bar{display:flex;gap:.35rem;margin-bottom:1.25rem;padding:.35rem;background:var(--bg-elevated);border-radius:var(--radius);border:1px solid var(--border-subtle);overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-bar button{flex:1;min-width:-moz-fit-content;min-width:fit-content;padding:.6rem .9rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.tab-bar button.active{background:var(--primary);color:#fff;font-weight:600}.badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:700;padding:.25rem .6rem;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em}.badge-pending{background:var(--warning-dim);color:var(--warning)}.badge-approved{background:var(--primary-dim);color:var(--primary-bright)}.badge-inside{background:var(--secondary-dim);color:#60a5fa}.badge-denied{background:var(--danger-dim);color:var(--danger)}.badge-left,.badge-expired{background:#94a3b81f;color:var(--text-muted)}.badge-muted{background:#94a3b81a;color:var(--text-muted)}.label-caps{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.visit-grid{display:grid;gap:.75rem}@media (min-width: 640px){.visit-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.visit-grid--single{grid-template-columns:1fr}}.visit-card{display:flex;flex-direction:column;gap:1rem;padding:1.15rem;background:#1a2235bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(45,55,72,.5);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.visit-card:hover{border-color:#10b98140}.visit-card--highlight{border-color:#10b98173;box-shadow:0 0 0 1px #10b98126}.visit-card-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.visit-card-plate-block{text-align:right;flex-shrink:0}.visit-card-plate-block .label-caps{display:block;margin-bottom:.15rem}.visit-card-plate-block strong{font-size:1.125rem;color:var(--primary-bright);letter-spacing:.06em}.visit-unit{display:flex;align-items:center;gap:.35rem;color:var(--text-variant);font-size:.875rem;margin-top:.25rem}.visit-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding-top:0;border-top:none}.visit-card-actions--single{grid-template-columns:1fr}.visit-card-actions .btn{padding:.75rem;font-size:.8rem;font-weight:700;letter-spacing:.02em}.gate-legend{display:flex;flex-wrap:wrap;gap:.5rem .85rem;margin-bottom:1rem;padding:.65rem .85rem;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.gate-legend-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;color:var(--text-variant)}.gate-legend-dot{width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0}.gate-section{margin-bottom:1.25rem}.gate-section-title{display:flex;align-items:center;gap:.4rem;margin:0 0 .75rem;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.gate-section--scanned .gate-section-title{color:var(--gate-scanned)}.gate-section--queue .gate-section-title{color:var(--gate-queue)}.gate-card{position:relative;overflow:hidden}.gate-card-stripe{position:absolute;left:0;top:0;bottom:0;width:4px}.gate-card--resident .gate-card-stripe{background:var(--gate-resident)}.gate-card--invite .gate-card-stripe{background:var(--gate-invite)}.gate-card--recurring .gate-card-stripe{background:var(--gate-recurring)}.gate-card--scanned{border-color:#a78bfa73;box-shadow:0 0 0 1px #a78bfa33,0 4px 20px #a78bfa14}.gate-card--scanned .gate-card-stripe{background:var(--gate-scanned);width:5px}.gate-card--queue{border-style:dashed;border-color:#64748b73;opacity:.92}.gate-card--queue .gate-card-stripe{background:var(--gate-queue)}.gate-card-type{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.15rem}.gate-type-pill{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:var(--radius-pill);font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.gate-type-pill--scanned{background:#a78bfa33;color:#c4b5fd;border:1px solid rgba(167,139,250,.35)}.gate-type-pill--resident{background:#10b9812e;color:var(--primary-bright);border:1px solid rgba(16,185,129,.3)}.gate-type-pill--invite{background:#3b82f62e;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.gate-type-pill--recurring,.gate-type-pill--recurring-sub{background:#f59e0b2e;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.gate-type-pill--queue{background:#64748b33;color:#cbd5e1;border:1px solid rgba(100,116,139,.35)}.gate-type-pill--approach{background:#fbbf2438;color:#fde68a;border:1px solid rgba(251,191,36,.4);gap:.25rem}.gate-type-pill--inside{background:#3b82f638;color:#93c5fd;border:1px solid rgba(59,130,246,.35)}.gate-card{padding:1.35rem 1.35rem 1.35rem 1.5rem;gap:.85rem}.gate-card-name{margin:0;font-size:1.65rem;font-weight:700;line-height:1.2;color:var(--text)}.gate-card-meta{font-size:1.05rem;margin-top:.15rem}.gate-card-detail{margin:0;font-size:1rem;color:var(--text-on-surface)}.gate-card-detail--muted{font-size:.9rem;color:var(--text-muted)}.gate-card-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}.gate-card-badges .badge{font-size:.78rem;padding:.3rem .6rem}.gate-plate-hero{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.75rem 1rem;margin:.25rem 0;background:#facc151a;border:2px solid rgba(250,204,21,.45);border-radius:var(--radius-sm);width:100%}.gate-plate-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fde047}.gate-plate-value{font-size:2.35rem;font-weight:800;letter-spacing:.14em;color:#facc15;line-height:1;text-shadow:0 1px 12px rgba(250,204,21,.25)}.gate-card-actions .btn{padding:.9rem;font-size:.95rem}.gate-section--approach .gate-section-title{color:#fbbf24}.gate-section--inside .gate-section-title{color:#60a5fa}.gate-section--history .gate-section-title{color:var(--text-muted)}.gate-card--inside{border-color:#60a5fa73;box-shadow:0 0 0 1px #60a5fa26}.gate-card--inside .gate-card-stripe{background:#3b82f6}.gate-card--history{opacity:.85}@keyframes gate-pulse{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 0 4px #fbbf2426}}.gate-approach-stats{display:flex;gap:1rem;font-size:1rem;font-weight:600;color:#fde68a}.gate-approach-stats span{display:inline-flex;align-items:center;gap:.3rem}.gate-queue-header{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}.gate-queue-header h2{margin:0;font-size:1.35rem;font-weight:700}.gate-section-hint{margin:.2rem 0 .65rem;font-size:.82rem;color:var(--text-muted)}.gate-roster-list{display:flex;flex-direction:column;gap:.7rem}.gate-roster-card{display:grid;grid-template-columns:minmax(9rem,36%) 1fr;border-radius:var(--radius);overflow:hidden;border:2px solid rgba(51,65,85,.7);background:#0c1222eb;min-height:8rem;transition:border-color .15s,box-shadow .15s}.gate-roster-card--highlight,.gate-roster-card--scanned{border-color:#a78bfa8c;box-shadow:0 0 0 2px #a78bfa33}.gate-roster-card--approach{border-color:#fbbf2480;animation:gate-pulse 2.2s ease-in-out infinite}.gate-roster-card--inside{border-color:#60a5fa80}.gate-roster-card--queue{border-color:#64748b73}.gate-roster-card--no-plate .gate-roster-plate{background:#33415559;border-right-color:#64748b66}.gate-roster-plate{display:flex;align-items:center;justify-content:center;padding:.65rem .45rem;background:linear-gradient(165deg,#facc1538,#eab30814);border-right:4px solid #eab308}.gate-roster-plate-value{font-size:clamp(2.1rem,10vw,4rem);font-weight:900;letter-spacing:.14em;color:#fde047;text-align:center;line-height:1;word-break:break-all;text-shadow:0 2px 20px rgba(250,204,21,.45);-webkit-text-stroke:1px rgba(180,120,0,.35)}.gate-roster-plate-empty{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-align:center;line-height:1.25;color:var(--text-muted)}.gate-roster-body{display:flex;flex-direction:column;justify-content:center;gap:.3rem;padding:.85rem 1rem;min-width:0}.gate-roster-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.15rem}.gate-roster-tag{display:inline-flex;align-items:center;gap:.2rem;padding:.18rem .5rem;border-radius:var(--radius-pill);font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.gate-roster-tag--invite{background:#3b82f633;color:#93c5fd}.gate-roster-tag--resident{background:#10b98133;color:var(--primary-bright)}.gate-roster-tag--recurring{background:#f59e0b33;color:#fcd34d}.gate-roster-tag--approach{background:#fbbf2440;color:#fde68a}.gate-roster-name{margin:0;font-size:clamp(1.4rem,4.8vw,1.9rem);font-weight:800;line-height:1.15;color:#fff}.gate-roster-rut{margin:0;font-size:clamp(1.05rem,3.6vw,1.3rem);font-weight:600;color:var(--text-on-surface);letter-spacing:.02em}.gate-roster-location{margin:.1rem 0 0;display:flex;flex-direction:column;gap:.12rem;font-size:clamp(.95rem,3.2vw,1.12rem);color:var(--text-variant)}.gate-roster-condo{font-weight:700;color:#e2e8f0}.gate-roster-unit{font-weight:700;color:var(--primary-bright)}.gate-roster-host{font-size:.9em;color:var(--text-muted)}.gate-roster-meta{margin:.25rem 0 0;display:flex;flex-wrap:wrap;gap:.75rem;font-size:.95rem;font-weight:600;color:var(--text-muted)}.gate-roster-meta--approach{color:#fde68a}.gate-roster-meta--warn{color:var(--warning)}.gate-roster-meta span{display:inline-flex;align-items:center;gap:.25rem}.gate-roster-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.55rem}.gate-roster-actions .btn{padding:.75rem 1rem;font-size:.95rem;font-weight:700}@media (min-width: 640px){.gate-roster-card{grid-template-columns:11rem 1fr;min-height:7.5rem}.gate-roster-location{flex-direction:row;flex-wrap:wrap;gap:.35rem .75rem}.gate-roster-condo:after{content:"·";margin-left:.75rem;color:var(--text-muted);font-weight:400}.gate-roster-unit:after{content:"·";margin-left:.75rem;color:var(--text-muted);font-weight:400}}.gate-approach-card{animation:gate-pulse 2s ease-in-out infinite}.gate-history-list{display:flex;flex-direction:column;gap:.5rem}.gate-history-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;background:#0f172a8c;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);border-left:4px solid var(--gate-resident)}.gate-history-main{display:flex;flex-direction:column;gap:.15rem}.gate-history-main strong{font-size:1.1rem}.gate-history-sub{font-size:.9rem;color:var(--text-muted)}.gate-history-time{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;font-size:.8rem;color:var(--text-muted);flex-shrink:0}.gate-operator-avatar{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;font-size:1rem;font-weight:800;color:var(--primary-bright);background:var(--primary-dim);border:2px solid rgba(16,185,129,.35);flex-shrink:0}.gate-operator-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.gate-operator-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.gate-operator-name{font-size:1.05rem;color:#fff}.gate-operator-role{font-size:.65rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.15rem .45rem;border-radius:var(--radius-pill);background:var(--primary-dim);color:var(--primary-bright);border:1px solid rgba(16,185,129,.3)}.gate-operator-email,.gate-operator-tenant{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--text-muted)}.gate-operator-badge{margin-left:.35rem;padding:.1rem .4rem;border-radius:var(--radius-pill);background:#3b82f633;color:#93c5fd;font-size:.62rem;font-weight:700}.form-row-inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.form-row-inline .input{flex:1;min-width:8rem}.device-secret-box code{display:block;margin-top:.35rem;padding:.5rem;word-break:break-all;font-size:.78rem;background:#00000040;border-radius:var(--radius-sm)}.gate-device-summary{display:flex;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.88rem;color:var(--primary-bright)}.gate-device-row{align-items:flex-start}.gate-device-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.gate-device-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.gate-device-dot{width:.55rem;height:.55rem;border-radius:50%;background:#64748b;flex-shrink:0}.gate-device-dot--on{background:#22c55e;box-shadow:0 0 8px #22c55e99}.gate-door-status-hint{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem .55rem;font-size:.78rem;color:var(--text-muted)}.door-open-panel{margin-bottom:1rem;padding:1rem;background:linear-gradient(145deg,#10b98124,#0f172ad9);border:1px solid rgba(16,185,129,.35);border-radius:var(--radius)}.door-open-panel--loading,.door-open-panel--empty{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.9rem}.door-open-panel--empty p{margin:0}.door-open-hero-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;width:100%;min-height:5.5rem;padding:1.1rem 1rem;border:2px solid rgba(16,185,129,.45);border-radius:var(--radius);background:#10b9812e;color:var(--primary-bright);cursor:pointer;transition:background .15s,transform .1s}.door-open-hero-btn:active:not(:disabled){transform:scale(.98);background:#10b98147}.door-open-hero-btn:disabled{opacity:.6;cursor:default}.door-open-hero-label{font-size:1.35rem;font-weight:800;letter-spacing:.02em}.door-open-hero-sub{font-size:.88rem;color:#fff;opacity:.9}.door-open-status{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.door-open-status--on{color:#86efac}.door-open-panel-head{display:flex;align-items:center;gap:.65rem;margin-bottom:.85rem}.door-open-panel-head strong{display:block;font-size:1rem;color:#fff}.door-open-all-btn{margin-left:auto;padding:.45rem .75rem;border-radius:var(--radius-pill);border:1px solid rgba(16,185,129,.4);background:#10b98126;color:var(--primary-bright);font-size:.8rem;font-weight:700;cursor:pointer}.door-open-all-btn:disabled{opacity:.55}.door-open-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.65rem}.door-open-device-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-height:5rem;padding:.85rem .5rem;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius);background:#0f172a99;color:var(--primary-bright);cursor:pointer;transition:background .15s}.door-open-device-btn:active:not(:disabled){background:#10b98133}.door-open-device-btn--offline{border-color:#64748b66;color:var(--text-muted)}.door-open-device-btn:disabled{opacity:.55}.door-open-device-name{font-size:.88rem;font-weight:700;text-align:center;line-height:1.2}.door-open-device-status{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;color:var(--text-muted)}.resident-recurring-card{margin-top:1rem}.gate-flash-toast{position:fixed;bottom:calc(6.5rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:90;max-width:min(22rem,calc(100vw - 2rem));padding:.45rem .85rem;font-size:.78rem;font-weight:600;color:var(--primary-bright);background:#0f172aeb;border:1px solid rgba(16,185,129,.35);border-radius:var(--radius-pill);box-shadow:0 4px 16px #00000059;pointer-events:none;animation:gate-flash-in .2s ease-out}@keyframes gate-flash-in{0%{opacity:0;transform:translate(-50%) translateY(.35rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.gate-refresh-spin{animation:gate-refresh-rotate .8s linear infinite}@keyframes gate-refresh-rotate{to{transform:rotate(360deg)}}.gate-alert-controls{margin-bottom:.85rem;padding:.75rem .9rem;background:#0f172aa6;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.gate-alert-controls-head{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;color:var(--text-variant);margin-bottom:.5rem}.gate-alert-live{margin-left:auto;padding:.15rem .5rem;border-radius:var(--radius-pill);background:#f59e0b33;color:#fde68a;font-size:.68rem;font-weight:800;animation:gate-pulse 2s ease-in-out infinite}.gate-alert-toggles{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin-bottom:.55rem}.gate-alert-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-on-surface);cursor:pointer}.gate-alert-toggle input{accent-color:var(--primary)}.gate-alert-actions{display:flex;flex-wrap:wrap;gap:.5rem}.gate-alert-banner{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem;padding:.9rem 1rem;background:linear-gradient(135deg,#f59e0b40,#eab3081f);border:2px solid rgba(251,191,36,.55);border-radius:var(--radius);animation:gate-alert-pop .45s ease-out,gate-pulse 1.8s ease-in-out 2}@keyframes gate-alert-pop{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.gate-alert-banner-icon{color:#fde047;flex-shrink:0}.gate-alert-banner-text{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.gate-alert-banner-text strong{font-size:1rem;color:#fff}.gate-alert-banner-text span{font-size:.92rem;color:var(--text-on-surface)}.gate-alert-banner-plate{font-size:1.35rem!important;font-weight:900!important;letter-spacing:.12em;color:#facc15!important}.gate-alert-banner-close{border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:.25rem}.gate-section--flash{animation:gate-section-flash 1.2s ease-in-out 3}@keyframes gate-section-flash{0%,to{box-shadow:none}50%{box-shadow:0 0 0 4px #fbbf2459}}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem}@media (min-width: 640px){.stats-row{grid-template-columns:repeat(4,1fr)}}.stat-chip{padding:1rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:default;transition:border-color .15s,background .15s;text-align:left;font-family:inherit}button.stat-chip{cursor:pointer}button.stat-chip:hover{border-color:#10b9814d}.stat-chip.active{background:var(--primary-dim);border-color:#10b98166}.stat-chip strong{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-bright);line-height:1.2}.stat-chip span{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.data-table{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.data-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);transition:border-color .15s}.data-row:hover{border-color:#10b98133}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.list-toolbar-title{margin:0;font-size:1.1rem;font-weight:600}.list-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.detail-list{display:grid;gap:.65rem;margin:0 0 1rem}.detail-list>div{display:grid;grid-template-columns:8rem 1fr;gap:.5rem;align-items:baseline}.detail-list dt{margin:0;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.detail-list dd{margin:0}.day-picker{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.day-chip{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:var(--radius-pill);padding:.35rem .65rem;font-size:.8rem;cursor:pointer}.day-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.row-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.row-head strong{color:var(--text);font-size:1rem}.visitor-thumb{width:40px;height:40px;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;border:1px solid var(--border-subtle)}.row-sub{display:block;font-size:.8rem;color:var(--text-muted);line-height:1.45}.row-sub--warn{color:var(--warning)}.access-section{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.access-section-title{margin:0 0 .75rem;font-size:.85rem;font-weight:600;color:var(--primary-bright);text-transform:uppercase;letter-spacing:.04em}.unit-capacity-hint{font-size:.8rem;color:var(--text-muted);margin:-.5rem 0 .75rem}.unit-capacity-hint--full{color:var(--warning);font-weight:600}.authorize-extra-check{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:var(--text-variant);margin-bottom:1rem;cursor:pointer}.authorize-extra-check input{margin-top:.2rem;accent-color:var(--primary)}.resident-list{list-style:none;padding:0;margin:0}.resident-item{display:flex;justify-content:space-between;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--border-subtle)}.resident-item:last-child{border-bottom:none}.qr-display{display:flex;justify-content:center;padding:1.25rem;background:#fff;border-radius:var(--radius);margin:0 auto;max-width:240px}.qr-skeleton{background:var(--surface-high);border-radius:var(--radius);margin:0 auto}.qr-panel{background:var(--input-bg);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:.85rem;font-size:.7rem;word-break:break-all;color:var(--text-muted);font-family:ui-monospace,monospace;margin-top:.75rem}.qr-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.quick-action{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .5rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-on-surface);font-size:.75rem;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s}.quick-action:hover{border-color:#10b98159;background:var(--primary-dim)}.quick-action .qa-icon{font-size:1.35rem}.scan-panel{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;border:2px dashed var(--border);border-radius:var(--radius);background:var(--input-bg);text-align:center}.scan-panel-icon{width:56px;height:56px;display:grid;place-items:center;background:var(--primary-dim);border-radius:var(--radius);font-size:1.5rem}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--text-muted);font-size:.9rem}.empty-state-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.alert{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.alert-error{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(248,113,113,.25)}.alert-success{background:var(--primary-dim);color:var(--primary-bright);border:1px solid rgba(16,185,129,.25)}.gate-view-switch{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;padding:.35rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.gate-view-switch button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem .75rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer}.gate-view-switch button.active{background:var(--surface-high);color:var(--text);box-shadow:0 1px 4px #00000026}.gate-view-switch-badge{min-width:1.2rem;height:1.2rem;padding:0 .35rem;border-radius:var(--radius-pill);background:#3b82f6;color:#fff;font-size:.65rem;font-weight:800;display:grid;place-items:center}.gate-scan-tabs{margin-bottom:1rem}.gate-report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1rem}.gate-report-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem .5rem;text-align:center}.gate-report-stat strong{display:block;font-size:1.5rem;line-height:1.1}.gate-report-stat span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:.25rem}.gate-report-stat small{display:block;font-size:.7rem;color:var(--text-muted);margin-top:.2rem}.gate-report-stat--inside strong{color:var(--gate-inside, #34d399)}.gate-report-stat--entered strong{color:var(--gate-queue, #fbbf24)}.gate-report-stat--exited strong{color:var(--text-muted)}.gate-blacklist-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;margin-bottom:1rem;border-radius:12px;background:#ef444426;border:1px solid rgba(239,68,68,.45);color:#fecaca}.gate-blacklist-banner__text{display:flex;flex-direction:column;gap:.2rem;flex:1}.gate-blacklist-banner__text strong{color:#fff}.gate-blacklist-banner__text small{opacity:.85}.gate-plate-ocr-btn{cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.consent-field{margin:.75rem 0}.consent-field__label{display:flex;gap:.65rem;align-items:flex-start;font-size:.9rem;color:var(--text-variant);cursor:pointer}.consent-field__label input{margin-top:.2rem;accent-color:var(--primary)}.consent-field__label span{display:flex;gap:.4rem;align-items:flex-start}.consent-field__error{color:#f87171}.consent-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;display:grid;place-items:center;padding:1rem}.consent-dialog{max-width:420px;width:100%;background:var(--surface, #1e293b);border-radius:14px;padding:1.25rem;border:1px solid rgba(255,255,255,.08)}.consent-dialog h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem}.consent-dialog__actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.admin-billing-toolbar{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem}.admin-billing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.admin-billing-stat{padding:1rem;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.admin-billing-stat strong{display:block;font-size:1.35rem}.admin-billing-stat span{font-size:.8rem;color:var(--text-variant)}.admin-billing-section{margin-top:1rem}.gate-movement-list{display:flex;flex-direction:column;gap:.5rem}.gate-movement-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .75rem}.gate-movement-main{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.gate-movement-plate{font-weight:700;color:var(--gate-queue);letter-spacing:.06em}.gate-movement-sub{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.gate-movement-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.4rem;font-size:.75rem}.gate-movement-status{font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .4rem;border-radius:4px}.gate-movement-status--inside{background:#34d39926;color:#34d399}.gate-movement-status--exited{background:#94a3b826;color:#94a3b8}.gate-movement-companions{color:var(--text-muted)}.gate-entry-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.gate-companions-input{width:4.5rem;min-width:4.5rem;padding:.4rem .5rem;text-align:center}.plates-panel,.ocr-panel{margin-top:.5rem}@media (min-width: 768px){.app-main{padding:1.5rem 1.25rem 2rem}.visit-card--horizontal{flex-direction:row;align-items:center}.visit-card--horizontal .visit-card-actions{border-top:none;padding-top:0;flex-direction:column;flex-shrink:0}}.admin-personal-gates-card{margin-top:1rem}.admin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.admin-list-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border, #2d3a4d)}.admin-list-item:last-child{border-bottom:none;padding-bottom:0}.admin-list-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem}.resident-personal-gate-cta{margin-top:1rem}.resident-door-actions{display:flex;flex-direction:column;gap:.5rem}