:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}html,body,#root{color:#fff;background:#0b0f15;width:100%;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.page{background:radial-gradient(circle at 50% 0,#3b82f61f,#0000 34%),radial-gradient(circle at 12% 85%,#ff8a0012,#0000 28%),linear-gradient(#080c12 0%,#121821 100%);justify-content:center;align-items:center;min-height:100vh;padding:18px;display:flex}.system-shell{background:#161d27;border:1px solid #2d3748;border-radius:18px;width:min(1380px,96vw);height:min(660px,100vh - 36px);overflow:hidden;box-shadow:0 28px 90px #00000094,0 0 0 1px #ffffff06}.topbar{background:#1a2230;border-bottom:1px solid #2d3748;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logoBox{color:#0b0f15;background:linear-gradient(#ff9f1c,#ff7a00);border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:flex}.brandTitle{letter-spacing:.5px;font-size:22px;font-weight:900}.brandSub{color:#95a3b8;letter-spacing:1px;margin-top:3px;font-size:11px}.sessionBadge{background:#202a3a;border:1px solid #3a4658;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:800}.mainArea{grid-template-columns:220px 1fr 220px;gap:18px;height:calc(100% - 124px);padding:18px;display:grid}.mainArea.adminOpen{grid-template-columns:210px 1fr 210px 390px}.liveActivityCard,.queueCard,.scannerCard,.adminCard{background:#1b2431;border:1px solid #334155;border-radius:14px;overflow:hidden}.adminCard{background:linear-gradient(#1d2634 0%,#171f2b 100%);min-width:390px;box-shadow:inset 0 1px #ffffff08,0 12px 28px #00000038}.liveActivityCard,.queueCard{padding:14px;overflow-y:auto}.liveTitle{color:#a6b4c8;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:11px;font-weight:900}.emptyLive{color:#7f8da3;font-size:12px}.liveItem,.queueItem{border-top:1px solid #334155;gap:3px;padding:10px 0;display:grid}.liveItem:first-of-type,.queueItem:first-of-type{border-top:none}.liveItem strong,.queueItem strong{font-size:13px}.liveItem span,.queueItem span{color:#dce6f4;font-size:12px}.liveItem small,.queueItem small{color:#93a4bb;overflow-wrap:anywhere;font-size:11px}.queueItem{background:#ff8a000f;border-left:4px solid #ff8a00;border-radius:8px;margin-bottom:8px;padding-left:10px}.cardHeader{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;height:56px;padding:0 18px;font-size:17px;font-weight:900;display:flex}.cardHeader span{color:#93a4bb;font-size:11px}.cardBody{padding:34px 24px 24px}.cardBody h1{text-align:center;letter-spacing:-.5px;margin:0;color:#fff;max-width:420px;margin-inline:auto;font-size:30px;font-weight:900;line-height:1.1}.cardBody p{text-align:center;color:#a6b4c8;margin-top:14px;max-width:460px;margin-inline:auto;font-size:15px;line-height:1.4}.scanInput{color:#111827;text-align:center;background:#f8fafc;border:2px solid #ff8a00;border-radius:12px;outline:none;width:100%;height:68px;margin-top:22px;font-size:28px;font-weight:900;box-shadow:0 0 0 3px #ff8a0014,inset 0 1px #ffffffe6}.statusBox{text-align:center;background:#202a3a;border-left:5px solid #3b82f6;border-radius:10px;min-height:78px;margin-top:18px;padding:16px}.statusBox.success{border-left-color:#22c55e}.statusBox.error{border-left-color:#ef4444}.statusBox.warning{border-left-color:#facc15}.statusBox.processing{border-left-color:#ff8a00}.statusTitle{font-size:18px;font-weight:900}.statusText{color:#dce6f4;margin-top:6px;font-size:15px;font-weight:700}.adminBody{height:calc(100% - 56px);padding:16px;overflow-y:auto}.adminBody label{color:#a6b4c8;letter-spacing:.8px;text-transform:uppercase;margin:10px 0 6px;font-size:10px;font-weight:900;display:block}.adminBody input{color:#111827;background:#f8fafc;border:1px solid #475569;border-radius:9px;outline:none;width:100%;height:40px;padding:0 12px;font-size:14px;font-weight:700}.searchResults{gap:8px;margin-top:10px;display:grid}.searchItem{color:#fff;text-align:left;cursor:pointer;background:#202a3a;border:1px solid #334155;border-radius:9px;gap:3px;min-height:54px;padding:10px;display:grid}.searchItem strong{font-size:13px}.searchItem span{color:#dce6f4;font-size:11px}.searchItem small{color:#93a4bb;font-size:10px}.adminButtons{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}button{color:#fff;text-transform:uppercase;letter-spacing:.45px;cursor:pointer;border:1px solid #ffffff12;border-radius:10px;height:42px;font-size:11px;font-weight:900;transition:all .18s;box-shadow:inset 0 1px #ffffff0d,0 6px 16px #00000047}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:active{transform:scale(.98)}.span2{grid-column:span 2}.wide{width:100%;margin-top:10px}.blue{background:linear-gradient(#2563eb,#1d4ed8)}.green{background:linear-gradient(#16a34a,#15803d)}.gray{background:linear-gradient(#64748b,#475569)}.orange{background:linear-gradient(#f97316,#ea580c)}.red{background:linear-gradient(#dc2626,#991b1b)}.adminResult{background:#202a3a;border-left:5px solid #3b82f6;border-radius:10px;gap:5px;margin-top:12px;padding:12px;display:grid}.adminResult.success{border-left-color:#22c55e}.adminResult.error{border-left-color:#ef4444}.adminResult.processing{border-left-color:#ff8a00}.adminResult strong{font-size:13px}.adminResult span{color:#dce6f4;font-size:12px}.listItem{background:#202a3a;border:1px solid #334155;border-radius:10px;gap:4px;margin-top:10px;padding:10px;display:grid}.listItem strong{font-size:13px}.listItem span,.listItem small{color:#a6b4c8;font-size:12px}.listItem button{background:linear-gradient(#f97316,#ea580c);height:32px;margin-top:6px}.lowStockItem{border-left:5px solid #ef4444}.footer{color:#93a4bb;letter-spacing:.8px;background:#1a2230;border-top:1px solid #334155;justify-content:space-between;align-items:center;height:48px;padding:0 24px;font-size:11px;font-weight:900;display:flex}@media (width<=1200px){.mainArea,.mainArea.adminOpen{grid-template-columns:1fr}.system-shell{height:auto}.adminBody{max-height:500px}}@media (width<=700px){html,body{overflow:auto}.page{padding:8px}.topbar{flex-direction:column;align-items:flex-start;gap:10px;height:auto;padding:16px}.mainArea{padding:10px}.cardBody,.adminBody{padding:14px}.cardBody h1{font-size:28px}.scanInput{height:58px;font-size:22px}.adminButtons{grid-template-columns:1fr}.span2{grid-column:span 1}.footer{text-align:center;flex-direction:column;gap:6px;height:auto;padding:12px}}
