@import"https://font.emtech.cc/css/MiSansTC";.app-container{min-height:100vh;display:flex;flex-direction:column}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-spinner{width:50px;height:50px;border:4px solid var(--surface0);border-top:4px solid var(--blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary{background-color:var(--blue);color:var(--crust)}.btn-primary:hover{background-color:var(--sapphire);transform:translateY(-2px);box-shadow:0 4px 12px #89b4fa4d}.btn-discord{background-color:#5865f2;color:#fff;display:flex;align-items:center;gap:.5rem}.btn-discord:hover{background-color:#4752c4;transform:translateY(-2px);box-shadow:0 4px 12px #5865f24d}.btn-danger{background-color:var(--red);color:var(--crust)}.btn-danger:hover{background-color:var(--maroon);transform:translateY(-2px);box-shadow:0 4px 12px #f38ba84d}.btn-success{background-color:var(--green);color:var(--crust)}.btn-success:hover{background-color:var(--teal)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background-color:var(--mantle);border:1px solid var(--surface0);border-radius:12px;padding:1.5rem}.input{padding:.75rem;border:2px solid var(--surface0);border-radius:8px;background-color:var(--surface0);color:var(--text);font-size:1rem;font-family:inherit;transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--blue)}.select{padding:.75rem;border:2px solid var(--surface0);border-radius:8px;background-color:var(--surface0);color:var(--text);font-size:1rem;font-family:inherit;cursor:pointer}.select:focus{outline:none;border-color:var(--blue)}.table{width:100%;border-collapse:collapse;background-color:var(--mantle);border-radius:12px;overflow:hidden}.table thead{background-color:var(--surface0)}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid var(--surface0)}.table th{font-weight:600;color:var(--subtext1);text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.table tbody tr:hover{background-color:var(--surface0)}.table tbody tr:last-child td{border-bottom:none}.access-control{display:flex;flex-direction:column;gap:2rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.form-group label{font-weight:600;color:var(--subtext1);font-size:.9rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.roles-list{display:flex;flex-direction:column;gap:.75rem}.role-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--surface0);border-radius:8px;transition:background-color .2s ease}.role-item:hover{background-color:var(--surface1)}.role-info{display:flex;flex-direction:column;gap:.25rem}.role-name{font-weight:600;color:var(--text);font-size:1rem}.role-guild{font-size:.875rem;color:var(--subtext0)}.empty-state{text-align:center;color:var(--overlay0);padding:2rem;font-style:italic}.access-logs{width:100%}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.logs-header h2{margin:0}.table-container{overflow-x:auto;border-radius:12px}.log-time{font-family:Fira Code,monospace;font-size:.9rem;color:var(--subtext0);white-space:nowrap}.log-username{font-weight:600;color:var(--text)}.log-userid{font-family:Fira Code,monospace;font-size:.875rem;color:var(--overlay0)}.method-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.method-badge.web{background-color:#89b4fa33;color:var(--blue)}.method-badge.discord{background-color:#cba6f733;color:var(--mauve)}.method-badge.api{background-color:#89dceb33;color:var(--sky)}.method-badge.physical-password{background-color:#a6e3a133;color:var(--green)}.method-badge.unknown{background-color:#6c708633;color:var(--subtext0)}.empty-state{text-align:center;color:var(--overlay0);padding:3rem;font-style:italic}.keypad-test{display:flex;flex-direction:column;gap:2rem}.keypad-test h2{margin:0 0 .75rem;color:var(--text)}.keypad-test-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.keypad-test-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.digits-toggle{display:inline-flex;align-items:center;gap:.5rem;color:var(--subtext1);font-weight:600;white-space:nowrap}.digits-toggle input{width:1rem;height:1rem;accent-color:var(--blue)}.keypad-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.keypad-status-item{display:flex;flex-direction:column;gap:.35rem;padding:1rem;background-color:var(--surface0);border-radius:8px}.keypad-status-item span{color:var(--subtext0);font-size:.85rem;font-weight:600;text-transform:uppercase}.keypad-status-item strong{color:var(--text);font-size:1rem;word-break:break-word}.keypad-status-item .status-ok{color:var(--green)}.keypad-status-item .status-warn{color:var(--yellow)}.keypad-warning{margin-top:1rem;padding:1rem;background-color:#f9e2af1a;border:1px solid var(--yellow);border-radius:8px;color:var(--yellow)}.keypad-warning code{background-color:var(--surface0);padding:.1rem .35rem;border-radius:4px}.keypad-events{display:flex;flex-direction:column;gap:.75rem}.keypad-event{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background-color:var(--surface0);border-left:4px solid var(--surface2);border-radius:8px}.keypad-event.key,.keypad-event.submit{border-left-color:var(--blue)}.keypad-event.clear,.keypad-event.idle_reset,.keypad-event.test_cleared{border-left-color:var(--yellow)}.keypad-event.access_granted{border-left-color:var(--green)}.keypad-event.access_denied,.keypad-event.access_rejected,.keypad-event.scan_error{border-left-color:var(--red)}.keypad-event-title{color:var(--text);font-weight:700}.keypad-event-detail{margin-top:.25rem;color:var(--subtext0);font-size:.9rem;word-break:break-word}.keypad-event-time{color:var(--subtext0);font-family:Fira Code,monospace;font-size:.82rem;white-space:nowrap}@media(max-width:720px){.keypad-test-header,.keypad-event{align-items:flex-start;flex-direction:column}.keypad-test-actions{justify-content:flex-start}}.physical-passwords{display:flex;flex-direction:column;gap:2rem}.physical-passwords h2{margin:0 0 .75rem;color:var(--text)}.section-description{color:var(--subtext0);margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--subtext1);font-size:.9rem;font-weight:600}.pin-form{display:flex;flex-direction:column;gap:1.25rem}.keypad-entry-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--surface0);border:1px solid var(--surface1);border-radius:8px}.keypad-entry-step{display:flex;align-items:center;gap:.75rem;min-width:0;color:var(--subtext1);font-size:.92rem}.keypad-entry-key{display:inline-flex;align-items:center;justify-content:center;flex:0 0 2.5rem;width:2.5rem;height:2.5rem;background-color:var(--surface1);border:1px solid var(--surface2);border-radius:6px;color:var(--text);font-family:Fira Code,monospace;font-weight:700}.keypad-entry-note{grid-column:1 / -1;color:var(--subtext0);font-size:.88rem;line-height:1.5}.pin-input{font-family:Fira Code,monospace;letter-spacing:.08em}.pin-actions,.pin-list-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.pin-list-header{justify-content:space-between;margin-bottom:1rem}.pin-list,.pin-log-list{display:flex;flex-direction:column;gap:.75rem}.pin-item,.pin-log-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background-color:var(--surface0);border-radius:8px}.pin-info{display:flex;flex-direction:column;gap:.35rem;min-width:0}.pin-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.pin-label{font-weight:700;color:var(--text);word-break:break-word}.pin-meta{color:var(--subtext0);font-size:.875rem}.pin-status{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.pin-status.active{background-color:#a6e3a129;color:var(--green)}.pin-status.scheduled{background-color:#f9e2af29;color:var(--yellow)}.pin-status.expired,.pin-status.revoked{background-color:#6c70863d;color:var(--subtext0)}.pin-log-action{font-weight:700;color:var(--text)}.pin-log-time{color:var(--subtext0);font-family:Fira Code,monospace;font-size:.82rem;white-space:nowrap}@media(max-width:640px){.keypad-entry-guide{grid-template-columns:1fr}.pin-item,.pin-log-item{align-items:flex-start;flex-direction:column}}.unlock-section{display:flex;flex-direction:column;gap:2rem}.unlock-card{text-align:center}.unlock-card h2{font-size:2rem;margin-bottom:1rem;color:var(--text)}.unlock-description{color:var(--subtext0);margin-bottom:2rem;font-size:1.1rem}.unlock-button{font-size:1.25rem;padding:1.25rem 3rem;width:100%;max-width:400px}.countdown-container{margin-top:2rem;padding:1.5rem;background-color:var(--surface0);border-radius:12px}.countdown-bar{width:100%;height:24px;background-color:var(--surface1);border-radius:12px;overflow:hidden;margin-bottom:1rem}.countdown-progress{height:100%;background:linear-gradient(90deg,var(--green),var(--teal));border-radius:12px;transition:width 1s linear}.countdown-text{font-size:1.1rem;font-weight:600;color:var(--text);margin:0}.info-card{background-color:var(--mantle)}.info-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text)}.info-list{list-style:none;padding:0;margin:0}.info-list li{color:var(--subtext0);border-bottom:1px solid var(--surface0);position:relative;padding:.75rem 0 .75rem 1.5rem}.info-list li:last-child{border-bottom:none}.info-list li:before{content:"▸";position:absolute;left:0;color:var(--blue);font-weight:700}.success-message{margin-top:1.5rem;padding:1rem;background-color:#a6e3a11a;border:1px solid var(--green);border-radius:8px;color:var(--green);font-weight:600}.error-message{margin-top:1.5rem;padding:1rem;background-color:#f38ba81a;border:1px solid var(--red);border-radius:8px;color:var(--red);font-weight:600}.api-token-card h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--text)}.api-token-description{color:var(--subtext0);margin-bottom:1rem;font-size:.95rem}.token-meta{font-size:.85rem;color:var(--subtext1);margin-bottom:1rem}.token-reveal{background-color:var(--surface0);border-radius:10px;padding:1rem;margin-bottom:1rem}.token-warning{font-size:.85rem;color:var(--yellow);font-weight:600;margin:0 0 .75rem}.token-box{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.token-value{flex:1;font-family:monospace;font-size:.8rem;word-break:break-all;color:var(--text);background:var(--surface1);padding:.5rem .75rem;border-radius:6px}.token-usage{font-size:.8rem;color:var(--subtext0);margin:0;line-height:1.8}.token-usage code{background:var(--surface1);padding:.1rem .4rem;border-radius:4px;font-size:.78rem;color:var(--blue)}.token-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.btn-secondary{background-color:var(--surface1);color:var(--text);border:1px solid var(--surface2)}.btn-secondary:hover{background-color:var(--surface2)}.btn-sm{padding:.35rem .75rem;font-size:.85rem;white-space:nowrap}.admin-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--base)}.admin-header{background-color:var(--mantle);border-bottom:1px solid var(--surface0);padding:1.5rem 2rem;box-shadow:0 2px 8px #0003}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-size:1.75rem;color:var(--blue);margin:0}.header-user{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.5rem}.user-name{font-weight:600;color:var(--text)}.admin-badge{background-color:var(--mauve);color:var(--crust);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.admin-content{flex:1;display:flex;max-width:1400px;margin:0 auto;width:100%;padding:2rem;gap:2rem}.admin-nav{display:flex;flex-direction:column;gap:.5rem;min-width:220px}.nav-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:var(--mantle);border:1px solid var(--surface0);border-radius:10px;color:var(--text);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.nav-item:hover{background-color:var(--surface0);border-color:var(--surface1)}.nav-item.active{background-color:var(--blue);color:var(--crust);border-color:var(--blue);font-weight:600}.nav-icon{font-size:1.25rem}.admin-main{flex:1}@media(max-width:768px){.admin-content{flex-direction:column}.admin-nav{flex-direction:row;min-width:unset;overflow-x:auto}.nav-item{white-space:nowrap}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--base) 0%,var(--mantle) 100%)}.login-card{background-color:var(--mantle);border:1px solid var(--surface0);border-radius:16px;padding:3rem;max-width:450px;width:100%}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--blue)}.login-header p{color:var(--subtext0);font-size:1rem}.login-methods{display:flex;flex-direction:column;gap:1.5rem}.password-form{display:flex;flex-direction:column;gap:1rem}.divider{display:flex;align-items:center;gap:1rem;color:var(--overlay0);font-size:.875rem;font-weight:600}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:var(--surface0)}.error-message{padding:.75rem;background-color:#f38ba81a;border:1px solid var(--red);border-radius:8px;color:var(--red);text-align:center}:root{--base: #1e1e2e;--mantle: #181825;--crust: #11111b;--surface0: #313244;--surface1: #45475a;--surface2: #585b70;--overlay0: #6c7086;--overlay1: #7f849c;--overlay2: #9399b2;--subtext0: #a6adc8;--subtext1: #bac2de;--text: #cdd6f4;--lavender: #b4befe;--blue: #89b4fa;--sapphire: #74c7ec;--sky: #89dceb;--teal: #94e2d5;--green: #a6e3a1;--yellow: #f9e2af;--peach: #fab387;--maroon: #eba0ac;--red: #f38ba8;--mauve: #cba6f7;--pink: #f5c2e7;--flamingo: #f2cdcd;--rosewater: #f5e0dc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:MiSansTC,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--base);color:var(--text);min-height:100vh}code{font-family:Fira Code,Courier New,monospace}#root{min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--mantle)}::-webkit-scrollbar-thumb{background:var(--surface1);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--surface2)}