:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070b16;--app:#0b1020;--chrome:#0a1221;--surface:#10192a;--surface-raised:#151f33;--surface-hover:#192744;--border:#26344c;--border-strong:#39496a;--text:#f7f8fc;--muted:#9aa8bd;--subtle:#6f7e96;--primary:#8b5cf6;--primary-hover:#9f7aea;--primary-wash:#8b5cf624;--success:#4ade80;--warning:#fbbf24;--danger:#fb7185;--info:#60a5fa;--sidebar:236px;--topbar:64px;--shadow:0 18px 48px #0000003d}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:#8b5cf659}.app-shell{background:var(--app);min-height:100vh}.sidebar{z-index:40;width:var(--sidebar);background:var(--chrome);border-right:1px solid var(--border);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{height:var(--topbar);border-bottom:1px solid var(--border);letter-spacing:-.02em;align-items:center;gap:11px;padding:0 20px;font-size:19px;font-weight:740;display:flex}.brand img{object-fit:contain;width:32px;height:32px}.sidebar-scroll{flex:1;padding:18px 12px;overflow-y:auto}.nav-group+.nav-group{margin-top:24px}.nav-label{color:var(--subtle);letter-spacing:.09em;text-transform:uppercase;margin:0 10px 8px;font-size:10px;font-weight:700;display:block}.nav-link{min-height:42px;color:var(--muted);border-radius:8px;align-items:center;gap:11px;padding:0 12px;font-size:13px;font-weight:540;transition:color .14s,background .14s;display:flex;position:relative}.nav-link:hover{color:var(--text);background:#ffffff09}.nav-link.active{color:#fff;background:var(--primary-wash)}.nav-link.active:before{content:"";background:var(--primary);border-radius:0 4px 4px 0;width:3px;position:absolute;inset:7px auto 7px -12px}.nav-link svg{stroke-width:1.9px;flex:none;width:18px;height:18px}.sidebar-footer{border-top:1px solid var(--border);padding:12px}.invite-link{border:1px solid var(--border);color:var(--text);justify-content:center}.topbar{inset:0 0 auto var(--sidebar);z-index:30;height:var(--topbar);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0a1221f0;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex;position:fixed}.topbar-left,.topbar-right{align-items:center;gap:12px;min-width:0;display:flex}.guild-switcher{min-width:210px;height:38px;color:var(--text);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa8bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center;border:1px solid var(--border);appearance:none;border-radius:8px;padding:0 34px 0 40px;font-size:13px;font-weight:600}.guild-switcher-wrap{position:relative}.guild-switcher-wrap>svg{z-index:1;color:#c4b5fd;pointer-events:none;width:18px;position:absolute;top:10px;left:12px}.bot-status{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:550;display:inline-flex}.status-dot{background:var(--danger);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #fb71851a}.status-dot.online{background:var(--success);box-shadow:0 0 0 4px #4ade801a}.user-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:4px 7px 4px 4px;display:flex}.user-button:hover{background:var(--surface);border-color:var(--border)}.user-button.demo-user{cursor:default}.user-button.demo-user:hover{background:0 0;border-color:#0000}.avatar{object-fit:cover;background:var(--primary-wash);color:#ddd6fe;border:1px solid #8b5cf680;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;overflow:hidden}.mobile-menu-button{display:none}.app-main{min-height:100vh;padding:calc(var(--topbar) + 34px) 28px 96px calc(var(--sidebar) + 28px)}.content{width:min(1180px,100%);margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.page-title{letter-spacing:-.025em;margin:0;font-size:28px;font-weight:740;line-height:1.22}.page-description{max-width:700px;color:var(--muted);margin:5px 0 0;font-size:14px}.page-actions{align-items:center;gap:10px;display:flex}.button{border:1px solid var(--border-strong);min-height:38px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:650;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-hover);border-color:#526487}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.button.danger{color:#fecdd3;border-color:#fb718559}.button:disabled{opacity:.46;cursor:not-allowed}.button svg{stroke-width:2px;width:16px;height:16px}.section{border:1px solid var(--border);background:#10192ab8;border-radius:12px;overflow:hidden}.section+.section{margin-top:16px}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.section-title{margin:0;font-size:16px;font-weight:680;line-height:1.35}.section-copy{color:var(--muted);margin:3px 0 0;font-size:12px}.setting-row{grid-template-columns:minmax(220px,.85fr) minmax(300px,1.15fr);align-items:center;gap:28px;padding:20px;display:grid}.setting-row+.setting-row{border-top:1px solid var(--border)}.setting-label{color:var(--text);margin:0;font-size:13px;font-weight:650}.setting-help{color:var(--muted);margin:3px 0 0;font-size:12px}.setting-control{min-width:0}.input,.select,.textarea{width:100%;min-height:40px;color:var(--text);border:1px solid var(--border-strong);background:#0c1525;border-radius:8px;outline:none;padding:0 12px;font-size:13px;transition:border-color .14s,box-shadow .14s}.select{appearance:none;padding-right:34px}.textarea{resize:vertical;min-height:110px;padding-top:10px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf621}.input:disabled,.select:disabled,.textarea:disabled{color:var(--subtle);cursor:not-allowed}.field-row{align-items:center;gap:10px;display:flex}.field-row>*{flex:1}.toggle{flex:none;width:44px;height:24px;display:inline-flex;position:relative}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-track{cursor:pointer;background:#26344c;border:1px solid #43516c;border-radius:999px;width:100%;height:100%;transition:background .14s,border-color .14s}.toggle-track:after{content:"";background:#e5e7eb;border-radius:50%;width:18px;height:18px;transition:transform .14s;position:absolute;top:3px;left:3px;box-shadow:0 2px 7px #00000059}.toggle input:checked+.toggle-track{background:var(--primary);border-color:var(--primary)}.toggle input:checked+.toggle-track:after{background:#fff;transform:translate(20px)}.toggle input:disabled+.toggle-track{opacity:.5;cursor:not-allowed}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--primary-hover);outline-offset:3px}.banner{color:#bfdbfe;background:#60a5fa14;border:1px solid #60a5fa59;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:12px;display:flex}.banner.error{color:#fecdd3;background:#fb718514;border-color:#fb718559}.banner svg{flex:none;width:17px}.save-bar{z-index:25;left:calc(var(--sidebar) + 28px);border:1px solid var(--border-strong);max-width:1180px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10192af5;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:12px 14px 12px 18px;animation:.18s ease-out rise;display:flex;position:fixed;bottom:16px;right:28px}.save-copy{align-items:center;gap:12px;min-width:0;display:flex}.save-copy svg{color:#c4b5fd;width:21px}.save-title{font-size:13px;font-weight:700}.save-subtitle{color:var(--muted);font-size:11px}.save-actions{gap:10px;display:flex}.overview-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.overview-panel{border:1px solid var(--border);background:#10192ab8;border-radius:12px;min-height:100%;padding:20px}.overview-panel h2{margin:0 0 16px;font-size:16px}.health-list,.activity-list,.quick-list{margin:0;padding:0;list-style:none}.health-item{align-items:flex-start;gap:11px;padding:10px 0;display:flex}.health-item+.health-item{border-top:1px solid #26344cb3}.health-icon{width:24px;height:24px;color:var(--success);background:#4ade8026;border-radius:50%;flex:none;place-items:center;display:grid}.health-icon.warning{color:var(--warning);background:#fbbf241f}.health-icon svg{width:14px}.health-name{font-size:12px;font-weight:650}.health-detail{color:var(--muted);font-size:11px}.quick-link{min-height:44px;color:var(--muted);border-bottom:1px solid #26344cb3;align-items:center;gap:10px;padding:0 2px;display:flex}.quick-link:hover{color:var(--text)}.quick-link svg:first-child{width:17px}.quick-link svg:last-child{width:15px;margin-left:auto}.activity-item{min-height:48px;color:var(--muted);border-bottom:1px solid #26344cb3;grid-template-columns:106px 1fr auto;align-items:center;gap:12px;font-size:11px;display:grid}.activity-item strong{color:var(--text);font-size:12px;font-weight:600}.activity-empty{color:var(--muted);padding:20px 0;font-size:12px}.server-page{background:radial-gradient(circle at 50% -20%, #8b5cf61f, transparent 42%), var(--bg);min-height:100vh;padding:48px 24px}.server-wrap{width:min(980px,100%);margin:0 auto}.server-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;display:flex}.server-brand{align-items:center;gap:12px;font-size:22px;font-weight:750;display:flex}.server-brand img{width:38px;height:38px}.server-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.server-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:14px;min-height:164px;padding:18px;transition:transform .15s,border-color .15s,background .15s;display:flex}.server-card:hover{background:var(--surface-raised);border-color:#4c5c7d;transform:translateY(-2px)}.server-card.disabled{opacity:.7}.server-identity{align-items:center;gap:12px;min-width:0;display:flex}.server-icon{background:var(--primary-wash);color:#ddd6fe;object-fit:cover;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:750;display:grid}.server-details{flex:auto;min-width:0}.server-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:680;overflow:hidden}.server-meta{color:var(--muted);font-size:11px}.server-card .button{width:100%;margin-top:auto}.login-page{background:radial-gradient(circle at 50% 20%, #8b5cf626, transparent 35%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);background:var(--surface);width:min(430px,100%);box-shadow:var(--shadow);text-align:center;border-radius:14px;padding:32px}.login-panel img{width:58px;height:58px}.login-panel h1{margin:18px 0 8px;font-size:25px}.login-panel p{color:var(--muted);margin:0 0 24px}.login-panel .button{width:100%}.auth-error-page{background:radial-gradient(circle at 50% 18%, #fb71852e, transparent 38%), var(--bg)}.auth-error-panel{border-color:#fb71856b;width:min(500px,100%);box-shadow:0 18px 52px #7f1d1d38}.auth-error-panel>img{object-fit:cover;border-radius:50%;box-shadow:0 0 0 4px #fb71851f,0 0 24px #fb71852e}.auth-error-icon{color:#fecdd3;background:#fb718524;border:1px solid #fb718585;border-radius:50%;place-items:center;width:46px;height:46px;margin:20px auto 0;display:grid}.auth-error-icon svg{width:21px;height:21px}.auth-error-panel h1{margin-top:14px}.auth-error-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-error-actions .button.primary{background:#e5485f;border-color:#e5485f}.auth-error-actions .button.primary:hover:not(:disabled){background:#fb7185;border-color:#fb7185}.maintenance-page{background:radial-gradient(circle at 50% 18%, #8b5cf629, transparent 35%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.maintenance-panel{border:1px solid var(--border);background:var(--surface);width:min(510px,100%);box-shadow:var(--shadow);text-align:center;border-radius:14px;padding:36px}.maintenance-panel>img{width:58px;height:58px}.maintenance-icon{color:#ddd6fe;background:var(--primary-wash);border:1px solid #8b5cf659;border-radius:12px;place-items:center;width:42px;height:42px;margin:20px auto 0;display:grid}.maintenance-icon svg{width:21px;height:21px}.maintenance-panel h1{margin:16px 0 8px;font-size:25px}.maintenance-panel p{max-width:410px;color:var(--muted);margin:0 auto}.maintenance-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}.maintenance-actions form{margin:0}.role-list{flex-direction:column;gap:7px;display:flex}.role-option{border:1px solid var(--border);background:#0c1525;border-radius:8px;align-items:center;gap:10px;min-height:40px;padding:8px 10px;display:flex}.role-option input{width:16px;height:16px;accent-color:var(--primary)}.role-dot{background:var(--role-color,var(--subtle));border-radius:50%;width:9px;height:9px}.role-option span:last-child{font-size:12px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:240px;padding-right:4px;display:grid;overflow-y:auto}.logging-toolbar{border-bottom:1px solid var(--border);gap:10px;padding:14px 16px;display:flex}.logging-toolbar .input{max-width:320px}.logging-list{width:100%}.logging-head,.logging-row{grid-template-columns:70px minmax(150px,.85fr) minmax(190px,1.1fr) minmax(180px,.85fr);align-items:center;gap:14px;padding:12px 16px;display:grid}.logging-head{color:var(--subtle);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);font-size:10px;font-weight:700}.logging-row+.logging-row{border-top:1px solid var(--border)}.logging-category{align-items:center;gap:9px;font-size:12px;font-weight:650;display:flex}.logging-category svg{width:17px;color:var(--muted)}.logging-description{color:var(--muted);font-size:11px}.command-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.command-group{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:18px}.command-group h2{margin:0 0 12px;font-size:15px}.command-tags{flex-wrap:wrap;gap:7px;display:flex}.command-tag{border:1px solid var(--border);color:var(--muted);background:#0c1525;border-radius:6px;padding:5px 8px;font:550 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.range-picker{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:3px;display:inline-flex}.range-picker button{min-height:31px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:12px;font-weight:650}.range-picker button.active{background:var(--primary-wash);color:#ddd6fe}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.stat-card{border:1px solid var(--border);background:#10192ab8;border-radius:12px;flex-direction:column;min-height:136px;padding:18px;display:flex;position:relative}.stat-card>svg{color:#a78bfa;width:20px;position:absolute;top:18px;right:18px}.stat-card>span{color:var(--muted);font-size:12px}.stat-card>strong{letter-spacing:-.03em;margin-top:13px;font-size:27px;line-height:1}.stat-card>small{color:var(--subtle);margin-top:auto;font-size:11px}.analytics-chart-section{margin-bottom:16px}.bar-chart{align-items:flex-end;gap:6px;height:265px;padding:28px 20px 16px;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.bar{background:linear-gradient(#a78bfa,#7c3aed);border-radius:4px 4px 2px 2px;width:100%;min-height:3px;transition:opacity .14s}.bar-column:hover .bar{opacity:.75}.bar-column span{min-height:15px;color:var(--subtle);font-size:9px}.ranking-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ranking-list{counter-reset:rank;margin:0;padding:5px 18px 12px;list-style:none}.ranking-list li{min-height:48px;color:var(--muted);border-bottom:1px solid #26344cb3;justify-content:space-between;align-items:center;gap:16px;display:flex}.ranking-list li>span{align-items:center;gap:9px;min-width:0;display:flex}.ranking-list li svg{width:15px;color:var(--subtle)}.ranking-list li strong{color:var(--text);font-size:12px}.ranking-list li.empty-state{border:0;display:block}.action-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px;display:grid}.action-form label{color:var(--muted);flex-direction:column;gap:6px;font-size:11px;font-weight:620;display:flex}.action-form .action-reason{grid-column:1/-1}.action-form>.button{justify-self:start}.sanction-list{padding:0 20px}.sanction-row{grid-template-columns:34px 1fr auto;align-items:center;gap:12px;min-height:76px;padding:12px 0;display:grid}.sanction-row+.sanction-row{border-top:1px solid var(--border)}.sanction-icon{color:#fbbf24;background:#fbbf241a;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.sanction-icon svg{width:17px}.sanction-row strong{font-size:13px}.sanction-row p{color:var(--muted);margin:2px 0;font-size:11px}.sanction-row small,.sanction-row time{color:var(--subtle);font-size:10px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02060fc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-modal{border:1px solid var(--border-strong);background:var(--surface-raised);width:min(470px,100%);box-shadow:var(--shadow);border-radius:14px;padding:24px}.confirm-modal>svg{width:28px;color:var(--warning)}.confirm-modal h2{margin:14px 0 7px;font-size:19px}.confirm-modal p{color:var(--muted);margin:0;font-size:12px}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.skeleton{background:var(--surface-raised);border-radius:6px;min-height:18px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.toast{z-index:70;border:1px solid var(--border-strong);background:var(--surface-raised);max-width:min(380px,100vw - 40px);box-shadow:var(--shadow);border-radius:10px;padding:12px 14px;font-size:12px;position:fixed;bottom:20px;right:20px}.toast.success{border-color:#4ade8066}.toast.error{color:#fecdd3;border-color:#fb718573}.empty-state{text-align:center;color:var(--muted);padding:36px 20px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translate(100%)}}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:980px){.sidebar{box-shadow:var(--shadow);transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:35;background:#00000094;position:fixed;inset:0}.topbar{padding:0 16px;left:0}.mobile-menu-button{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.mobile-menu-button svg{width:19px}.guild-switcher{width:min(250px,42vw);min-width:0}.user-name{display:none}.app-main{padding-left:20px;padding-right:20px}.save-bar{left:20px;right:20px}}@media (max-width:720px){:root{--topbar:58px}.topbar{gap:8px;padding:0 12px}.topbar-left,.topbar-right{gap:8px}.bot-status span:last-child{display:none}.guild-switcher{width:min(220px,49vw);padding-left:34px}.guild-switcher-wrap>svg{left:10px}.user-button{padding:2px}.app-main{padding:calc(var(--topbar) + 24px) 14px 112px}.page-header{flex-direction:column;gap:14px;margin-bottom:18px}.page-title{font-size:24px}.page-description{font-size:13px}.page-actions{width:100%}.page-actions .button{flex:1}.overview-grid{grid-template-columns:1fr}.setting-row{grid-template-columns:1fr;gap:12px;padding:17px 15px}.section-header{padding:16px 15px}.field-row{align-items:stretch}.role-grid{grid-template-columns:1fr}.save-bar{left:10px;right:10px;bottom:max(8px, env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:10px;padding:12px}.save-copy{display:none}.save-actions{width:100%}.save-actions .button{flex:1}.activity-item{grid-template-columns:82px 1fr}.activity-item>:last-child,.logging-head{display:none}.logging-row{grid-template-columns:48px 1fr;gap:8px 10px;padding:13px}.logging-description,.logging-row>.select{grid-column:2}.logging-toolbar{flex-direction:column}.logging-toolbar .input{max-width:none}.command-groups,.stat-grid,.ranking-grid{grid-template-columns:1fr}.bar-chart{gap:3px;height:220px;padding-left:12px;padding-right:12px}.bar-column span{display:none}.bar-column:nth-child(3n+1) span{display:block}.action-form{grid-template-columns:1fr;padding:16px 14px}.action-form .action-reason{grid-column:auto}.action-form>.button{width:100%}.sanction-list{padding:0 14px}.sanction-row{grid-template-columns:32px 1fr}.sanction-row time{grid-column:2}.server-page{padding:28px 15px}.server-header{flex-direction:column;align-items:flex-start}.server-grid{grid-template-columns:1fr}.login-panel{padding:26px 20px}.auth-error-actions{grid-template-columns:1fr}.maintenance-panel{padding:28px 20px}.maintenance-actions{flex-direction:column}.maintenance-actions .button,.maintenance-actions form,.maintenance-actions form .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}