.app-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:#000}.puerta-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#0a0a0cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100}.header-back-btn{color:var(--gold);font-size:24px;text-decoration:none;line-height:1;padding:0 4px}.puerta-title{font-family:Oswald,sans-serif;font-size:16px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.puerta-subtitle{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:1.5px;margin-top:1px;display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.offline-toggle-btn{margin-left:auto;font-family:Outfit,sans-serif}.logout-btn{background:none;border:1px solid rgba(255,255,255,.08);color:#fff6;padding:6px 12px;border-radius:8px;font-size:11px;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s;letter-spacing:.5px}.logout-btn:hover{border-color:var(--red);color:var(--red)}.event-selector{margin:0 12px 8px;padding:10px 14px;border-radius:12px;display:flex;align-items:center;gap:10px}.mode-selector{display:flex;gap:0;margin:8px 12px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.mode-btn{flex:1;padding:14px 8px;font-size:12px;font-weight:700;text-align:center;cursor:pointer;font-family:Oswald,sans-serif;border:none;background:#ffffff05;color:#ffffff4d;transition:all .25s;text-transform:uppercase;letter-spacing:2px}.mode-btn:first-child{border-radius:12px 0 0 12px;border-right:1px solid rgba(255,255,255,.04)}.mode-btn:last-child{border-radius:0 12px 12px 0}.mode-btn.active-security{background:linear-gradient(135deg,#4285f426,#4285f40d);color:#5b9bf5;box-shadow:inset 0 -2px #4285f4}.mode-btn.active-vip{background:linear-gradient(135deg,#c9a22c26,#c9a22c0d);color:var(--gold-light);box-shadow:inset 0 -2px 0 var(--gold)}.puerta-stats{margin:4px 12px 8px}.stats-bar{display:flex;gap:6px}.stat-box{flex:1;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:10px 4px;text-align:center}.stat-num{font-size:24px;font-weight:700;font-family:Oswald,sans-serif;line-height:1}.stat-num.green{color:#2ad162}.stat-num.orange{color:#e89b00}.stat-num.red{color:#e83b50}.stat-label{font-size:8px;color:#ffffff4d;text-transform:uppercase;letter-spacing:1.5px;margin-top:6px;font-weight:600}.scanner-section{flex:1;display:flex;flex-direction:column;padding:8px 12px;gap:10px}.scanner-container{width:100%;aspect-ratio:1;max-height:55vh;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#080808;position:relative}.scanner-container video{width:100%!important;height:100%!important;object-fit:cover!important}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.scanner-frame{width:65%;aspect-ratio:1;border:2px solid rgba(255,255,255,.25);border-radius:16px;box-shadow:0 0 0 2000px #00000080,inset 0 0 30px #ffffff08}.scanner-controls{display:flex;gap:10px}.scanner-btn{flex:1;padding:16px;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;font-family:Oswald,sans-serif;border:none;transition:all .2s;letter-spacing:2px;text-transform:uppercase}.scanner-btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#000}.scanner-btn.primary:active{transform:scale(.97)}.scanner-btn.secondary{background:#ffffff0a;color:#ffffff80;border:1px solid rgba(255,255,255,.08)}.result-card{border-radius:20px;padding:28px 24px;animation:resultPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes resultPop{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.result-card.valid{background:linear-gradient(135deg,#2ad1621f,#2ad1620a);border:1px solid rgba(42,209,98,.25)}.result-card.already-scanned{background:linear-gradient(135deg,#e89b001f,#e89b000a);border:1px solid rgba(232,155,0,.25)}.result-card.invalid{background:linear-gradient(135deg,#e83b501f,#e83b500a);border:1px solid rgba(232,59,80,.25)}.result-icon{font-size:40px;text-align:center;margin-bottom:12px}.result-title{font-family:Oswald,sans-serif;font-size:20px;font-weight:700;text-align:center;margin-bottom:16px;letter-spacing:2px}.result-card.valid .result-title{color:#2ad162}.result-card.already-scanned .result-title{color:#e89b00}.result-card.invalid .result-title{color:#e83b50}.result-info{display:flex;flex-direction:column;gap:0}.result-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.result-row:last-child{border-bottom:none}.result-label{font-size:10px;color:#ffffff59;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.result-value{font-size:14px;font-weight:600;color:#ffffffd9}.dismiss-btn{width:100%;padding:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffff80;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;font-family:Outfit,sans-serif;margin-top:12px;transition:all .2s;letter-spacing:.5px}.dismiss-btn:hover{background:#ffffff14}.history-section{padding:4px 12px 24px}.history-title{font-family:Oswald,sans-serif;font-size:12px;font-weight:600;color:#ffffff40;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.04)}.history-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.history-dot.valid{background:#2ad162;box-shadow:0 0 8px #2ad16266}.history-dot.warning{background:#e89b00;box-shadow:0 0 8px #e89b0066}.history-dot.invalid{background:#e83b50;box-shadow:0 0 8px #e83b5066}.history-info{flex:1;min-width:0}.history-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fffc}.history-detail{font-size:10px;color:#ffffff4d;margin-top:2px;letter-spacing:.3px}.history-time{font-size:10px;color:#fff3;flex-shrink:0;font-family:Oswald,sans-serif;letter-spacing:1px}.precheck-badge{display:inline-block;padding:5px 14px;border-radius:10px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.precheck-badge.verified{background:#4285f41f;color:#5b9bf5;border:1px solid rgba(66,133,244,.25)}.precheck-badge.not-verified{background:#e89b001a;color:#e89b00;border:1px solid rgba(232,155,0,.25)}.spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.08);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}.install-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#c9a22c0f;border-bottom:1px solid rgba(201,162,44,.1)}.install-banner-text{flex:1;font-size:12px;color:#ffffff80}.install-banner-btn{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#000;border:none;padding:8px 16px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif;white-space:nowrap;letter-spacing:.5px}.install-banner-close{background:none;border:none;color:#ffffff4d;font-size:18px;cursor:pointer;padding:4px}#qr-reader{width:100%;height:100%}#qr-reader video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}#qr-reader__scan_region{min-height:unset!important}#qr-reader__scan_region img,#qr-reader__dashboard,#qr-reader__header_message{display:none!important}@supports (padding-bottom: env(safe-area-inset-bottom)){.app-container{padding-bottom:env(safe-area-inset-bottom)}}