@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Inter:wght@400;500;600&display=swap");@import url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.34.1/dist/tabler-icons.min.css");:root{--base:#070A11;--panel:#0E1521;--panel2:#131F30;--line:#1E2A3C;--line2:#27374D;--blue:#2E8BFF;--cyan:#19C8FF;--teal:#1BE3A6;--amber:#F2B544;--red:#FF5C6C;--text:#E7EEF7;--muted:#8597AC;--grad:linear-gradient(135deg,#2E8BFF,#19C8FF)}*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}.brandBlock strong,.metricValue,h1,h2,h3,h4{font-family:Poppins,Inter,sans-serif;letter-spacing:0}.loading,.loginPage{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 72% 0,rgba(46,139,255,.22),transparent 34%),radial-gradient(circle at 12% 88%,rgba(25,200,255,.14),transparent 28%),var(--base)}.loginPanel{width:min(460px,100%);background:rgba(14,21,33,.94);border:1px solid var(--line);border-radius:13px;padding:32px;box-shadow:0 24px 80px rgba(0,0,0,.38)}.setupPanel{width:min(680px,100%)}.brandMark{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:rgba(46,139,255,.14);color:var(--cyan);font-weight:800}.loginPanel h1{margin:18px 0 8px;color:#fff}.muted{color:var(--muted);line-height:1.5}.loginForm{display:grid;grid-gap:16px;gap:16px;margin-top:24px}.loginForm label{display:grid;grid-gap:7px;gap:7px;color:var(--text);font-weight:700}.loginForm small{color:var(--muted);font-weight:500}.loginForm input{width:100%;border:1px solid var(--line2);border-radius:10px;padding:12px 14px;color:var(--text);background:#0A101B}.accountChip button,.actionGrid button,.drawerHeader button,.loginForm button,.panelHeader button,.refreshButton{border:0;border-radius:999px;background:var(--blue);color:#fff;padding:10px 14px;font-weight:800}.linkButton{margin-top:14px;border:0;background:transparent;color:var(--cyan);font-weight:800}.setupGrid{display:grid;grid-template-columns:240px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:stretch;margin-top:22px}.configBox,.qrBox,.secretBox{display:grid;border:1px solid var(--line);border-radius:13px;background:rgba(19,31,48,.68);padding:14px}.qrBox{place-items:center}.qrBox img{display:block;width:220px;height:220px}.secretBox{align-content:center;gap:8px}.configBox span,.secretBox span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.configBox strong,.secretBox strong{overflow-wrap:anywhere}.configBox small,.secretBox small{color:var(--muted);line-height:1.4}.loginForm button:disabled{opacity:.6;cursor:wait}.errorBox,.statusBox{margin-top:16px;padding:12px;border-radius:13px;color:var(--red);background:rgba(255,92,108,.1);border:1px solid rgba(255,92,108,.28)}.statusBox{color:var(--cyan);background:rgba(25,200,255,.08);border-color:rgba(25,200,255,.26)}.configBox{gap:4px;margin-top:20px}.appShell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.sideNav{background:var(--panel);color:#fff;padding:18px 12px;min-height:100vh;border-right:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0}.brandBlock{display:grid;grid-template-columns:30px 1fr;grid-column-gap:10px;column-gap:10px;align-items:center;padding:8px 10px 20px}.brandBlock strong{font-weight:700;font-size:18px}.brandBlock strong span{color:var(--cyan)}.brandBlock small{grid-column:2;color:var(--muted);font-size:11px}.brandDot{width:30px;height:30px;border-radius:9px;background:var(--grad);box-shadow:0 0 0 6px rgba(46,139,255,.12)}.sideNav nav{display:grid;grid-gap:4px;gap:4px}.navItem{display:grid;grid-template-columns:24px 1fr auto;grid-gap:9px;gap:9px;align-items:center;width:100%;text-align:left;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:10px;padding:10px 12px}.navItem i{font-size:19px}.navItem small{color:var(--muted);font-size:10px}.navItem:hover{background:#16202F;color:#fff}.navItem.active{color:#fff;background:rgba(46,139,255,.14);box-shadow:inset 2px 0 0 var(--blue)}.workspace{min-width:0;padding:0 22px 34px}.topBar{grid-template-columns:minmax(260px,1fr) auto auto;grid-gap:14px;gap:14px;min-height:72px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:rgba(7,10,17,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10}.searchBox,.topBar{display:grid;align-items:center}.searchBox{grid-template-columns:20px 1fr;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:0 16px;height:42px;color:var(--muted)}.searchBox input{border:0;outline:0;background:transparent;color:var(--text);min-width:0}.refreshButton{display:inline-flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line2)}.accountChip{display:flex;align-items:center;gap:10px;justify-content:flex-end}.accountChip strong{white-space:nowrap}.pill,.role{display:inline-flex;align-items:center;min-height:24px;padding:4px 10px;border-radius:999px;background:rgba(46,139,255,.13);color:var(--cyan);border:1px solid rgba(46,139,255,.22);font-size:12px;font-weight:800;text-transform:capitalize}.pill.live,.role.founder{color:var(--teal);background:rgba(27,227,166,.12);border-color:rgba(27,227,166,.24)}.pill.blue,.role.admin{color:var(--blue)}.pill.cyan{color:var(--cyan)}.pill.amber{color:var(--amber);background:rgba(242,181,68,.11);border-color:rgba(242,181,68,.25)}.pill.red{color:var(--red);background:rgba(255,92,108,.11);border-color:rgba(255,92,108,.25)}.pageHeader{padding:26px 0 18px}.eyebrow{margin:0 0 6px;color:var(--cyan);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.pageHeader h1{margin:0;font-size:clamp(24px,4vw,36px)}.pageHeader p{margin:8px 0 0;color:var(--muted)}.metricGrid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));grid-gap:12px;gap:12px;margin-bottom:12px}.metricGrid.compact{grid-template-columns:repeat(2,minmax(180px,260px))}.metricTile,.moduleCard,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px}.metricTile{padding:13px 15px}.metricLabel{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:800}.metricLabel i{color:var(--blue)}.metricTile.live .metricLabel i,.metricTile.live .metricSub{color:var(--teal)}.metricTile.amber .metricLabel i,.metricTile.amber .metricSub{color:var(--amber)}.metricTile.cyan .metricLabel i,.metricTile.cyan .metricSub{color:var(--cyan)}.metricValue{margin-top:8px;color:#fff;font-size:27px;font-weight:700}.metricSub{margin-top:2px;color:var(--muted);font-size:11px;font-weight:700}.dashboardGrid{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:12px;gap:12px;margin-bottom:12px}.panel{padding:15px;min-width:0}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panelHeader h2{margin:0;font-size:16px}.panelHeader button{background:transparent;color:var(--cyan);border:1px solid var(--line2);padding:7px 12px}.sourceStamp{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px}.sourceStamp span{color:var(--cyan);border:1px solid var(--line2);border-radius:999px;padding:4px 8px}.gridMap{position:relative;min-height:246px;border-radius:13px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 65% 18%,rgba(46,139,255,.2),transparent 36%),radial-gradient(circle at 36% 70%,rgba(27,227,166,.12),transparent 30%),linear-gradient(rgba(46,139,255,.09) 1px,transparent 0),linear-gradient(90deg,rgba(46,139,255,.09) 1px,transparent 0),#08111E;background-size:auto,auto,34px 34px,34px 34px,auto}.pin{position:absolute;width:22px;height:22px;border-radius:50% 50% 50% 3px;transform:rotate(45deg);border:2px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,.42);background:var(--blue)}.pin.me{left:48%;top:43%}.pin.friend.a{left:30%;top:28%;background:var(--teal)}.pin.friend.b{left:68%;top:34%;background:var(--teal)}.pin.event{left:62%;top:66%;background:var(--amber)}.queueRow{width:100%;display:grid;grid-template-columns:36px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:10px 0;color:var(--text);background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left}.queueRow:last-child{border-bottom:0}.queueIcon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(242,181,68,.12);color:var(--amber)}.queueIcon.red{color:var(--red);background:rgba(255,92,108,.12)}.queueRow strong{display:block;font-size:13px}.queueRow small{color:var(--muted)}.queueRow em{color:var(--cyan);font-style:normal;font-size:12px;font-weight:800}.miniGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:10px;gap:10px}.miniCard{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;grid-gap:2px 10px;gap:2px 10px;align-items:center;text-align:left;background:var(--panel2);border:1px solid var(--line2);border-radius:13px;color:var(--text);padding:10px}.miniCard .avatar{grid-row:span 2}.miniCard small{color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:var(--grad);color:#04121f;font-weight:900;flex:none}.avatar.large{width:64px;height:64px;font-size:30px}.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:760px}td,th{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:13px}th{background:#0A101B;color:var(--muted);position:-webkit-sticky;position:sticky;top:0;z-index:1}th button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;font-weight:800;padding:0}tbody tr{background:rgba(14,21,33,.74)}tbody tr:hover{background:rgba(46,139,255,.08)}td small{display:block;color:var(--muted);margin-top:3px}.identityCell{display:flex;align-items:center;gap:10px}.emptyState{padding:24px;color:var(--muted);text-align:center}.placeholder{display:grid;place-items:center;min-height:360px;text-align:center;color:var(--muted)}.placeholder i{font-size:42px;color:var(--cyan)}.placeholder h2{max-width:520px;margin:10px auto 0;color:#fff}.placeholder p{max-width:640px}.drawer{position:fixed;top:0;right:0;width:min(560px,100vw);height:100vh;background:#090F19;border-left:1px solid var(--line2);box-shadow:-24px 0 80px rgba(0,0,0,.42);z-index:50;overflow:auto}.drawerHeader{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line);background:rgba(9,15,25,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drawerHeader span{color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:900}.drawerHeader button{width:34px;height:34px;padding:0;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line2)}.drawerBody{padding:18px}.profileHero{display:grid;justify-items:center;text-align:center;padding:12px 0 20px}.profileHero h2{margin:12px 0 4px}.profileHero p{margin:0;color:var(--muted)}.detailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:12px 0}.detailGrid div{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:12px}.detailGrid span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.detailGrid strong{display:block;margin-top:6px;color:#fff;overflow-wrap:anywhere}.actionGrid{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.actionGrid button{background:var(--panel2);color:var(--text);border:1px solid var(--line2);padding:8px 11px}.actionGrid button:hover{border-color:var(--blue);color:#fff}.actionGrid button.danger{color:var(--red);border-color:rgba(255,92,108,.28);background:rgba(255,92,108,.09)}pre{max-height:420px;overflow:auto;padding:14px;border-radius:13px;border:1px solid var(--line);background:#050910;color:#BFD4EA;font-size:11px;line-height:1.45}@media (max-width:1100px){.appShell{grid-template-columns:82px minmax(0,1fr)}.brandBlock{grid-template-columns:1fr;justify-items:center}.brandBlock small,.brandBlock strong,.navItem small,.navItem span{display:none}.navItem{grid-template-columns:1fr;justify-items:center}.metricGrid{grid-template-columns:repeat(3,minmax(130px,1fr))}.dashboardGrid{grid-template-columns:1fr}}@media (max-width:720px){.appShell{display:block}.sideNav{min-height:auto;position:static}.sideNav nav{display:flex;overflow-x:auto}.workspace{padding:0 14px 24px}.topBar{grid-template-columns:1fr;padding:14px 0}.metricGrid{grid-template-columns:repeat(2,minmax(120px,1fr))}.detailGrid,.setupGrid{grid-template-columns:1fr}}