@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@700&display=swap";.admin-dashboard-container{display:grid!important;grid-template-columns:3fr 3fr 4fr;height:100vh!important;max-width:100vw!important;width:100vw!important;margin:0!important;left:0!important;position:fixed!important;top:0!important;max-height:100vh!important;padding:20px;gap:20px;overflow:hidden;box-sizing:border-box}.admin-column{display:flex;flex-direction:column;gap:15px;min-height:0;max-width:none!important;width:100%!important;height:100%;overflow:hidden}.admin-sidebar,.admin-users,.admin-main{height:100%;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 1200px){.admin-dashboard-container{grid-template-columns:300px 1fr;grid-template-rows:1fr 1fr}.admin-column:first-child{grid-row:span 2}}@media (max-width: 900px){.admin-dashboard-container{display:flex!important;flex-direction:column!important;height:auto!important;min-height:100vh}.admin-column{height:500px;flex-shrink:0}}.player-list-item{padding:12px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.player-list-item:hover{background:#ffffff1a;transform:translate(5px)}.player-list-item.selected{background:#00ff411a;border-color:var(--led-green);box-shadow:0 0 15px #00ff411a}#root{width:100%;margin:0;padding:0;text-align:center;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--metal-dark: #0a0a0c;--metal-shine: #1a1a1e;--industrial-gray: #25252b;--led-red: #ff0000;--led-red-glow: rgba(255, 0, 0, .6);--led-green: #00ff00;--led-green-glow: rgba(0, 255, 0, .6);--warning-yellow: #ffcc00;--tablet-border: #333}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:Orbitron,sans-serif;background-color:var(--metal-dark);color:#fff;overflow:hidden;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:linear-gradient(#0006,#0009),url(/vault-bg.jpeg) no-repeat center center;background-size:cover}#root{width:100%;height:100%}.app-container{width:100%;height:100vh;display:flex;flex-direction:column;padding:1rem;box-sizing:border-box;position:relative;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);overflow-x:hidden}.glass-ui{max-width:450px;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;box-shadow:0 25px 50px #000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.display-screen{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;background:#000c;border:4px solid #111;margin:1rem 0;border-radius:4px;position:relative;box-shadow:inset 0 0 50px #000;overflow:hidden}.display-screen:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;pointer-events:none;z-index:2}.header-text{z-index:3}.code-slots{display:flex;gap:12px;z-index:3;width:100%;justify-content:center;padding:0 10px;box-sizing:border-box}.slot{flex:1;max-width:80px;min-width:25px;aspect-ratio:2/3;background:#000;border:2px solid #222;display:flex;justify-content:center;align-items:center;font-size:calc(4rem - var(--slots-count, 4) * .3rem);font-weight:900;color:#111;font-family:Orbitron,sans-serif;transition:all .1s ease;box-shadow:inset 0 0 20px #000}@media (max-width: 768px){.slot{font-size:calc(3rem - var(--slots-count, 4) * .2rem)}}.slot.filled{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);border-color:#666}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;max-width:450px;margin:0 auto 1rem}.key-btn{width:100%;aspect-ratio:1.5;background:linear-gradient(180deg,#2a2a30,#15151a);border:2px solid #333;color:#888;font-size:1.8rem;font-weight:900;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 8px #000,0 12px 15px #00000080;transition:all .05s ease;border-radius:4px;box-sizing:border-box}.key-btn:active{transform:translateY(8px);box-shadow:0 0 #000;background:#111;color:var(--led-red);border-color:var(--led-red)}.key-btn.special{font-size:1rem;color:var(--warning-yellow)}@keyframes vault-shake{0%,to{transform:translate(0)}10%{transform:translate(-4px,-4px)}30%{transform:translate(4px,4px)}50%{transform:translate(-4px,4px)}70%{transform:translate(4px,-4px)}}.status-error{animation:vault-shake .2s ease-in-out infinite}.status-error .slot.filled{color:var(--led-red);text-shadow:0 0 15px var(--led-red-glow),0 0 5px var(--led-red);border-color:var(--led-red)}.status-success .slot.filled{color:var(--led-green);text-shadow:0 0 20px var(--led-green-glow);border-color:var(--led-green)}.admin-trigger{position:absolute;top:0;right:0;width:60px;height:60px;z-index:50;opacity:0}.help-area-trigger{position:absolute;top:0;left:0;width:60px;height:60px;z-index:50;opacity:0}.admin-modal{position:absolute;left:50%;top:50%;width:90%;max-width:500px;max-height:85vh;background:#111;border:2px solid #333;z-index:100;padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 0 100px #000;color:#fff;border-radius:12px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #333}.code-list{flex:1;overflow-y:auto}.code-item{background:#1a1a1a;padding:1rem;border-radius:4px;margin-bottom:.8rem;display:flex;justify-content:space-between;align-items:center;border:1px solid #222;transition:all .3s ease;gap:10px}@media (max-width: 400px){.code-item{padding:.75rem}.code-item>div:first-child{flex:1;min-width:0}}.active-code-border{border:1px solid var(--led-green)!important;box-shadow:inset 0 0 10px #00ff001a}.input-group{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:1rem}@media (max-width: 480px){.input-group{grid-template-columns:1fr;gap:8px}}input{background:#000;border:1px solid #333;padding:.8rem;color:#fff;font-family:Orbitron,sans-serif;width:100%;box-sizing:border-box}.btn-primary{background:var(--warning-yellow);border:none;width:44px;color:#000;font-weight:900;cursor:pointer}.digital-clock{background:#1a0000;padding:10px 20px;border-radius:8px;border:2px solid var(--led-red);box-shadow:0 0 20px var(--led-red-glow);font-family:Orbitron,sans-serif;font-weight:900;color:#fff;text-shadow:0 0 10px var(--led-red);line-height:1}.digital-clock.mini{font-size:1.5rem;padding:5px 15px;margin-top:5px}.timer-display{font-size:3.5rem}.admin-title{font-size:1.25rem;font-weight:900;color:var(--warning-yellow);letter-spacing:1px}@media (max-width: 480px){.app-container{padding:.5rem}.glass-ui{padding:.75rem;border-radius:12px;gap:.5rem}.display-screen{gap:.5rem;padding:1rem .25rem;flex:1;margin:0}.code-slots{gap:6px;padding:0 4px}.keypad{gap:8px;margin-top:0}.digital-clock{font-size:2.2rem;padding:8px 15px}.timer-display{font-size:2.5rem}.admin-title{font-size:1.1rem}.key-btn{aspect-ratio:1.9;font-size:1.4rem;box-shadow:0 4px #000,0 6px 10px #00000080}.admin-modal{width:95%;max-height:95vh;padding:1rem;margin:0}.admin-header{margin-bottom:1rem;padding-bottom:.75rem}.input-group{margin-top:.75rem}.btn-primary{height:50px!important}}.admin-footer-btns{display:flex;gap:10px;margin-top:1rem}@media (max-width: 400px){.admin-footer-btns{flex-direction:column;gap:8px}}.help-trigger{position:absolute;top:15px;left:15px;background:transparent;border:none;color:#444;cursor:pointer;z-index:50;transition:color .3s ease}.help-trigger:hover{color:var(--led-green)}.help-modal{border-color:var(--led-green)}.help-content{overflow-y:auto;flex:1;font-family:JetBrains Mono,monospace;padding-right:5px}.help-content section{margin-bottom:1.5rem}.help-content h3{font-size:1.1rem;color:var(--led-green);margin-bottom:.7rem;letter-spacing:1px}.help-content li{font-size:.85rem;line-height:1.5;color:#ffffffd9;margin-bottom:.8rem;letter-spacing:-.2px}.help-content li strong{color:#fff;font-weight:700}.help-content code{background:#222;padding:2px 5px;border-radius:3px;color:var(--warning-yellow)}.pwa-install-prompt{position:fixed;bottom:25px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:360px;z-index:2000;background:#0f0f14e6;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 25px 50px -12px #000c;padding:24px}.pwa-prompt-container{font-family:JetBrains Mono,monospace}.pwa-prompt-container h3{font-family:Orbitron,sans-serif}.pwa-steps-list{display:flex;flex-direction:column;gap:15px}.pwa-step-item{display:flex;align-items:center;gap:15px;color:#ccc;font-size:.88rem}.pwa-icon-box{width:40px;height:40px;background:#ffffff0d;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-step-item strong{color:#fff}.auth-input-container{position:relative;width:100%;margin-bottom:.5rem}.auth-btn{width:100%;height:50px;background:var(--warning-yellow);color:#000;border:none;font-weight:900;font-family:Orbitron,sans-serif;font-size:1rem;letter-spacing:2px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;box-shadow:0 0 15px #ffcc004d;transition:all .2s;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.auth-btn:hover{background:#ffdb4d;box-shadow:0 0 25px #ffcc0080;transform:translateY(-2px)}.auth-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}