.key-dispenser,.key-admin{gap:1.25rem;display:grid}.key-dispenser{max-width:64rem;margin:0 auto}.key-dispenser__status{color:#c9bda9;letter-spacing:.08em;background:#e4a2340f;border:1px solid #e4a23440;border-radius:999px;align-items:center;gap:.65rem;width:max-content;padding:.55rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.65rem;display:flex}.key-status-dot{background:#d9a44d;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 1rem #e4a234b3}.key-dispenser.is-unavailable .key-status-dot{box-shadow:none;background:#81776b}.key-form,.key-result,.admin-login,.admin-card{border:1px solid var(--color-line);background:radial-gradient(circle at 90% 0,#e4a23417,#0000 22rem),#11100dd1;border-radius:1.35rem;padding:clamp(1.4rem,4vw,2.8rem);box-shadow:0 2rem 7rem #00000029}.key-form,.key-result,.admin-login,.admin-card,.key-form header,.admin-card header{gap:1.25rem;display:grid}.key-form header,.admin-card header{gap:.7rem}.key-kicker,.key-form h2,.key-form p,.key-result h2,.key-result p,.admin-login h2,.admin-card h2,.admin-toolbar p{margin:0}.key-kicker{color:var(--color-accent);letter-spacing:.17em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.63rem}.key-form h2,.key-result h2,.admin-login h2,.admin-card h2{letter-spacing:-.045em;font-size:clamp(1.65rem,4vw,2.8rem);font-weight:590}.key-form header>p:last-child,.key-result>p,.admin-card__actions span{color:var(--color-muted);line-height:1.7}.key-fields,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.key-form label,.admin-login label,.admin-card label{color:#aaa092;letter-spacing:.1em;text-transform:uppercase;gap:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.66rem;display:grid}.key-form input,.admin-login input,.admin-card input,.admin-card textarea{width:100%;min-height:3.25rem;color:var(--color-ink);font:inherit;letter-spacing:normal;text-transform:none;background:#060504b8;border:1px solid #f1eadf29;border-radius:.8rem;padding:.8rem .9rem}.admin-card textarea{resize:vertical;min-height:13rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.6}.key-form input::placeholder,.admin-card textarea::placeholder{color:#71685e}.key-primary-button,.key-code-row button,.admin-toolbar button,.admin-card button,.admin-records td button{color:#e8dfd3;cursor:pointer;background:#f1eadf12;border:1px solid #f1eadf30;border-radius:999px;width:max-content;min-height:2.8rem;padding:.7rem 1rem}.key-primary-button{color:#120d06;background:#e4a234;border-color:#e4a234;min-width:10rem;font-weight:720}.key-primary-button:disabled,.admin-card button:disabled,.admin-records td button:disabled{cursor:not-allowed;opacity:.5}.key-primary-button:not(:disabled):hover,.key-code-row button:hover,.admin-card button:hover,.admin-toolbar button:hover,.admin-records td button:hover{color:#ffc85a;border-color:#ffc85a}.key-primary-button:not(:disabled):hover{color:#120d06;background:#ffc05a}.key-message{color:#b4aa9e;min-height:1.2em;margin:0}.key-message[data-error=true]{color:#ffad84}.key-result[hidden],.key-form[hidden],.admin-login[hidden],.admin-dashboard[hidden],.key-group[hidden]{display:none}.key-code-row{background:#080705;border:1px solid #e4a23447;border-radius:1rem;align-items:center;gap:.8rem;padding:.8rem;display:flex}.key-code-row code{overflow-wrap:anywhere;color:#ffd48b;letter-spacing:.08em;flex:1;padding:.4rem .5rem;font-size:clamp(1.05rem,3vw,1.65rem)}.key-activation-guide{gap:.8rem;margin:0;display:grid}.key-activation-guide figcaption{color:#e8dfd3;font-size:.92rem;line-height:1.65}.key-activation-guide img{background:#151b22;border:1px solid #f1eadf29;border-radius:.85rem;width:min(100%,28.375rem);height:auto;display:block}.key-group{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:1.5rem;margin-top:.5rem;padding-top:1.5rem;display:flex}.key-group>div{gap:.45rem;display:grid}.key-group span{color:var(--color-muted);font-size:.78rem}.key-group strong{letter-spacing:.04em;font-size:clamp(1.5rem,4vw,2.6rem)}.key-group img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:.85rem;width:min(10rem,36vw)}.key-back-link{width:max-content;color:var(--color-accent);font-size:.78rem}.key-admin{max-width:88rem;margin:0 auto}.admin-login{max-width:34rem}.admin-dashboard{gap:1.25rem;display:grid}.admin-toolbar,.admin-records__header,.admin-card__actions{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.admin-stats{border:1px solid var(--color-line);background:var(--color-line);border-radius:1.1rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.admin-stats>div{background:#100e0b;padding:1.2rem}.admin-stats dt{color:var(--color-muted);font-size:.68rem}.admin-stats dd{color:#f0c77f;margin:.45rem 0 0;font-size:clamp(1.5rem,4vw,2.6rem)}.admin-checkbox{grid-template-columns:auto 1fr;align-items:center;width:max-content;display:flex!important}.admin-checkbox input{width:1rem;min-height:1rem;accent-color:var(--color-accent)}.admin-card__actions{justify-content:flex-start;min-height:2.8rem}.admin-card__actions span{font-size:.75rem}.admin-records{overflow:hidden}.admin-table-wrap{overflow-x:auto}.admin-records table{border-collapse:collapse;width:100%;font-size:.78rem}.admin-records th,.admin-records td{border-bottom:1px solid var(--color-line);text-align:left;white-space:nowrap;padding:.9rem .8rem}.admin-records th{color:#8e857a;letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem}.admin-records td[data-status=issued]{color:#e8bd73}.admin-records td[data-status=returned]{color:#8e857a}.admin-records td button{min-height:2rem;padding:.35rem .65rem;font-size:.7rem}.admin-key-code{color:#d8c19a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.admin-empty{color:var(--color-muted);margin:0}@media (width<=760px){.key-fields,.admin-grid{grid-template-columns:1fr}.key-code-row,.key-group,.admin-records__header{flex-direction:column;align-items:stretch}.key-code-row button{width:100%}.key-group img{width:min(12rem,70vw)}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}