:root{--bg:#0b0c11;--panel:#12141d;--line:#252837;--text:#ecedf5;--muted:#9198ad;--purple:#9181f6;--purple2:#7461dd;--radius:14px}
html,body{height:100%;overscroll-behavior:none}body{background:var(--bg);overflow:hidden;font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:13px}.app{height:100dvh;min-height:0;grid-template-columns:232px minmax(0,1fr)}.sidebar{width:232px;background:#0e1017;padding:25px 14px 16px}.brand{padding:0 8px 24px}.brand strong{font-size:20px;letter-spacing:-.6px}.brand .brand-control{display:inline;font-size:10px;color:#a79bcf;letter-spacing:.5px}.brand span{margin-top:3px;font-size:10px}.brand-mark.small{width:36px;height:36px;border-radius:11px;background:#9181f6;box-shadow:none;color:#17122e}.sidebar nav{overflow-y:auto;overscroll-behavior:none;margin:4px -4px 12px;padding:0 4px;min-height:0}.nav-group{padding-top:18px}.nav-section{font-size:9px;color:#747d96;letter-spacing:1.5px}.nav-button{height:36px;font-size:12px;border-radius:8px;gap:11px;margin:2px 0}.nav-button.active{background:#242138;border-color:#39324e;color:#d5c9ff}.nav-symbol{width:18px;text-align:center;font-size:17px;color:#7f89a3}.nav-button.active .nav-symbol{color:#b7a6ff}.sidebar-bottom{flex-shrink:0}.profile-avatar{border-radius:50%}.main{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{position:relative;flex-shrink:0;height:84px;padding:0 34px;background:#0b0c11;border-color:#222531;backdrop-filter:none}.topbar .eyebrow{font-size:9px;margin:0;color:#788198}.workspace-dot{padding:0 5px;color:#9a89ef}.topbar h2{font-size:17px;font-weight:600;margin-top:7px}.server-picker{min-width:210px;background:#11131c;border-color:#242837;border-radius:10px;padding:9px}.server-picker .guild-label{color:#747d96}.server-picker .select-menu{min-width:230px}.content{overflow:auto;overscroll-behavior:none;scrollbar-gutter:stable;height:100%;width:100%;padding:30px 34px 40px;max-width:none}.content>*,.modal-body>*{min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1{font-size:25px;letter-spacing:-.8px;font-weight:650;margin:7px 0}.page-heading p{color:var(--muted);font-size:12px;margin:0}.eyebrow{color:#959eb4;font-size:9px;letter-spacing:1.3px}.card{background:#12141d;border-color:#252837;border-radius:14px;padding:22px;box-shadow:none}.card-head h3{font-size:16px;font-weight:600;letter-spacing:-.2px;margin-top:7px}.button{border-radius:8px;min-height:36px;font-weight:600;font-size:12px;padding:8px 13px}.button.primary{background:#9181f6;border-color:#9d8bf9;color:#101022}.button.primary:hover{background:#aa9afc;filter:none}.button.secondary{background:#1b1e2a;border-color:#2b3041;color:#cbd0e1}.button.danger{background:#351c27;border-color:#623042;color:#ff9cae}.button:disabled{opacity:.4}.icon-button{border:0;background:#202332;border-radius:8px;color:#abb3cb;width:32px;height:32px}.text-button{border:0;background:transparent;color:#b6a5f9;font:inherit;font-size:12px;padding:5px 0;cursor:pointer}.danger-text{color:#f192a6}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric{padding:21px 22px;border:1px solid #252837;border-radius:13px;background:#12141d;min-height:130px;display:flex;flex-direction:column}.metric-label{font-size:9px;letter-spacing:1px;color:#919ab2}.metric>strong{font-size:32px;font-weight:650;letter-spacing:-1px;margin:12px 0 7px;line-height:1}.metric-sub{color:#838ba1;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);gap:20px;margin-bottom:20px}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);gap:20px}.segmented{display:flex;gap:2px;background:#0e1018;border:1px solid #272b3a;padding:3px;border-radius:8px}.segmented button{border:0;border-radius:5px;background:transparent;color:#858fa8;font:inherit;font-size:10px;padding:5px 9px;cursor:pointer}.segmented button.active{background:#27233c;color:#c4b4ff}.chart-legend{display:flex;gap:18px;font-size:10px;color:#969fb8;margin:18px 0 12px;align-items:center}.chart-legend small{margin-left:auto;color:#6f7b95;font-size:9px}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.legend-dot.violet{background:#aa97ff}.legend-dot.cyan{background:#61d8d1}.usage-svg{display:block;width:100%;max-height:280px}.chart-grid{stroke:#292d3c;stroke-width:1}.chart-text{fill:#77829e;font-size:10px}.chart-line{fill:none;stroke-width:2.5;stroke-linejoin:round}.chart-line.violet{stroke:#aa97ff}.chart-line.cyan{stroke:#61d8d1}.access-summary h3{margin:8px 0 0;font-size:16px;font-weight:600}.inventory-ring{width:116px;height:116px;border:7px solid #302943;border-top-color:#a992fc;border-right-color:#a992fc;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:23px auto}.inventory-ring strong{font-size:26px;line-height:1.2}.inventory-ring span{font-size:8px;color:#8c93a9}.summary-line{display:flex;justify-content:space-between;border-top:1px solid #252938;padding:10px 0;color:#929bb1;font-size:11px}.summary-line strong{color:#d1d6e8;font-weight:600}.access-summary .wide{margin-top:10px}.event-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #242837}.event-row:last-child{border-bottom:0}.event-row div{flex:1}.event-row strong{display:block;font-weight:500;font-size:12px;text-transform:capitalize}.event-row small{display:block;font-size:10px;color:#838da5;margin-top:3px}.event-row time{font-size:10px;color:#8792ab;white-space:nowrap}.event-mark{width:7px;height:7px;background:#a08af2;border-radius:50%;flex-shrink:0}.release-card h3{font-size:18px;margin:10px 0 20px}.release-version{display:block;font-size:32px;letter-spacing:-1px;color:#b9a4fc}.release-card p{color:#8f98b1;font-size:11px;margin:10px 0 18px}.quick-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:28px}.empty-state{text-align:center;padding:45px 18px;color:#8590a8}.empty-state h3{font-weight:550;color:#d3d8e9;margin:12px 0 7px;font-size:16px}.empty-state p{font-size:11px;margin:0}.empty-glyph{font-size:25px;color:#9e8cd7}.table-card{padding:0}.table-toolbar{display:flex;gap:12px;align-items:center;padding:17px 20px;border-bottom:1px solid #252938}.search-box{display:flex;gap:10px;align-items:center;flex:1;border:1px solid #2c3142;background:#0f111a;border-radius:8px;padding:0 11px;color:#8590ac;max-width:440px}.search-box input{width:100%;background:transparent;border:0;color:var(--text);padding:10px 0;outline:none;min-width:0;font-size:11px}.search-box:focus-within{border-color:#a18bee}.compact-select{min-width:155px;margin-left:auto}.table-scroll{overflow:auto;overscroll-behavior:none}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data-table th{padding:13px 20px;font-size:9px;letter-spacing:1px;color:#747f99;font-weight:600;background:#10121b;border-bottom:1px solid #252938}.data-table td{padding:16px 20px;border-bottom:1px solid #242837;font-size:12px;color:#c1c8dc}.data-table tbody tr:last-child td{border:0}.data-table tr[data-key-id]{cursor:pointer}.data-table tbody tr:hover{background:#181b26}.cell-note{display:block;margin-top:5px;color:#717d98;font-size:10px}.key-link{border:0;background:none;color:#d1c4fa;font:inherit;display:flex;align-items:center;gap:9px;padding:0;cursor:pointer}.key-link strong{font-weight:550}.key-dot{width:6px;height:6px;border-radius:50%;background:#9890c1}.key-dot.active{background:#5edaa9}.key-dot.revoked,.key-dot.blacklisted{background:#fa8298}.row-arrow{color:#75829e}.badge{border-radius:5px;font-size:9px;font-weight:500;padding:4px 8px}.badge.good{color:#8ce0b6;background:#1b312b}.badge.purple{color:#c3b0fa;background:#302841}.badge.bad{color:#f898ac;background:#38202a}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid #252938;color:#7f8ca5;font-size:10px}.page-bottom-actions{margin-top:17px}.mono{font-family:Consolas,monospace}.modal-card{width:min(520px,100%);background:#161923;border:1px solid #34384d;border-radius:15px;max-height:calc(100dvh - 40px);display:flex;flex-direction:column}.modal-head{padding:20px 22px;flex-shrink:0;border-color:#2b3040}.modal-head h3{font-size:17px;font-weight:600}.modal-body{padding:22px;overflow:auto;overscroll-behavior:none;color:#a7afc5}.modal-actions{padding:16px 22px;border-color:#2b3040;flex-shrink:0}.modal-root{background:none}.modal-body p{font-size:12px;line-height:1.7}.form-intro{margin-bottom:18px!important;color:#9ca5be}.field label{font-size:10px;letter-spacing:0;text-transform:none;color:#adb5ca;font-weight:500}.field input,.field textarea,.user-search{border-color:#303649;background:#0f121c;border-radius:8px;font-size:12px;padding:10px 12px}.field input:focus,.field textarea:focus,.user-search:focus{border-color:#a28aeb;box-shadow:none}.select-trigger{background:#10131c;border-color:#303649;border-radius:8px;font-size:11px;min-height:35px}.select-menu{background:#1a1d29;border-color:#393f53;border-radius:9px}.select-option{font-size:11px;padding:10px;border-radius:6px}.select-option:hover,.select-option:focus,.select-option.selected{background:#302944;outline:none}.select-sub{color:#8590a9}.generated-keys{border:1px solid #303649;border-radius:9px;max-height:240px;overflow:auto;padding:12px;background:#0f121a}.generated-keys code{display:block;word-break:break-all;font-size:12px;padding:8px;color:#c8b9fd}.replacement-key{display:block;padding:15px;background:#0e1118;border-radius:8px;word-break:break-all;color:#c8b9fd}.drawer-root{position:fixed;inset:0;z-index:120;display:flex;justify-content:flex-end}.drawer-backdrop{position:absolute;inset:0;background:#04070cb8;backdrop-filter:blur(2px)}.key-drawer{position:relative;width:min(540px,100%);height:100%;background:#131620;border-left:1px solid #343b50;display:flex;flex-direction:column}.drawer-head{padding:25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2b3041}.drawer-head h2{font-size:19px;font-weight:550;margin:7px 0 0}.drawer-body{padding:25px;overflow:auto;overscroll-behavior:none}.drawer-status{display:flex;justify-content:space-between;align-items:center}.key-secret{display:flex;gap:10px;justify-content:space-between;align-items:center;background:#0e111a;border:1px solid #2b3243;border-radius:8px;padding:13px;margin:20px 0}.key-secret span{word-break:break-all;font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 25px}.detail-grid>div{min-width:0}.detail-grid span{display:block;font-size:10px;color:#808da8;margin-bottom:6px}.detail-grid strong{font-size:11px;font-weight:550;overflow-wrap:anywhere}.drawer-section-title{font-size:12px;font-weight:600;color:#bec8dd;margin:27px 0 12px}.device-row{display:flex;gap:12px;align-items:center;padding:12px;background:#1b1f2b;border-radius:8px;margin-bottom:9px}.device-icon{font-size:22px;color:#ac9be9}.device-row strong,.device-row small{display:block;font-size:11px}.device-row small{color:#8b98b2;font-size:9px;margin-top:5px}.device-row+.actions{margin-top:18px}.login-shell{overflow:auto;max-height:100dvh;overscroll-behavior:none}.login-card{background:#12141d;border-radius:18px;padding:40px}.login-card .brand-mark{background:#9181f6;border-radius:17px;color:#17122e;box-shadow:none}.login-card .tiny{display:block;margin-top:20px}.command-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.command-card{padding:18px}.command-card h3{font-size:14px;margin:0 0 9px;font-family:Consolas,monospace;font-weight:500;color:#c5b4fc}.command-card p{font-size:11px;color:#9ca8c1;min-height:32px;margin:0 0 15px}.command-card .actions{align-items:center;justify-content:space-between}.notice-bar{padding:14px 18px;background:#1b2030;border:1px solid #2a3349;border-radius:10px;color:#a9b5d0;font-size:11px;margin-bottom:20px}.page-skeleton{padding:25px 0}.skeleton-line{height:20px;background:linear-gradient(90deg,#1a1e2a,#292e3f,#1a1e2a);background-size:200% 100%}.toast{background:#202537;border-color:#424c69;border-radius:10px;color:#e2e8fa}.user-line strong{font-size:11px}.user-line small{font-size:9px}.mini-avatar{border-radius:50%;width:27px;height:27px}.moderation-layout{grid-template-columns:minmax(0,1fr) 240px}.studio-shell{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.studio-side,.moderation-note{top:0}.module{grid-template-columns:minmax(140px,1fr) 130px 70px 70px 120px 60px}.system-command{overflow-wrap:anywhere}.table-toolbar .button{white-space:nowrap}:focus-visible{outline:2px solid #bda4ff!important;outline-offset:3px}.switch-row:focus-within,.choice-tile:focus-within{outline:2px solid #bda4ff;outline-offset:2px}
@media(min-width:1550px){.content{padding-left:max(40px,calc((100vw - 1510px)/2));padding-right:max(40px,calc((100vw - 1510px)/2))}}
@media(max-width:1200px){.dashboard-grid,.dashboard-bottom{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr)}.metric-grid{gap:10px}.metric{padding:18px 15px}.metric-sub{font-size:9px}.content{padding:25px}.topbar{padding:0 25px}.studio-shell,.moderation-layout{grid-template-columns:1fr}.studio-side,.moderation-note{position:static}.module{grid-template-columns:1fr 1fr 1fr}.module-title{grid-column:span 3}.module-switch{grid-column:auto}.chart-legend small{display:none}}
@media(max-width:900px){.app{grid-template-columns:190px minmax(0,1fr)}.sidebar{width:190px;padding:20px 10px}.brand-control{display:none!important}.brand{gap:8px;padding:0 4px 20px}.brand strong{font-size:18px}.brand span{font-size:9px}.nav-button{font-size:11px}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.access-summary{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-toolbar{grid-template-columns:1fr 1fr}.table-toolbar{flex-wrap:wrap}.search-box{max-width:none;flex-basis:100%}.compact-select{margin-left:0}.page-heading h1{font-size:21px}.topbar .eyebrow{display:none}.server-picker{min-width:170px}.guild-select{min-width:135px}.topbar{height:72px}.page-heading{align-items:flex-start}}
@media(max-width:640px){body{overflow:auto}.app{display:block;height:auto;min-height:100dvh}.sidebar{position:relative;width:100%;height:auto;padding:12px;border-right:0;border-bottom:1px solid #252938}.brand{border:0;padding:0 5px 12px}.brand-mark.small{height:30px;width:30px;font-size:11px}.sidebar nav{display:flex;margin:0;overflow-x:auto;white-space:nowrap}.nav-group{display:flex;padding:0}.nav-section,.sidebar-bottom{display:none}.nav-button{width:auto;padding:0 12px;height:34px}.nav-symbol{display:none}.main{height:calc(100dvh - 108px)}.topbar{padding:0 18px;height:64px}.topbar h2{font-size:15px}.server-picker{background:none;border:0;padding:0;min-width:155px}.server-picker img{display:none!important}.content{padding:20px 15px 35px}.page-heading{gap:12px;margin-bottom:20px}.page-heading h1{font-size:20px}.page-heading .button{padding:8px 10px;font-size:10px}.page-heading p{font-size:10px}.metric{min-height:118px}.metric>strong{font-size:27px}.metric-label{font-size:8px}.card{padding:17px}.table-card{padding:0}.table-toolbar{padding:14px}.table-footer{padding:13px;flex-wrap:wrap}.data-table td,.data-table th{padding:13px 15px}.detail-grid{gap:15px}.drawer-body,.drawer-head{padding:20px}.modal-root{padding:12px}.modal-card{max-height:calc(100dvh - 24px)}.modal-body,.modal-head{padding:18px}.form-grid,.settings-row,.split,.info-grid{grid-template-columns:1fr}.command-grid{grid-template-columns:1fr}.composer-toolbar{grid-template-columns:1fr 1fr}.login-card{padding:30px 24px}.chart-legend{gap:12px}.server-picker .select-menu{min-width:205px}}
.command-result{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 Consolas,monospace;margin:0;color:#c6cee4}
.studio-shell>div,.studio-main,.studio-side{min-width:0}.composer-toolbar{display:flex;flex-wrap:wrap}.toolbar-picker{flex:1 1 170px;min-width:0}.toolbar-select{flex:1 1 150px;min-width:0}.composer-toolbar .toolbar-button{flex-shrink:0;white-space:normal}.composer-foot{flex-wrap:wrap}.attachment-box{flex-wrap:wrap}.rich-composer{min-width:0;overflow-wrap:anywhere}.studio-main .card{min-width:0}
@media(max-width:640px){body{overflow:hidden}.app{display:flex;flex-direction:column;height:100dvh;min-height:0}.sidebar{flex-shrink:0}.sidebar nav{max-height:42px}.sidebar-bottom{display:flex;position:absolute;right:14px;top:14px;border:0;padding:0;margin:0}.sidebar-bottom .profile{display:none}.sidebar-bottom .ghost-button{font-size:9px;padding:6px 10px;width:auto}.main{height:auto;flex:1;min-height:0}.topbar{flex-direction:row;align-items:center;gap:10px;padding:0 17px;flex-shrink:0}.server-picker{min-width:130px;max-width:170px}.guild-select{min-width:120px}.guild-label{max-width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.server-picker .select-sub{display:none}.page-heading h1{font-size:19px}.content{padding-top:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Page scrolling belongs to the content pane; tables only own horizontal scrolling. */
.app{display:grid;grid-template-rows:minmax(0,1fr)}
.main{min-height:0;min-width:0}
.content{flex:1 1 0%;min-height:0;height:auto;overflow:auto}
.table-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior:auto;overscroll-behavior-x:contain}
.modal-body,.drawer-body{flex:1 1 auto;min-height:0}
@media(min-width:641px){.sidebar{position:fixed;inset:0 auto 0 0;height:100dvh;min-height:0}.sidebar nav{display:block}.sidebar-bottom,.nav-section{display:block}.main{display:flex;height:100dvh}}
@media(max-width:640px){.app{display:flex;grid-template-rows:none}.main{height:auto;flex:1 1 0%}}