:root{--bg-primary:#111217;--bg-secondary:#191a1f;--bg-tertiary:#22242a;--bg-elevated:#292b32;--surface:#1e1f24;--surface-hover:#272830;--border:#e2e3e914;--border-hover:#e2e3e926;--border-focus:#3381ff;--text-primary:#f2f2f2;--text-secondary:#999ba3;--text-tertiary:#666870;--brand:#3381ff;--brand-hover:#5c9aff;--success:#1fe086;--warning:#fab338;--error:#eb4747;--purple:#a65eed;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace;--sidebar-width:240px;--radius:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}ul,ol{list-style:none}input,select,textarea{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3381ff1f}input::placeholder{color:var(--text-tertiary)}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);z-index:10;flex-direction:column;padding:1.5rem 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebarLogo{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin-bottom:.75rem;padding:0 1.25rem 1.5rem;font-size:1.125rem;font-weight:700;display:flex}.sidebarNav{flex:1}.navItem{color:var(--text-secondary);border-left:2px solid #0000;align-items:center;gap:.625rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:color .15s,background .15s;display:flex}.navItem:hover{color:var(--text-primary);background:var(--surface)}.navItemActive{color:var(--text-primary);background:var(--surface);border-left-color:var(--brand)}.main{margin-left:var(--sidebar-width);flex:1;max-width:1200px;padding:2rem}.pageHeader{margin-bottom:2rem}.pageTitle{margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.pageDesc{color:var(--text-secondary);font-size:.875rem}.statGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.statCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.statLabel{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.statValue{font-size:2rem;font-weight:700}.statValueBrand{color:var(--brand)}.statValueSuccess{color:var(--success)}.statValueWarning{color:var(--warning)}.statValuePurple{color:var(--purple)}.tableWrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}table{border-collapse:collapse;width:100%;font-size:.875rem}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border);background:var(--bg-tertiary);padding:.75rem 1rem;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--border);padding:.75rem 1rem}tr:last-child td{border-bottom:none}tr:hover td{background:#3381ff05}.badge{border-radius:999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badgePending{color:var(--warning);background:#fab3381f}.badgeApproved{color:var(--success);background:#1fe0861f}.badgeRejected{color:var(--error);background:#eb47471f}.badgeActive{color:var(--success);background:#1fe0861f}.badgeSuspended{color:var(--warning);background:#fab3381f}.badgeBanned{color:var(--error);background:#eb47471f}.badgeBeta{color:var(--purple);background:#a65eed1f}.badgeLive{color:var(--success);background:#1fe0861f}.btn{border-radius:var(--radius);align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btnPrimary{background:var(--brand);color:#fff}.btnPrimary:hover{background:var(--brand-hover)}.btnSecondary{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.btnSecondary:hover{border-color:var(--border-hover);color:var(--text-primary)}.btnDanger{color:var(--error);background:#eb47471a;border:1px solid #eb474733}.btnDanger:hover{background:#eb474733}.btnSm{padding:.25rem .625rem;font-size:.75rem}.btnSuccess{color:var(--success);background:#1fe0861a;border:1px solid #1fe08633}.btnSuccess:hover{background:#1fe08633}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.searchInput{max-width:300px}.toolbarRight{gap:.5rem;margin-left:auto;display:flex}.modeToggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:1rem;margin-bottom:2rem;padding:2rem;display:flex}.modeOption{border-radius:var(--radius);border:2px solid var(--border);text-align:center;cursor:pointer;flex:1;padding:1.5rem;transition:all .2s}.modeOption:hover{border-color:var(--border-hover)}.modeOptionActive{border-color:var(--brand);background:#3381ff0d}.modeOptionTitle{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.modeOptionDesc{color:var(--text-secondary);font-size:.8125rem}.codeBlock{font-family:var(--font-mono);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;padding:.75rem 1rem;font-size:.8125rem;overflow-x:auto}.codeItem{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.375rem 0;display:flex}.codeItem:last-child{border-bottom:none}.emptyState{text-align:center;color:var(--text-tertiary);padding:3rem}.loading{min-height:200px;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.generateForm{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.formRow{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.formLabel{color:var(--text-secondary);margin-bottom:.375rem;font-size:.75rem;font-weight:500;display:block}::selection{background:#3381ff4d}.loginContainer{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.loginCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:380px;padding:2.5rem 2rem}.loginLogo{margin-bottom:.75rem;font-size:2.5rem}.loginTitle{margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.loginSubtitle{color:var(--text-tertiary);margin-bottom:1.5rem;font-size:.875rem}.loginError{color:var(--error);border-radius:var(--radius);text-align:left;background:#eb47471a;border:1px solid #eb474733;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem}.loginBtn{justify-content:center;width:100%;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.9375rem}.loginFooter{color:var(--text-tertiary);font-size:.75rem;line-height:1.6}.loginFooter code{background:var(--bg-tertiary);font-family:var(--font-mono);color:var(--brand);border-radius:4px;padding:.125rem .375rem}.sidebarUser{border-top:1px solid var(--border);margin-top:auto;padding:.75rem 1.25rem}.sidebarUserEmail{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.5rem;font-size:.75rem;overflow:hidden}.sidebarLogout{color:var(--text-secondary);align-items:center;gap:.375rem;width:100%;padding:.375rem 0;font-size:.8125rem;display:flex}.sidebarLogout:hover{color:var(--error)}