:root{color-scheme:dark;--bg:#0b0d13;--surface:#121620;--surface-2:#171c28;--surface-3:#1d2433;--line:#282f3d;--text:#f3f5fa;--muted:#9aa4b7;--purple:#7b72ff;--purple-2:#5d56e8;--green:#58d6a0;--red:#ff6f83;--amber:#f1bd67;--blue:#7aabff;--radius:18px;--shadow:0 20px 70px #0005}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:25px 17px 17px;border-right:1px solid var(--line);background:#0e1118;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 32px}.brand-mark,.login-symbol{display:grid;place-items:center;background:linear-gradient(145deg,#8b81ff,#5c55db);box-shadow:0 9px 28px #6f66ed38;color:white;font-weight:850}.brand-mark{width:42px;height:42px;border-radius:14px;font-size:22px}.brand-copy{display:flex;flex-direction:column;gap:3px;letter-spacing:.02em}.brand-copy strong{font-size:14px;letter-spacing:.13em}.brand-copy small{font-size:9px;color:#7f899c;letter-spacing:.16em}.side-label,.eyebrow{color:#808aa0;font-size:10px;font-weight:800;letter-spacing:.16em}.side-label{padding:0 11px 12px}.side-nav{display:grid;gap:6px}.nav-item{width:100%;border:1px solid transparent;background:transparent;color:#9ba5b7;text-align:left;padding:12px 13px;border-radius:11px;display:flex;align-items:center;gap:12px;transition:.18s}.nav-item:hover{color:var(--text);background:#171b27}.nav-item.active{background:#211f42;border-color:#34305f;color:#c8c4ff}.nav-icon{width:19px;text-align:center;font-size:18px}.sidebar-bottom{margin-top:auto}.sidebar-status{display:flex;align-items:center;gap:11px;background:#151a25;border:1px solid var(--line);border-radius:13px;padding:13px}.sidebar-status>div{display:grid;gap:3px}.sidebar-status strong{font-size:12px}.sidebar-status small{font-size:11px;color:var(--muted)}.status-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#727b8a;box-shadow:0 0 0 4px #727b8a20;flex:none}.status-dot.online{background:var(--green);box-shadow:0 0 0 4px #58d6a020}.status-dot.offline{background:var(--red);box-shadow:0 0 0 4px #ff6f8320}.side-footnote{color:#667084;font-size:10px;line-height:1.7;padding:14px 7px 3px}.main-area{min-width:0;display:flex;flex-direction:column}.topbar{height:74px;padding:0 clamp(20px,3.3vw,48px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202633;background:#0d1017d9;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.breadcrumbs{display:flex;align-items:center;gap:11px;color:#657087;font-size:12px}.breadcrumbs strong{color:#cbd1dd;font-weight:650}.breadcrumbs b{color:#424a5b;font-weight:400}.topbar-right{display:flex;align-items:center;gap:20px}.top-online{display:flex;align-items:center;gap:9px;color:#b0b8c8;font-size:11px}.user-chip{display:flex;align-items:center;gap:9px;padding:4px 5px 4px 7px;border:1px solid var(--line);border-radius:100px;background:#151a24;max-width:220px}.user-chip img{width:27px;height:27px;border-radius:50%;object-fit:cover;background:var(--surface-3)}.user-chip span{max-width:110px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:12px}.logout-button,.icon-button{border:0;color:#a8b0c0;background:#222838;border-radius:50%;width:28px;height:28px;font-size:17px;display:grid;place-items:center}.logout-button:hover,.icon-button:hover{background:#343e53;color:white}.mobile-menu{display:none;border:0;background:transparent;color:var(--text);font-size:20px}.content-wrap{width:100%;max-width:1550px;padding:34px clamp(20px,3.3vw,48px) 35px;margin:0 auto;flex:1}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-intro h1,.login-card h1{font-size:clamp(26px,3vw,34px);letter-spacing:-.04em;line-height:1.22;margin:8px 0 9px}.muted{color:var(--muted);line-height:1.65;margin:0}.small{font-size:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;border:1px solid transparent;padding:10px 15px;font-weight:700;font-size:12px;white-space:nowrap;transition:transform .15s,background .15s}.button:active{transform:translateY(1px)}.button.primary{background:linear-gradient(135deg,#7c73ff,#5f58e3);color:white;box-shadow:0 7px 20px #7067e629}.button.primary:hover{background:linear-gradient(135deg,#928aff,#6b64ef)}.button.secondary{color:#d2d8e4;border-color:#30394a;background:#1a202c}.button.secondary:hover{background:#232b3b}.text-button{color:#a7a1ff;background:transparent;border:0;font-weight:700;font-size:12px;padding:7px}.text-button:hover{color:#d1ceff}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card,.panel-card,.server-card,.mini-metric{border:1px solid var(--line);background:linear-gradient(145deg,#151a25,#11151e);border-radius:var(--radius)}.metric-card{padding:20px;min-width:0;transition:border-color .2s}.metric-card:hover,.server-card:hover{border-color:#414b62}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#abb4c5;font-size:12px}.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;font-size:17px}.purple{background:#39345f;color:#c9c4ff}.blue{background:#253653;color:#9fc4ff}.green{background:#1e463b;color:#79e0b1}.amber{background:#4a3825;color:#f7ca7d}.metric-card>strong{font-size:27px;letter-spacing:-.04em;display:block;margin:18px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-card small{display:block;color:#778297;font-size:11px;line-height:1.5}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:34px 0 15px}.section-heading h2,.section-heading h3{margin:0;font-size:16px;letter-spacing:-.02em}.section-heading p{font-size:12px;margin-top:6px}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.server-card{padding:16px;display:flex;flex-direction:column;gap:17px;min-width:0;transition:border-color .18s,transform .18s}.server-card:hover{transform:translateY(-2px)}.server-card-head{display:flex;gap:12px;align-items:center;min-width:0}.server-avatar{width:48px;height:48px;border-radius:15px;background:#282b49;object-fit:cover;display:grid;place-items:center;flex:none;color:#d2ceff;font-size:20px;font-weight:800}.server-info{min-width:0;flex:1}.server-info h3{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px}.server-info p{font-size:11px;color:#8490a4;margin:0}.pill{font-size:10px;font-weight:700;border-radius:50px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;white-space:nowrap}.pill.green{background:#193d32;color:#76ddb0}.pill.red{background:#45252d;color:#ff8c9c}.pill.neutral{background:#242b39;color:#a6b0c2}.server-card-bottom{border-top:1px solid #252b38;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:9px;color:#7f8ba0;font-size:11px}.server-open{display:flex;gap:8px;align-items:center;border:0;background:transparent;color:#b6b2ff;font-size:12px;font-weight:750;padding:0}.server-open:hover{color:white}.empty-state{border:1px dashed #353d4e;border-radius:var(--radius);padding:42px 20px;text-align:center;margin-top:15px}.empty-symbol{font-size:27px;color:#8982ff;margin-bottom:10px}.empty-state h3{margin:0 0 8px}.empty-state p{margin:0 auto 16px;color:var(--muted);max-width:500px;line-height:1.7}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid #30394a;background:#131924;border-radius:10px;padding:0 12px;min-height:39px;color:#8591a8;min-width:260px}.search-box input{border:0!important;background:transparent!important;padding:9px 0!important;outline:0!important;box-shadow:none!important;min-width:0}.guild-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;background:linear-gradient(115deg,#1c2040,#151a26 70%);border:1px solid #30304e;border-radius:18px;margin-bottom:17px}.guild-identity{display:flex;align-items:center;gap:14px;min-width:0}.guild-identity img{width:60px;height:60px;object-fit:cover;border-radius:18px;background:#2e3354}.guild-identity h2{font-size:20px;letter-spacing:-.03em;margin:5px 0}.guild-identity .muted{font-size:11px}.tabbar{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow-x:auto}.tab{background:transparent;border:0;color:#8490a3;padding:14px 18px;white-space:nowrap;position:relative;font-size:12px;font-weight:700}.tab:after{content:"";position:absolute;height:2px;bottom:-1px;left:12px;right:12px;background:transparent;border-radius:2px}.tab.active{color:#d1ceff}.tab.active:after{background:var(--purple)}.tab-count{padding:2px 6px;border-radius:50px;background:#28254b;margin-left:4px;font-size:10px}.tab-panel{min-width:0}.mini-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.mini-metric{display:flex;align-items:center;gap:12px;padding:17px}.mini-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:18px}.mini-metric strong{display:block;font-size:21px;letter-spacing:-.04em}.mini-metric small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.panel-card{padding:20px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.card-heading h3{font-size:14px;margin:0 0 5px}.card-heading p{font-size:11px}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-action{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #2c3444;border-radius:13px;padding:14px;background:#171d29;color:var(--text);min-width:0}.quick-action:hover{border-color:#625cbe;background:#1d2032}.quick-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:18px;flex:none}.quick-action>span:nth-child(2){display:grid;gap:5px;flex:1;min-width:0}.quick-action strong{font-size:12px}.quick-action small{font-size:11px;color:var(--muted)}.quick-action>b{font-size:15px;color:#8c86ff}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.settings-card{display:flex;flex-direction:column;align-items:stretch;gap:9px}.settings-card .card-heading{margin-bottom:6px}.field-label{display:block;font-size:11px;font-weight:750;color:#c4ccda;margin:9px 0 2px}.settings-card input:not([type=checkbox]),.settings-card textarea,.settings-card select,.modal input:not([type=checkbox]),.modal textarea,.modal select{width:100%;border:1px solid #343d4f;border-radius:9px;background:#0f141e;color:#eef1f8;padding:10px 11px;outline:0;min-width:0}.settings-card input:focus,.settings-card textarea:focus,.settings-card select:focus,.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#7b72ff;box-shadow:0 0 0 3px #7770ff18}.settings-card textarea,.modal textarea{resize:vertical;line-height:1.6}.settings-card select,.modal select{color-scheme:dark}.field-hint{color:#7d899d;font-size:10px;line-height:1.6;margin:0}.field-hint code{color:#bdb7ff;background:#24213e;padding:2px 4px;border-radius:4px}.form-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 3px}.switch{width:39px;height:23px;position:relative;display:inline-block;flex:none}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#353d4c;border-radius:50px;transition:.2s}.switch span:before{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;background:#bdc4d0;border-radius:50%;transition:.2s}.switch input:checked+span{background:#625be0}.switch input:checked+span:before{transform:translateX(16px);background:white}.section-heading.in-tab{margin:2px 0 16px}.notice{padding:12px 14px;border-radius:11px;border:1px solid #3a4252;line-height:1.6;font-size:12px;margin:0 0 15px}.notice.warning{background:#342a1d;border-color:#5c4526;color:#f3cb87}.notice.info{background:#1b2032;border-color:#333653;color:#b9c4ff}.notice.success{background:#173128;border-color:#295847;color:#83e2b9}.notice.error{background:#39212a;border-color:#613440;color:#ff9bab}.panel-list{display:grid;gap:15px}.panel-group{border:1px solid var(--line);background:linear-gradient(145deg,#151a25,#11151e);border-radius:16px;overflow:hidden}.panel-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:#171d29;border-bottom:1px solid var(--line)}.panel-group-title{display:flex;align-items:center;gap:11px;min-width:0}.panel-group-title>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#282549;color:#c2bdff;font-size:18px;flex:none}.panel-group-title h4{margin:0 0 5px;font-size:13px;overflow-wrap:anywhere}.panel-group-title p{margin:0;font-size:11px;color:var(--muted)}.panel-group-actions{display:flex;gap:7px;flex:none}.button.small-button{padding:8px 10px;font-size:11px}.button.danger{background:#3a2029;border-color:#633544;color:#ff9aaa}.button.danger:hover{background:#522733}.role-button-list{padding:7px 17px}.role-button-row{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(160px,2fr) auto;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #262d3a}.role-button-row:last-child{border-bottom:0}.role-button-name{font-weight:700;font-size:12px;overflow-wrap:anywhere}.role-button-name small{display:block;margin-top:5px;font-weight:400;color:#7f8ba0;font-size:10px}.role-chips{display:flex;gap:5px;flex-wrap:wrap}.role-chip{padding:5px 8px;border-radius:7px;background:#24283c;border:1px solid #383554;color:#d3d0ff;font-size:10px;overflow-wrap:anywhere}.role-chip.missing{background:#38232a;border-color:#5b3640;color:#ff9aaa}.button-row-actions{display:flex;gap:7px}.button-row-actions .button{padding:7px 9px}.back-row{margin-top:23px}.app-footer{padding:17px clamp(20px,3.3vw,48px);border-top:1px solid #1d2430;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#626d82;font-size:9px;letter-spacing:.08em}.login-view{position:relative;flex:1;min-height:calc(100vh - 120px);display:grid;place-items:center;padding:35px 20px;overflow:hidden}.login-glow{position:absolute;width:560px;height:560px;background:radial-gradient(circle,#4d46b522,transparent 65%);top:50%;left:50%;transform:translate(-50%,-58%);pointer-events:none}.login-card{position:relative;width:min(100%,465px);border:1px solid #2d3445;background:linear-gradient(145deg,#181d2a,#10141d);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.login-symbol{width:52px;height:52px;border-radius:16px;font-size:26px;margin-bottom:26px}.login-card h1{font-size:32px;margin:12px 0}.login-card h1 span{color:#a7a1ff}.login-card>p{font-size:12px;line-height:1.8}.login-details{display:grid;gap:12px;padding:20px 0 23px;margin-top:5px}.login-details>div{display:flex;align-items:center;gap:11px;color:#bbc3d2;font-size:12px}.detail-icon{display:grid;place-items:center;width:26px;height:26px;background:#282543;border-radius:8px;color:#c2bdff}.login-button{width:100%;padding:13px;font-size:13px}.discord-mark{font-size:17px}.fine-print{margin-top:14px!important;text-align:center;font-size:10px!important;color:#718097!important}.login-footer{position:absolute;bottom:20px;color:#4f5b70;letter-spacing:.14em;font-size:9px}.modal{width:min(100% - 28px,650px);max-height:90vh;padding:0;border:1px solid #343c50;border-radius:20px;background:#141925;color:var(--text);box-shadow:0 30px 120px #000a}.modal::backdrop{background:#05070bbd;backdrop-filter:blur(7px)}.modal form{display:flex;flex-direction:column;max-height:90vh}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:21px 23px 15px;border-bottom:1px solid var(--line)}.modal-head h2{margin:7px 0 5px;font-size:20px}.modal-head p{font-size:11px}.modal-head .icon-button{width:32px;height:32px;font-size:23px}.modal-body{padding:17px 23px;overflow:auto}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:15px 23px;border-top:1px solid var(--line);background:#151a26}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-pick-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.role-pick-head .field-label{margin:0}.role-search{margin:9px 0;min-width:0}.role-picker{max-height:200px;overflow:auto;border:1px solid #303849;border-radius:10px;background:#10151e;padding:5px}.role-option{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:7px;color:#c5ccda;font-size:11px;cursor:pointer}.role-option:hover{background:#1c2230}.role-option input{accent-color:#7770ff}.role-option .color-swatch{width:9px;height:9px;border-radius:50%;flex:none}.role-option span:nth-child(3){overflow-wrap:anywhere}.role-option[hidden]{display:none}.toast-region{position:fixed;bottom:22px;right:22px;display:grid;gap:9px;z-index:100;max-width:min(390px,calc(100vw - 32px))}.toast{padding:13px 15px;border-radius:12px;border:1px solid #354151;background:#1a202c;box-shadow:var(--shadow);font-size:12px;line-height:1.55;animation:slide-in .18s ease-out}.toast.success{border-color:#32614f}.toast.error{border-color:#70404a}.toast.info{border-color:#41416d}@keyframes slide-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}[hidden]{display:none!important}@media(max-width:1200px){.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;height:100dvh;width:260px;transform:translateX(-105%);transition:transform .2s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block}.topbar{height:65px;padding:0 18px}.breadcrumbs{margin-right:auto;margin-left:12px}.top-online{display:none}.content-wrap{padding:25px 18px}.page-intro{align-items:flex-start}.page-intro h1{font-size:27px}.metric-card{padding:15px}.metric-card>strong{font-size:23px}.metric-top{font-size:11px}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.form-footer{flex-direction:column;align-items:stretch}.guild-banner{padding:16px}.guild-identity img{width:48px;height:48px}.app-footer{padding:15px 18px}.role-button-row{grid-template-columns:1fr;gap:8px}.button-row-actions{justify-content:flex-start}.panel-group-head{align-items:flex-start}.panel-group-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:540px){.topbar{padding:0 13px}.breadcrumbs{font-size:11px;gap:7px}.user-chip{max-width:140px}.user-chip span{max-width:64px}.content-wrap{padding:22px 13px}.page-intro{gap:8px}.page-intro .button{padding:9px 10px}.page-intro .button span{display:none}.metric-grid{gap:9px}.metric-card{padding:13px;border-radius:14px}.metric-icon{width:29px;height:29px}.metric-card>strong{font-size:21px;margin:13px 0 3px}.metric-card small{font-size:10px}.server-grid{grid-template-columns:1fr}.server-card{padding:14px}.section-heading{align-items:flex-start}.quick-actions{grid-template-columns:1fr}.mini-metric-grid{gap:8px}.mini-metric{padding:12px;gap:9px}.mini-icon{width:31px;height:31px}.mini-metric strong{font-size:18px}.guild-banner{align-items:flex-start;flex-direction:column}.guild-identity{align-items:flex-start}.guild-identity h2{font-size:17px}.tab{padding:12px 11px}.panel-card{padding:14px}.panel-group-head{padding:13px}.panel-group-actions .button{font-size:10px;padding:7px 8px}.role-button-list{padding:5px 13px}.app-footer{font-size:8px;letter-spacing:.02em}.login-card{padding:25px 21px}.login-card h1{font-size:28px}.login-view{min-height:calc(100vh - 105px)}.toolbar{align-items:flex-start;flex-direction:column;gap:9px}.search-box{min-width:0;width:100%}.two-fields{grid-template-columns:1fr}.form-footer .button{width:100%}.modal-head,.modal-body,.modal-foot{padding-left:17px;padding-right:17px}}