:root{--bg:#090b10;--panel:#10141d;--panel-strong:#151b26;--panel-soft:#0d1118;--line:#ffffff1a;--line-strong:#ffffff2e;--text:#f6f8fb;--muted:#9aa7b7;--amber:#f5b83d;--cyan:#3abff8;--green:#4ade80;--red:#fb5c66;--violet:#a78bfa;--shadow:0 18px 60px #00000052;--sidebar:292px}*{box-sizing:border-box}body{background:linear-gradient(135deg, #f5b83d1a, transparent 32%), linear-gradient(315deg, #3abff81a, transparent 34%), var(--bg);min-width:320px;min-height:100vh;color:var(--text);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#0c1018eb;flex-direction:column;gap:18px;padding:22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:8px 4px 14px;display:flex}.brand-mark,.icon-tile{color:#071017;background:#ffffff0f;border-radius:8px;place-items:center;width:54px;height:54px;display:grid;overflow:hidden;box-shadow:0 12px 34px #f5b83d29}.brand-mark img,.icon-tile img{object-fit:contain;width:100%;height:100%;transform:scale(1.14)}.brand-title{font-size:18px;font-weight:800;display:block}.brand-subtitle,.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.server-switcher{position:relative}.server-button,.nav-item,.logout-button,.dropdown-item,.icon-button{cursor:pointer;background:0 0;border:1px solid #0000}.server-button{border-color:var(--line);text-align:left;background:#ffffff0a;border-radius:8px;grid-template-columns:38px 1fr 18px;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px;display:grid}.server-button:hover,.nav-item:hover,.logout-button:hover{border-color:var(--line-strong);background:#ffffff0f}.server-avatar,.user-avatar,.whitelist-avatar{color:var(--amber);background:#ffffff14;border-radius:8px;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.server-avatar{width:38px;height:38px}.server-avatar img,.user-avatar img{object-fit:cover;width:100%;height:100%}.server-meta,.user-meta{min-width:0}.server-name,.user-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;display:block;overflow:hidden}.dropdown{border:1px solid var(--line);box-shadow:var(--shadow);z-index:40;background:#111722;border-radius:8px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0}.dropdown-item{width:100%;color:var(--muted);text-align:left;border-radius:8px;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:9px;display:grid}.dropdown-item.active,.dropdown-item:hover{color:var(--text);background:#f5b83d1f}.nav-list{gap:8px;display:grid}.nav-item,.logout-button{width:100%;color:var(--muted);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.nav-item-content{align-items:center;gap:12px;display:flex}.nav-item.active{color:#071017;background:linear-gradient(135deg, var(--amber), var(--cyan));box-shadow:0 14px 32px #f5b83d24}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.user-card{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.user-avatar{width:40px;height:40px}.logout-button{color:var(--red);background:#fb5c6612;border-color:#fb5c6624;justify-content:flex-start}.main-content{width:calc(100% - var(--sidebar));margin-left:var(--sidebar);padding:28px}.dashboard-shell{gap:20px;width:min(1240px,100%);display:grid}.topbar{grid-template-columns:1fr auto;align-items:end;gap:18px;padding-bottom:4px;display:grid}.title-row{align-items:center;gap:14px;display:flex}.page-title{margin:0;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1}.page-subtitle{color:var(--muted);max-width:680px;margin:8px 0 0}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:12px;display:flex}.field{gap:7px;display:grid}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:800}.input,.select{border:1px solid var(--line);width:100%;height:42px;color:var(--text);background:#0b1018;border-radius:8px;outline:none;padding:0 12px}.select{padding-right:34px}.input:focus,.select:focus{border-color:#3abff8bf;box-shadow:0 0 0 3px #3abff81f}.save-pill{height:42px;color:var(--green);text-transform:uppercase;background:#4ade8014;border:1px solid #4ade803d;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card,.panel,.toggle-card,.empty-state,.whitelist-row{border:1px solid var(--line);box-shadow:var(--shadow);background:#10141dd6;border-radius:8px}.metric-card{gap:8px;padding:16px;display:grid}.metric-head{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex}.metric-value{font-size:28px;font-weight:900}.metric-note{color:var(--muted);font-size:13px}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:16px;display:grid}.panel{padding:18px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-title{align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.panel-description{color:var(--muted);margin:4px 0 0;font-size:14px}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.settings-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-box{border:1px solid var(--line);background:#ffffff09;border-radius:8px;gap:8px;padding:12px;display:grid}.toggle-list{gap:12px;display:grid}.toggle-card{box-shadow:none;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.toggle-title{margin:0;font-size:15px;font-weight:850}.toggle-description{color:var(--muted);margin:3px 0 0;font-size:13px}.switch{border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:999px;width:52px;height:30px;position:relative}.switch.on{background:#4ade8038;border-color:#4ade8052}.switch-knob{background:var(--text);border-radius:999px;width:20px;height:20px;position:absolute;top:4px;left:4px}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 14px;font-weight:800;display:inline-flex}.button.primary{color:#071017;background:linear-gradient(135deg, var(--amber), var(--cyan))}.button.ghost{color:var(--text);border-color:var(--line);background:#ffffff0d}.button.danger,.icon-button.danger{color:var(--red);background:#fb5c6614;border-color:#fb5c662e}.bad-word-form,.whitelist-form{grid-template-columns:1fr auto;gap:10px;margin-bottom:14px;display:grid}.segmented-control{border:1px solid var(--line);background:#ffffff09;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;padding:6px;display:grid}.segmented-control button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.segmented-control button.active{color:#071017;background:linear-gradient(135deg, var(--amber), var(--cyan))}.segmented-control span{min-width:22px;color:var(--text);background:#00000047;border-radius:999px;padding:2px 7px;font-size:12px}.word-cloud{flex-wrap:wrap;gap:8px;display:flex}.word-chip,.badge{border-radius:999px;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.word-chip{border:1px solid var(--line);background:#ffffff0d;padding:7px 9px 7px 12px}.badge{color:var(--cyan);background:#3abff81a;border:1px solid #3abff838;padding:4px 8px}.badge.role{color:var(--violet);background:#a78bfa1a;border-color:#a78bfa40}.icon-button{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.whitelist-list{gap:10px;display:grid}.whitelist-row{box-shadow:none;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.whitelist-avatar{width:36px;height:36px}.mono{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.empty-state,.loading-state,.error-state{text-align:center;place-items:center;min-height:260px;padding:28px;display:grid}.state-card{max-width:430px}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.sidebar{width:100%;height:auto;position:relative}.app-container{display:block}.main-content{width:100%;margin-left:0;padding:18px}.topbar,.content-grid,.overview-grid,.settings-grid,.settings-grid.two{grid-template-columns:1fr}.top-actions{justify-content:stretch}}