:root{color-scheme:dark;--bg:#090e17;--panel:#101722;--panel-raised:#141d2b;--border:#202b3b;--text:#e4ebf6;--muted:#8c9bb0;--accent:#4c8dff;--accent-light:#83b1ff;--green:#62d3ac;--orange:#e9af63;--red:#f48991;--ease:cubic-bezier(.2,.7,.2,1);--sidebar-width:246px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}a{color:var(--accent-light);text-decoration:none}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid var(--border);border-radius:7px;background:#141d2b;color:var(--text);cursor:pointer;font-weight:500;line-height:1.4;transition:background 180ms var(--ease),border-color 180ms var(--ease),transform 150ms var(--ease),color 180ms var(--ease);white-space:nowrap}button:hover,.button:hover{background:#1c293c;border-color:#3d516d;color:#fff}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button[aria-busy=true]{opacity:.6;cursor:wait}.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #1b60de18}.primary:hover{background:#629bff;border-color:#629bff}.text-button,.quiet{padding:6px 0;background:transparent;border-color:transparent;color:var(--muted);font-size:12px}.text-button:hover,.quiet:hover{background:transparent;color:var(--accent-light);border-color:transparent}.icon-button{width:34px;height:34px;padding:7px;background:transparent;border-color:transparent;flex-shrink:0}.icon-button:hover{background:var(--panel-raised);border-color:var(--border)}svg{flex-shrink:0;vertical-align:middle}input,select,textarea{padding:9px 11px;background:#0e1521;color:var(--text);border:1px solid var(--border);border-radius:6px;max-width:100%;min-width:0}input::placeholder{color:#66778f}select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25}h1{font-size:28px;font-weight:650;letter-spacing:-1px}h2{font-size:17px;font-weight:600;letter-spacing:-.3px}h3{font-size:14px;font-weight:600}p{color:var(--muted)}small,.muted{color:var(--muted)}.eyebrow,.mini-label{font-size:10px;letter-spacing:1.6px;font-weight:650;color:var(--muted)}.mono,time,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.brand{display:flex;align-items:center;gap:10px;color:var(--text);flex-shrink:0}.brand-mark{display:grid;place-items:center;width:32px;height:32px;color:var(--accent-light);border-radius:8px;background:#152541}.brand-mark svg{width:23px;height:23px}.brand-name{font-size:19px;font-weight:650;letter-spacing:-.6px;display:flex;align-items:baseline;gap:7px}.brand-name>span{font-size:9px;color:var(--muted);letter-spacing:2px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0;transition:background 220ms var(--ease),box-shadow 220ms var(--ease)}.blue{background:var(--accent)}.green{background:var(--green)}.muted-dot{background:transparent;border:1px solid var(--muted)}.status-label,.connection-label,.live-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:.8px;color:var(--muted);white-space:nowrap}.status-label{color:var(--green)}.connection-label.live,.live-label.live{color:var(--accent-light)}.connection-label.reconnecting{color:var(--orange)}.connection-label.live .dot{animation:live-pulse 3s ease-in-out infinite}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);padding:3px 8px;border-radius:5px;font-size:11px;color:var(--muted);white-space:nowrap}.tag{font-size:9px;letter-spacing:.4px;line-height:1.3;padding:4px 6px;border-radius:4px;color:#9cacc5;background:#1b2535;white-space:nowrap;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tag.player{color:#81b0ff;background:#152947}.tag.staff{color:#c3a1ff;background:#28203b}.tag.server{color:#7dd8b9;background:#153329}.tag.character{color:#e4bb77;background:#332a1c}.tag.vehicle{color:#9ccbdc;background:#17313b}.tag.money{color:#84d59e;background:#1c3323}.tag.chat{color:#b3b9d5;background:#27283d}.tag.warning{color:var(--orange);background:#392b18}.tag.critical{color:var(--red);background:#3b1e27}
/* Application shell */
.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:30;display:flex;flex-direction:column;background:#0c121d;border-right:1px solid var(--border);padding:23px 14px 14px;transition:width 240ms var(--ease),transform 240ms var(--ease);overflow:hidden}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:3px;margin:0 5px 30px}.sidebar-brand .brand-name{font-size:18px}.sidebar-brand .brand-name>span{display:none}.sidebar-brand .brand-mark{background:transparent;width:27px}.sidebar-brand .icon-button{width:25px;height:25px;color:var(--muted)}.workspace-label{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#5d6e86;margin:0 12px 10px;white-space:nowrap}.sidebar nav{display:flex;flex-direction:column;gap:3px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0}.nav-item{position:relative;justify-content:flex-start;background:transparent;border-color:transparent;color:#99a8bc;font-size:12px;font-weight:500;padding:10px 12px;min-height:38px;gap:11px;width:100%;border-radius:6px;text-align:left}.nav-item svg{width:17px;height:17px}.nav-item:hover{background:#141e2e;border-color:transparent;color:var(--text)}.nav-item.active{background:#16263f;color:#a5c5ff;border-color:#284269}.nav-item.active::before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:2px;border-radius:3px;background:var(--accent)}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0}.nav-label{white-space:nowrap;opacity:1;transition:opacity 160ms var(--ease);min-width:0}.nav-hint{color:#536a8a;margin-left:auto;font-size:20px;line-height:1}.sidebar-bottom{padding-top:14px;margin-top:14px;border-top:1px solid var(--border)}.sidebar-plan{display:flex;justify-content:flex-start;gap:11px;padding:10px 11px;border:0;background:transparent;width:100%;font-size:12px;text-align:left}.sidebar-plan strong{display:block;font-size:12px;font-weight:550}.sidebar-plan small{display:block;font-size:10px;margin-top:2px}.sidebar-plan>svg{margin-left:auto;width:14px;color:var(--muted)}.usage-meter{padding:0 12px 15px;font-size:10px;color:var(--muted)}progress{display:block;width:100%;height:3px;margin-top:8px;border:0;border-radius:3px;appearance:none;background:#1c293c;overflow:hidden}progress::-webkit-progress-bar{background:#1c293c}progress::-webkit-progress-value{background:var(--accent);transition:width 250ms var(--ease)}progress::-moz-progress-bar{background:var(--accent)}.profile{display:flex;width:100%;text-align:left;gap:10px;padding:11px 10px;background:#111a29;border-color:#1c283a}.profile strong{display:block;font-size:12px;max-width:125px;overflow:hidden;text-overflow:ellipsis}.profile small{display:block;font-size:10px}.profile>svg{width:15px;margin-left:auto;color:var(--muted)}.avatar{display:grid;place-items:center;border-radius:9px;width:32px;height:32px;flex-shrink:0;background:#1b2d49;border:1px solid #2b4163;color:#a2c3ff;font-size:12px;font-weight:600;padding:0}.workspace-main{margin-left:var(--sidebar-width);min-width:0;transition:margin-left 240ms var(--ease)}.app.collapsed{--sidebar-width:74px}.collapsed .sidebar{padding:23px 10px 14px}.collapsed .sidebar-brand{flex-direction:column;margin:0 0 18px;gap:10px}.collapsed .brand-name,.collapsed .workspace-label,.collapsed .nav-label,.collapsed .nav-hint,.collapsed .usage-meter,.collapsed .profile>svg,.collapsed .sidebar-plan>svg{display:none}.collapsed .nav-item{justify-content:center;padding:11px;gap:0}.collapsed .sidebar-plan,.collapsed .profile{justify-content:center;padding:11px;gap:0}.collapsed .sidebar nav{overflow-x:hidden}.topbar{position:sticky;top:0;z-index:20;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 30px;background:#0c131fec;border-bottom:1px solid var(--border)}.workspace-switchers{display:flex;align-items:center;gap:15px;min-width:0}.workspace-switchers label{display:flex;flex-direction:column;gap:3px;min-width:0}.workspace-switchers select{padding:0 15px 0 0;border:0;background:transparent;font-size:12px;max-width:190px;height:22px}.mini-label{font-size:8px;letter-spacing:1.4px;color:#64748d}.topbar-divider{height:26px;width:1px;background:var(--border)}.bridge-state{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);white-space:nowrap}.bridge-state.active{color:var(--green)}.topbar-right{display:flex;align-items:center;gap:9px}.global-search{font-size:11px;color:#71829b;background:#101a29;padding:8px 11px;gap:9px}.global-search svg{width:15px}.global-search kbd{font-size:9px;padding:1px 4px;border:1px solid #29384e;border-radius:3px;margin-left:24px;color:#9aa9bd;font-family:inherit}.notifications{position:relative;color:var(--muted)}.notifications>span{position:absolute;right:4px;top:3px;width:5px;height:5px;border-radius:50%;background:var(--orange)}.mobile-menu{display:none}.content{max-width:1650px;margin:auto;padding:27px 30px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.breadcrumb{font-size:10px;color:#697c97;margin-bottom:13px}.breadcrumb>span:first-child{padding:0 8px;color:#3e506c}.breadcrumb #breadcrumb{color:#a0aec2}.page-heading h1{margin:0 0 6px;font-size:26px;letter-spacing:-.8px}.page-heading p{margin:0;font-size:12px}.heading-actions{display:flex;align-items:center;gap:18px}.heading-actions .button{font-size:11px}.heading-actions .button svg{width:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:22px;border:1px solid var(--border);border-radius:8px;background:#101825;overflow:hidden}.stat{padding:17px 21px;border-right:1px solid var(--border);min-width:0}.stat:last-child{border-right:0}.stat>span{font-size:10px;color:#8a9bb3}.stat>strong{display:block;font-size:27px;font-weight:600;letter-spacing:-1px;margin:8px 0 3px;line-height:1.2}.stat small{font-size:9px;color:#657893}.stat strong.counter-changed{animation:counter-change 240ms var(--ease)}.panel{border:1px solid var(--border);background:var(--panel);border-radius:8px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;border-bottom:1px solid var(--border)}.panel-heading h2,.panel-heading h3{margin:0;font-size:13px;letter-spacing:0}.panel-heading small{font-size:8px;letter-spacing:1px}.panel-title{display:flex;align-items:center;gap:15px}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 19px;border-top:1px solid var(--border);color:#65768d;font-size:9px;gap:10px}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.overview-aside{display:flex;flex-direction:column;gap:20px}.overview-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:20px}.live-panel{align-self:start;min-height:348px}.activity-list{overflow:hidden}.activity-row{display:grid;grid-template-columns:70px 90px minmax(0,1fr) 125px 12px;gap:14px;align-items:center;width:100%;min-height:59px;padding:13px 19px;border:0;border-bottom:1px solid #1b2636;border-radius:0;background:transparent;font-weight:400;text-align:left;white-space:normal;color:var(--muted);position:relative}.activity-row:last-child{border-bottom:0}.activity-row:hover{background:#152033;border-color:#1b2636}.activity-row:active{transform:none}.activity-row time{font-size:10px;color:#6f839f}.activity-row .tag{justify-self:start}.event-action{overflow:hidden;min-width:0}.event-action strong{display:block;font-weight:500;font-size:12px;color:#cdd8e9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-action small{font-size:9px;color:#687d98;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.event-player{font-size:11px;color:#9cacbf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-chevron{color:#536782;font-size:16px}.activity-row.new-event{animation:row-arrive 300ms var(--ease),row-highlight 900ms var(--ease)}.overview-bottom .activity-row{grid-template-columns:64px 70px minmax(0,1fr) 90px 10px;gap:9px}.compact-list{padding:1px 0}.compact-row{display:flex;align-items:center;gap:10px;padding:13px 19px;min-height:51px;border-bottom:1px solid #1b2636}.compact-row:last-child{border-bottom:0}.compact-row>div{min-width:0;flex:1}.compact-row strong{display:block;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-row small{display:block;font-size:9px;margin-top:2px}.compact-row button{font-size:10px;background:transparent;border:0;color:var(--muted);padding:4px}.compact-row .avatar{width:27px;height:27px;font-size:10px;border-radius:7px}.volume-summary{padding:16px 19px 0;display:flex;align-items:baseline;gap:9px}.volume-summary strong{font-size:26px;font-weight:550;letter-spacing:-.8px}.volume-summary span{font-size:10px;color:var(--muted)}.volume-chart{height:82px;padding:18px 19px 0;display:flex;align-items:flex-end;gap:4px}.volume-bar{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end}.volume-bar i{display:block;width:100%;min-height:2px;background:#3b7ee8;border-radius:2px 2px 0 0;height:var(--height,2%);opacity:.7;transition:height 250ms var(--ease),opacity 150ms var(--ease)}.volume-bar:hover i{opacity:1}.chart-axis{display:flex;justify-content:space-between;font-size:8px;color:#63758e;padding:9px 19px 14px}.log-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid var(--border)}.search-input{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:#607592}.search-input svg{width:17px}.search-input input{width:100%;border:0;background:transparent;padding:4px 0;font-size:12px}.log-controls{display:flex;gap:7px;align-items:center}.log-controls button{font-size:10px;padding:7px 9px}.log-controls button svg{width:13px;height:13px}.log-controls .icon-button{width:30px;height:29px}.log-controls button[aria-pressed=true]{border-color:#345581;background:#172a46;color:var(--accent-light)}.log-filters{display:flex;align-items:end;gap:13px;padding:13px 18px;border-bottom:1px solid var(--border);flex-wrap:wrap}.log-filters label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:100px;font-size:9px;color:var(--muted)}.log-filters input,.log-filters select{font-size:11px;width:100%;padding:7px 9px;max-width:220px}.log-filters .text-button{padding-bottom:8px}.log-columns{display:grid;grid-template-columns:70px 90px minmax(0,1fr) 125px 12px;gap:14px;padding:11px 19px;border-bottom:1px solid var(--border);background:#0d1522;color:#60738e;font-size:8px;letter-spacing:1px}.inline-note{padding:12px 17px;background:#10213a45;border:1px solid #26364b;border-radius:6px;font-size:11px;color:#91a4bf;line-height:1.7;margin-bottom:18px}.log-panel>.inline-note{border:0;border-bottom:1px solid var(--border);border-radius:0;margin:0}.empty-state{padding:38px 24px;text-align:center;color:var(--muted)}.empty-state .empty-icon{display:grid;place-items:center;margin:0 auto 13px;width:35px;height:35px;border-radius:8px;background:#18253a;color:#7a9aca}.empty-state h3{font-size:14px;margin-bottom:7px;color:#cbd8e9}.empty-state p{font-size:11px;max-width:380px;margin:0 auto 13px;line-height:1.7}.empty-state button{font-size:10px}.player-row{display:flex;align-items:center;gap:13px;width:100%;border:0;border-radius:0;border-bottom:1px solid var(--border);padding:16px 21px;background:transparent;text-align:left;white-space:normal}.player-row:last-child{border-bottom:0}.player-row>div{flex:1;min-width:0}.player-row strong{display:block;font-size:12px}.player-row small{display:block;font-size:10px;margin-top:3px}.player-row>.pill{margin-left:auto}.player-profile{margin-top:17px}.player-summary{display:grid;grid-template-columns:repeat(3,1fr);padding:20px;gap:15px}.player-summary strong{display:block;font-size:14px;margin-top:5px}.player-summary small{font-size:10px}.player-profile>.inline-note{margin:0;border:0;border-radius:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.server-list{margin-bottom:20px}.server-row{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border)}.server-row:last-child{border:0}.server-row h2{font-size:14px;margin:0 0 5px}.server-row p{font-size:11px;margin:0 0 9px}.server-row code{font-size:10px;color:#637b9b;overflow-wrap:anywhere}.server-capabilities{display:flex;gap:8px;align-items:center;margin:8px 0}.server-row button{font-size:11px}.setup{padding:25px;margin-bottom:20px}.setup h2{font-size:19px}.setup h3{margin-top:23px}.setup p,.setup li{font-size:12px;line-height:1.8}.setup ol{padding-left:18px}.setup li{padding:4px 0;color:var(--muted)}.setup-actions{display:flex;gap:9px;margin:17px 0}.setup-actions .button{font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid>.panel{margin:0}.settings-links{display:flex;flex-direction:column;margin-top:20px;border-top:1px solid var(--border)}.settings-links button,.settings-links a{display:flex;align-items:center;justify-content:flex-start;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:14px 0;color:var(--muted);font-size:12px;gap:10px}.settings-links button>svg:last-child,.settings-links a>svg:last-child{margin-left:auto;width:14px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:17px 0}.setting-row:last-child{border:0}.setting-row strong{font-size:12px}.setting-row p{font-size:11px;line-height:1.6;margin:5px 0 0}.setting-row button{font-size:11px}.team-owner{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--border);margin:20px 0}.team-owner>div{flex:1}.team-owner small{display:block;font-size:11px}.integration-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-bottom:18px}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.integration{padding:22px;transition:transform 200ms var(--ease),border-color 200ms var(--ease)}.integration:hover{transform:translateY(-2px);border-color:#355277}.integration h2{font-size:16px;margin:18px 0 7px}.integration p{font-size:11px;line-height:1.7;margin:0}.integration .integration-status{font-size:10px;color:var(--green)}.integration.inactive .integration-status{color:var(--muted)}.integration>svg{width:24px;height:24px;color:var(--accent-light)}.billing-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px;margin-bottom:23px}.billing-banner h2{font-size:23px;margin:7px 0}.billing-banner p{font-size:12px;margin:0}.billing-banner .button{font-size:11px}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.plan{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:22px;transition:transform 220ms var(--ease),border-color 220ms var(--ease)}.plan:hover{transform:translateY(-2px);border-color:#3b536f}.plan.recommended{border-color:#3d6ba8;background:#111e32}.plan-label{display:flex;justify-content:space-between;gap:6px;align-items:center}.plan-label h2,.plan-label h3{font-size:14px;margin:0}.plan-label>span{font-size:8px;letter-spacing:1px;color:var(--accent-light)}.price{font-size:29px;letter-spacing:-1px;font-weight:600;margin:20px 0 17px;line-height:1}.price small{display:inline-block;font-size:10px;letter-spacing:0;font-weight:400;margin-left:5px}.plan ul{list-style:none;padding:0;margin:0 0 22px;font-size:11px;color:var(--muted);line-height:2.6}.plan li::before{content:"✓";color:var(--accent-light);margin-right:8px}.plan .button,.plan>button{width:100%;font-size:11px}.billing-note{font-size:11px;line-height:1.8;margin-top:20px;max-width:760px}.faq-list details{border-top:1px solid var(--border);padding:18px 0}.faq-list summary{cursor:pointer;font-size:13px;font-weight:500;color:#c6d4e8;line-height:1.5;list-style:none;padding-right:20px;position:relative}.faq-list summary::after{content:"+";position:absolute;right:3px;color:var(--muted);font-size:17px}.faq-list details[open] summary::after{content:"−"}.faq-list details p{line-height:1.8;margin:13px 0 0;max-width:750px;font-size:12px;animation:section-enter 200ms var(--ease)}.faq-list summary::-webkit-details-marker{display:none}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b111c;border:1px solid var(--border);border-radius:6px;padding:17px;font-size:11px;line-height:1.8;color:#a1b7d6;overflow:auto;max-height:45vh}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.95em}.workspace-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);margin-top:27px;padding:19px 0 0;color:#536883;font-size:9px}.workspace-footer span>span{padding:0 7px}.workspace-footer .text-button{font-size:9px}.popover{position:absolute;right:26px;top:calc(100% - 3px);border:1px solid #2b3d57;border-radius:8px;background:#111b2a;box-shadow:0 15px 40px #0005;z-index:50;animation:popover-enter 180ms var(--ease)}.user-popover{padding:16px 10px;width:225px}.user-popover>strong,.user-popover>small{display:block;padding:0 8px}.user-popover>strong{font-size:12px}.user-popover>small{font-size:10px;margin:3px 0 12px}.user-popover button,.user-popover a{display:flex;align-items:center;gap:9px;width:100%;padding:10px 8px;font-size:11px;border:0;border-radius:5px;background:transparent;text-align:left;justify-content:flex-start;color:#a8b9ce}.user-popover svg{width:15px;height:15px}.user-popover a:hover,.user-popover button:hover{background:#1b2c43}.notifications-popover{width:350px;max-width:calc(100vw - 30px)}.notifications-popover .activity-row{grid-template-columns:60px 70px minmax(0,1fr) 10px;gap:7px}.notifications-popover .event-player{display:none}.notifications-popover .empty-state{padding:22px}.privacy-banner{display:flex;align-items:center;gap:10px;padding:10px 13px;background:#122340;border:1px solid #284b78;border-radius:6px;font-size:11px;color:#9fbce6;margin-bottom:20px;animation:section-enter 200ms var(--ease)}.privacy-banner>span{flex:1}.privacy-banner svg{width:16px}.privacy-banner .text-button{font-size:10px}.icon-button[aria-pressed=true]{background:#1b3559;color:var(--accent-light);border-color:#345c92}.notice{border:1px solid #34547e;padding:12px;border-radius:6px;font-size:12px}.toast-region{position:fixed;right:25px;bottom:25px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:390px;width:calc(100% - 50px);pointer-events:none}.toast{padding:14px 17px;border:1px solid #355175;border-radius:8px;background:#16253b;box-shadow:0 8px 25px #0004;font-size:12px;line-height:1.7;display:flex;align-items:flex-start;gap:10px;pointer-events:auto;animation:toast-enter 240ms var(--ease)}.toast>span{flex:1}.toast button{background:transparent;padding:0;border:0;color:var(--muted)}.toast.leaving{opacity:0;transform:translateY(8px);transition:opacity 200ms var(--ease),transform 200ms var(--ease)}.toast.error{border-color:#674134;background:#2b211f}.skeleton-row{height:59px;margin:0 19px;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.skeleton-row::before{content:"";position:absolute;inset:21px 35% 21px 0;border-radius:4px;background:#223046;opacity:.6;animation:skeleton-pulse 1.8s ease-in-out infinite}.skeleton-row::after{content:"";position:absolute;inset:21px 0 21px 78%;border-radius:4px;background:#1c2b40;opacity:.6}.section-enter{animation:section-enter 220ms var(--ease)}
/* Drawers and dialogs */
dialog{color:var(--text);background:var(--panel);border:1px solid #2b3c56;border-radius:10px;padding:26px;max-height:90dvh}dialog::backdrop{background:#030710ad}.modal{width:calc(100% - 32px);max-width:475px;margin:auto;position:fixed;inset:0;overflow:auto}.modal[open]{animation:dialog-enter 220ms var(--ease)}.modal h2{font-size:23px;letter-spacing:-.7px;margin:16px 0 9px}.modal p{font-size:12px;line-height:1.8}.modal-close{position:absolute;top:15px;right:15px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted);margin:17px 0}.field input{width:100%;padding:11px;font-size:13px}.modal form>button[type=submit]{margin-top:7px}.detail-drawer{position:fixed;inset:0 0 0 auto;height:100dvh;max-height:100dvh;margin:0;width:460px;max-width:100vw;border:0;border-left:1px solid #2c4160;border-radius:0;padding:25px 27px;box-shadow:-15px 0 50px #0004;overflow:auto}.detail-drawer[open]{animation:drawer-enter 260ms var(--ease)}.detail-drawer.closing{animation:drawer-exit 200ms var(--ease) forwards}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.detail-drawer h2{font-size:23px;letter-spacing:-.6px;margin:14px 0 27px;overflow-wrap:anywhere}.event-detail-list{margin:0 0 28px;display:grid;grid-template-columns:100px minmax(0,1fr);gap:17px 15px;border-top:1px solid var(--border);padding-top:24px}.event-detail-list dt{font-size:11px;color:#70849f}.event-detail-list dd{font-size:12px;color:#cbd8e9;margin:0;overflow-wrap:anywhere}.detail-drawer h3{font-size:12px;font-weight:500}.drawer-footer{padding:17px 0;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.command-dialog{position:fixed;inset:16vh 0 auto;margin:0 auto;width:550px;max-width:calc(100% - 30px);padding:0;overflow:hidden;max-height:70vh}.command-dialog[open]{animation:dialog-enter 180ms var(--ease)}.command-input{display:flex;align-items:center;gap:13px;padding:18px;border-bottom:1px solid var(--border);color:var(--muted)}.command-input input{border:0;background:transparent;padding:0;flex:1;font-size:13px}.command-input kbd{font-size:9px;border:1px solid var(--border);border-radius:3px;padding:2px 5px}.command-results{padding:8px;overflow:auto;max-height:50vh}.command-result{width:100%;display:flex;justify-content:space-between;border:0;background:transparent;padding:12px;font-size:12px;border-radius:5px;text-align:left}.command-result small{font-size:10px;color:#7189a7}.command-result.selected{background:#1a2e4c;color:#a9caff}.command-footer{padding:10px 19px;border-top:1px solid var(--border);font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.mobile-scrim{position:fixed;inset:0;border:0;border-radius:0;background:#02060bae;z-index:29}
@keyframes section-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes row-arrive{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes row-highlight{from{background:#1c3c66}to{background:transparent}}@keyframes counter-change{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes live-pulse{0%,100%{box-shadow:0 0 0 0 #4c8dff00}50%{box-shadow:0 0 0 3px #4c8dff18}}@keyframes popover-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes dialog-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes toast-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes drawer-enter{from{opacity:.5;transform:translateX(30px)}to{opacity:1;transform:none}}@keyframes drawer-exit{to{opacity:0;transform:translateX(30px)}}@keyframes skeleton-pulse{50%{opacity:.3}}
@media(min-width:1550px){.overview-grid{grid-template-columns:minmax(0,1fr) 350px}.activity-row{grid-template-columns:75px 100px minmax(0,1fr) 150px 12px}.log-columns{grid-template-columns:75px 100px minmax(0,1fr) 150px 12px}}
@media(max-width:1250px){.global-search span{display:none}.global-search kbd{margin-left:0}.global-search{padding:7px}.bridge-state{display:none}.overview-grid{grid-template-columns:minmax(0,1fr) 250px}.content{padding:25px 23px}.topbar{padding:14px 23px}.activity-row{grid-template-columns:63px 75px minmax(0,1fr) 95px 10px;gap:10px;padding:13px 15px}.log-columns{grid-template-columns:63px 75px minmax(0,1fr) 95px 10px;gap:10px;padding:11px 15px}.overview-bottom .activity-row{grid-template-columns:58px 65px minmax(0,1fr) 10px}.overview-bottom .event-player{display:none}.plan{padding:18px}.plan-grid{grid-template-columns:repeat(2,1fr)}.stat{padding:16px}.stat small{font-size:8px}}
@media(max-width:1050px){.overview-grid{grid-template-columns:1fr}.overview-aside{display:grid;grid-template-columns:1fr 1fr}.overview-bottom{grid-template-columns:1fr 1fr}.integration-grid{grid-template-columns:repeat(2,1fr)}.workspace-switchers select{max-width:150px}.community-picker{max-width:135px}.settings-grid{grid-template-columns:1fr}.overview-bottom .activity-row{grid-template-columns:58px minmax(0,1fr) 10px}.overview-bottom .tag{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);width:246px}.sidebar.open{transform:none}.workspace-main{margin-left:0!important}.app.collapsed{--sidebar-width:246px}.collapsed .sidebar{padding:23px 14px 14px}.collapsed .sidebar-brand{flex-direction:row;margin:0 5px 30px}.collapsed .brand-name,.collapsed .workspace-label,.collapsed .nav-label,.collapsed .nav-hint,.collapsed .usage-meter{display:block}.collapsed .nav-item,.collapsed .profile,.collapsed .sidebar-plan{justify-content:flex-start;gap:11px}.sidebar-brand>#sidebar-collapse{display:none}.mobile-menu{display:flex}.topbar{padding:13px 16px;min-height:68px;gap:10px}.topbar-right{gap:3px}.workspace-switchers{gap:10px;flex:1}.community-picker{max-width:140px}.workspace-switchers select{font-size:11px;max-width:140px}.topbar .global-search{width:31px;height:31px;padding:7px;background:transparent;border:0}.global-search kbd{display:none}.topbar-right .avatar{width:29px;height:29px}.topbar-right .icon-button{width:30px;height:30px;padding:6px}.topbar .topbar-divider{display:none}.content{padding:22px 18px 18px}.page-heading h1{font-size:25px}.heading-actions{gap:11px}.page-description{font-size:11px}.activity-row{grid-template-columns:65px 82px minmax(0,1fr) 100px 10px}.log-columns{grid-template-columns:65px 82px minmax(0,1fr) 100px 10px}.overview-bottom .activity-row{grid-template-columns:58px 70px minmax(0,1fr) 10px}.overview-bottom .tag{display:block}.popover{right:16px}}
@media(max-width:560px){.workspace-switchers .community-picker{display:none}.workspace-switchers select{max-width:125px}.topbar-right{gap:2px}.topbar{gap:5px;padding:12px}.content{padding:19px 13px}.breadcrumb{font-size:9px;margin-bottom:9px}.page-heading p{font-size:11px}.page-heading{align-items:flex-start;gap:9px}.heading-actions{flex-direction:column;align-items:flex-end;gap:9px;margin-top:6px}.heading-actions .button{font-size:10px;padding:6px 8px}.heading-actions .button svg{width:12px}.connection-label{font-size:8px}.stat{padding:14px}.stat strong{font-size:25px}.stat span{font-size:10px}.stat small{font-size:8px}.overview-aside,.overview-bottom{grid-template-columns:1fr}.panel-heading{padding:15px}.panel-heading h2{font-size:12px}.panel-heading .text-button{font-size:10px}.activity-row{grid-template-columns:56px 67px minmax(0,1fr) 9px;gap:8px;padding:13px 12px}.activity-row .event-player{display:none}.event-action strong{font-size:11px}.event-action small{font-size:8px}.activity-row time{font-size:9px}.tag{font-size:8px;padding:4px}.log-columns{grid-template-columns:56px 67px minmax(0,1fr) 9px;gap:8px;padding:11px 12px}.log-columns>span:nth-child(4){display:none}.overview-bottom .activity-row{grid-template-columns:56px 67px minmax(0,1fr) 9px}.log-toolbar{padding:13px 12px;flex-wrap:wrap;gap:13px}.search-input{flex-basis:100%}.log-controls{width:100%;justify-content:flex-start}.log-controls button:last-child{margin-left:auto}.log-filters{padding:12px;gap:10px}.log-filters label{min-width:calc(50% - 10px)}.log-filters input,.log-filters select{max-width:none}.plan-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.billing-banner{flex-direction:column;align-items:flex-start}.setup{padding:20px}.server-row{padding:18px;align-items:flex-start}.server-row button{font-size:10px}.server-capabilities{flex-wrap:wrap}.setup-actions{flex-wrap:wrap}.player-summary{grid-template-columns:1fr;padding:17px}.detail-drawer{padding:20px;width:100vw}.event-detail-list{grid-template-columns:85px minmax(0,1fr)}.privacy-banner{align-items:flex-start;font-size:10px}.privacy-banner button{display:none}.settings-grid{gap:15px}.setting-row{gap:10px}.setting-row .pill{font-size:9px}.workspace-footer{font-size:8px}.workspace-footer .text-button{font-size:8px}.player-row{padding:15px}.player-row .pill{font-size:9px}.panel-footer{font-size:8px;padding:11px 13px}.team-owner strong{font-size:12px}.team-owner small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.warning-dot{background:var(--orange)}.sidebar nav:focus-within{scrollbar-color:#344b6d transparent}

.event-action strong{font-size:13px}.activity-row time{font-size:11px}.event-player{font-size:12px}.panel-heading h2{font-size:14px}.popover .activity-row time{font-size:10px}@media(max-width:560px){.event-action strong{font-size:12px}.activity-row time{font-size:10px}.panel-heading h2{font-size:13px}}

.community-onboarding{max-width:1000px;margin:8vh auto;padding:24px}.community-onboarding h1{margin:32px 0}.community-forms{display:grid;grid-template-columns:1fr 1fr;gap:24px}.community-forms form{padding:24px;border:1px solid var(--border);border-radius:12px}.community-forms label,#invite-result label{display:grid;gap:8px;margin:16px 0}.community-forms input,#invite-result input{width:100%;box-sizing:border-box}.community-message{color:#f6a4a4}#community-dialog{max-width:900px;width:calc(100% - 32px)}#team-members select{max-width:150px}#team-invites .compact-row,#team-members .compact-row{flex-wrap:wrap}@media(max-width:700px){.community-forms{grid-template-columns:1fr}}

.danger-button{color:#ffb1b1;border-color:#803b46}.danger-button:hover{background:#371d28}#account-delete-dialog{max-width:620px;width:calc(100% - 32px);padding:24px}#account-delete-owned{display:block;margin:20px 0}#account-delete-owned[hidden]{display:none}#account-delete-owned input{width:auto}#account-delete-error,#account-delete-billing{color:#ffb1b1}

#confirm-account-delete{white-space:normal;text-align:center;width:100%}