@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Oswald:wght@500;600&family=Roboto+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Oswald:wght@500;600&family=Roboto+Mono:wght@400;500&display=swap";.admin-app{color:#f2ebe0;background:#171311;min-height:100vh;padding-bottom:40px;font-family:Barlow,system-ui,sans-serif}.admin-app *{box-sizing:border-box}.admin-header,.admin-main{width:min(1100px,100% - 32px);margin:auto}.admin-header{border-bottom:1px solid #2e2622;align-items:center;gap:8px;padding:18px 0 14px;display:flex}.admin-header div{margin-right:auto}.admin-header h1,.admin-section h2{text-transform:uppercase;letter-spacing:.08em;margin:0;font:600 21px Oswald,sans-serif}.admin-header p{color:#9c9188;margin:4px 0 0;font-size:12px}.admin-app button{color:#f2ebe0;cursor:pointer;background:#221c19;border:1px solid #3a312b;border-radius:8px;padding:9px 12px}.admin-app button.primary{background:#c8362f;border-color:#c8362f}.admin-app button:disabled{opacity:.45}.admin-invite{background:#252114;border:1px solid #6d5c23;border-radius:10px;align-items:center;gap:12px;width:min(1100px,100% - 32px);margin:14px auto 0;padding:13px;display:flex}.admin-invite div{flex:1;gap:4px;min-width:0;display:grid}.admin-invite code,.admin-row code{color:#d8bd54;word-break:break-all}.admin-invite small,.admin-row small{color:#9c9188;margin-top:4px;display:block}.admin-alert{color:#efaaa6;background:#301b19;border:1px solid #7e342f;border-radius:9px;width:min(1100px,100% - 32px);margin:14px auto 0;padding:11px 13px;font-size:13px}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 26px;display:grid}.admin-metrics article{background:#1c1714;border:1px solid #2e2622;border-radius:11px;padding:15px}.admin-metrics strong{font:600 31px Oswald,sans-serif;display:block}.admin-metrics span{color:#9c9188;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.admin-section{margin-bottom:28px}.admin-section>header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.admin-section h2{letter-spacing:.14em;font-size:15px}.admin-section>header span{color:#9c9188;font:11px Roboto Mono,monospace}.admin-row{background:#1c1714;border:1px solid #2e2622;border-radius:10px;align-items:center;gap:8px;margin-bottom:8px;padding:13px;display:flex}.admin-row>div{flex:1;min-width:0}.admin-row>div>strong{text-transform:uppercase;font:500 18px Oswald,sans-serif}.admin-tag{text-transform:uppercase;letter-spacing:.08em;border-radius:6px;padding:4px 8px;font-size:10px}.admin-tag.active{color:#9eb397;background:#283126}.admin-tag.trial{color:#d8bd54;background:#322c1c}.admin-tag.suspended{color:#dc7771;background:#38201f}.admin-tag.cancelled{color:#9c9188;background:#2e2622}.admin-tag.invite-pending{color:#d8bd54;background:#322c1c}.admin-tag.invite-used{color:#9eb397;background:#283126}.admin-tag.invite-revoked,.admin-tag.invite-expired{color:#9c9188;background:#2e2622}.admin-empty{color:#9c9188;background:#1c1714;border:1px dashed #3a312b;border-radius:10px;padding:18px}@media (width<=720px){.admin-header{flex-wrap:wrap}.admin-header div{flex-basis:100%}.admin-metrics{grid-template-columns:1fr 1fr}.admin-row{flex-wrap:wrap;align-items:flex-start}.admin-row>div{flex-basis:100%}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2ebe0;background:#171311;font-family:Barlow,system-ui,sans-serif}*{box-sizing:border-box}body{background:#171311;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #c9a227}.queue-app{background:#171311;max-width:1320px;min-height:100vh;margin:auto;padding:0 clamp(12px,2.5vw,28px) 24px}.queue-header{z-index:10;border-bottom:1px solid #2e2622;align-items:center;gap:20px;padding:15px 0 13px;display:flex;position:relative}.queue-header h1,.queue-panel h2,.queue-sheet h2,.queue-modal h2{text-transform:uppercase;letter-spacing:.08em;margin:0;font-family:Oswald,sans-serif}.queue-header h1{font-size:21px}.queue-header p{color:#9c9188;margin:4px 0 0;font-size:11px}.queue-header nav{flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-left:auto;display:flex}button,.queue-link{color:#f2ebe0;cursor:pointer;background:#221c19;border:1px solid #3a312b;border-radius:8px;padding:9px 12px;text-decoration:none}button:hover,.queue-link:hover{background:#2e2622}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.queue-link.primary{color:#fff;background:#c8362f;border-color:#c8362f}.queue-alert{background:#301b19;border:1px solid #7e342f;border-radius:9px;margin:12px 0 0;padding:10px 13px;font-size:13px}.queue-columns{grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:12px;min-height:calc(100vh - 105px);margin-top:12px;display:grid}.queue-panel{background:#1c1714;border:1px solid #2e2622;border-radius:14px;overflow:hidden}.queue-panel>header{border-top:3px solid #c8362f;border-bottom:1px solid #2e2622;align-items:center;gap:8px;padding:13px 15px;display:flex}.queue-panel-serving>header{border-top-color:#3a6ea5}.queue-panel h2{letter-spacing:.16em;font-size:14px}.queue-panel header span{color:#9c9188;background:#221c19;border-radius:20px;padding:3px 8px;font-family:Roboto Mono,monospace;font-size:11px}.queue-list{flex-direction:column;gap:8px;padding:11px;display:flex}.queue-card{background:#221c19;border:1px solid #2e2622;border-left:4px solid #4a3b34;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:74px;padding:8px 9px 8px 13px;display:grid}.queue-panel-serving .queue-card{border-left-color:#3a6ea5}.queue-card.is-first{background:linear-gradient(90deg,#c8362f2b,#221c19 62%);border-color:#7e342f #7e342f #7e342f #c8362f;border-left-style:solid;border-left-width:7px;min-height:102px}.queue-position{color:#6b615a;text-align:center;width:25px;font:600 21px Oswald,sans-serif}.is-first .queue-position{color:#c8362f;font-size:28px}.queue-card-main{text-align:left;background:0 0;border:0;min-width:0;padding:6px}.queue-card-main:hover{background:0 0}.queue-card-main small{color:#c8362f;text-transform:uppercase;letter-spacing:.16em;margin-bottom:5px;font-size:9px;display:block}.queue-card-main strong{text-transform:uppercase;overflow-wrap:anywhere;font:500 20px Oswald,sans-serif;display:block}.is-first .queue-card-main strong{font-size:27px}.queue-card-main span{color:#9c9188;margin-top:4px;font:11px Roboto Mono,monospace;display:block}.queue-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.queue-card-actions button{padding:7px 9px;font-size:11px}.queue-empty{color:#9c9188;text-align:center;margin:0;padding:28px 10px}.queue-toast{z-index:80;color:#171311;background:#f2ebe0;border-radius:10px;width:calc(100% - 28px);max-width:520px;padding:13px 16px;font-weight:600;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0009}.queue-modal-backdrop{z-index:90;background:#090706d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.queue-modal{background:#1c1714;border:1px solid #3a312b;border-radius:16px;gap:10px;width:min(390px,100%);padding:19px;display:grid;box-shadow:0 24px 70px #000b}.queue-modal>p{text-align:center;color:#9c9188;text-transform:uppercase;letter-spacing:.15em;margin:0;font-size:10px}.queue-modal h2{text-align:center;margin-bottom:5px;font-size:25px}.queue-modal button{padding:14px;font-weight:600}.queue-modal button small{color:#c2b7ad;margin-top:4px;font-weight:400;display:block}.queue-modal .quiet{color:#9c9188;background:0 0;border:0}.queue-sheet{z-index:70;background:#171311;position:fixed;inset:0;overflow:auto}.queue-sheet>header{z-index:2;background:#171311f5;border-bottom:1px solid #2e2622;justify-content:space-between;align-items:center;padding:15px max(18px,50vw - 360px);display:flex;position:sticky;top:0}.queue-sheet-body{gap:10px;width:min(680px,100% - 32px);margin:20px auto 50px;display:grid}.queue-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:9px;margin-bottom:12px;display:grid}.queue-form label{color:#9c9188;text-transform:uppercase;letter-spacing:.1em;gap:5px;font-size:11px;display:grid}.queue-form input,.queue-sheet textarea{color:#f2ebe0;background:#221c19;border:1px solid #3a312b;border-radius:8px;width:100%;padding:11px}.queue-sheet textarea{resize:vertical;min-height:280px;font:13px/1.6 Roboto Mono,monospace}.queue-row{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 14px;display:flex}.queue-row>span{gap:3px;display:grid}.queue-row small{color:#9c9188}.queue-event{background:#1c1714;border:1px solid #2e2622;border-radius:9px;grid-template-columns:55px 1fr;gap:10px;padding:11px 13px;display:grid}.queue-event time{color:#6b615a;font:11px Roboto Mono,monospace}.queue-link{text-align:center;display:block}@media (width<=820px){.queue-header{align-items:flex-start}.queue-header nav{gap:5px}.queue-header nav button{padding:8px;font-size:11px}.queue-columns{grid-template-columns:1fr;min-height:auto}.queue-panel{min-height:230px}.queue-form{grid-template-columns:1fr}}@media (width<=520px){.queue-app{padding-inline:10px}.queue-header{gap:8px}.queue-header h1{font-size:17px}.queue-header p{max-width:110px}.queue-header nav button:last-child,.queue-header nav button:nth-last-child(2){display:none}.queue-card{grid-template-columns:auto minmax(0,1fr)}.queue-card-actions{border-top:1px solid #2e2622;grid-column:1/-1;justify-content:flex-end;padding-top:6px}.is-first .queue-card-main strong{font-size:23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
