@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--bg-elevated:#050507;--bg-panel:#0a0a0ec7;--bg-panel-strong:#0d0d12;--bg-soft:#121218;--bg-hover:#8b4cff24;--text:#f4f4f8;--text-soft:#a1a1b3;--text-muted:#6e6e82;--border:#ffffff0f;--border-strong:#8b4cff47;--accent:#8b4cff;--accent-strong:#6c2bd9;--accent-2:#5b21b6;--success:#71f2b0;--warning:#ffc271;--danger:#ff8da7;--shadow-lg:0 32px 120px #0000006b;--shadow-md:0 18px 50px #00000047;--radius-xl:22px;--radius-lg:16px;--radius-md:13px;--radius-sm:10px;--transition:.18s ease;--surface:#0e1222e0;--accent-rgb:139 76 255;--accent-ring:#8b4cff38;--liquid-blur:28px;--liquid-panel-blur:22px;--liquid-topbar-opacity:.72;--liquid-panel-opacity:.82;--liquid-border-alpha:.12;--liquid-bloom-alpha:.14;--ios26-blur:blur(48px) saturate(200%);--ios26-refraction:inset 0 1px 1.5px #fff6, inset 0 -1px 1px #ffffff0d, 0 24px 64px #0006;--ios26-fluid:all .5s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background-color:#0000;background-image:radial-gradient(circle at 10% 10%,#a588ff2e,#0000 28%),radial-gradient(circle at 92% 5%,#69c3ff24,#0000 22%),radial-gradient(circle at 50% 110%,#5f81ff1a,#0000 28%),linear-gradient(#060811 0%,#090d19 34%,#05070f 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0;font-family:Plus Jakarta Sans,sans-serif}button,input,textarea,select{font:inherit}a{color:#c5b1ff;transition:color var(--transition), opacity var(--transition);text-decoration:none}a:hover{color:#e4dbff}img{max-width:100%}.app-loading,.loading-panel{min-height:100vh;color:var(--text-soft);place-items:center;font-size:15px;display:grid}.loading-panel{gap:12px;min-height:360px}.spin{animation:.9s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-shell{grid-template-columns:292px 1fr;gap:18px;min-height:100vh;padding:18px;display:grid;position:relative}.dashboard-shell:before,.dashboard-shell:after{content:"";pointer-events:none;filter:blur(110px);opacity:.8;z-index:0;border-radius:50%;position:fixed}.dashboard-shell:before{background:rgb(var(--accent-rgb) / .18);width:320px;height:320px;top:-40px;right:18%}.dashboard-shell:after{background:rgb(var(--accent-rgb) / .12);width:280px;height:280px;bottom:10%;left:20%}.sidebar{z-index:100;border:1px solid rgb(255 255 255/calc(var(--liquid-border-alpha) + .05));background:linear-gradient(145deg, #ffffff1f, #ffffff05), linear-gradient(180deg, rgb(10 12 24/var(--liquid-topbar-opacity)), rgb(5 7 15/calc(var(--liquid-topbar-opacity) + .15)));height:calc(100vh - 36px);-webkit-backdrop-filter:var(--ios26-blur);box-shadow:var(--ios26-refraction), 0 0 40px rgb(var(--accent-rgb) / .1);transition:var(--ios26-fluid);border-radius:38px;flex-direction:column;gap:18px;padding:24px 18px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar:after,.topbar:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(120deg,#0000 20%,#ffffff0f 40%,#ffffff1a 50%,#ffffff0f 60%,#0000 80%) 0 0/200%;animation:8s cubic-bezier(.4,0,.2,1) infinite liquid-shine;position:absolute;inset:0}@keyframes liquid-shine{0%{background-position:200%}to{background-position:-200%}}.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.brand-row{align-items:center;gap:12px;padding:2px 8px 8px;display:flex}.brand-row strong,.page-header h1,.section-head h2,.metric-value,.login-header h1,.auth-column h2,.server-header h1,.invite-hero h1{font-family:Outfit,sans-serif}.brand-row strong{letter-spacing:-.02em;background:linear-gradient(90deg,#d8b4ff,#8ab4f8);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:15px;display:block}.brand-row span{color:var(--text-muted);font-size:12px}.guild-switcher-wrap{position:relative}.guild-switcher{border-radius:var(--radius-md);width:100%;color:var(--text);cursor:pointer;transition:transform var(--transition), border-color var(--transition), background var(--transition);background:linear-gradient(#ffffff0f,#ffffff05),linear-gradient(#191e30e6,#0f1321e0);border:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff0f,0 12px 28px #00000029}.guild-switcher:hover{border-color:var(--border-strong);box-shadow:inset 0 1px 0 #ffffff14, 0 16px 34px #00000038, 0 0 20px rgb(var(--accent-rgb) / .08);transform:translateY(-1px)}.guild-switcher-left{align-items:center;gap:12px;min-width:0;display:flex}.guild-icon-wrap{flex-shrink:0;width:42px;height:42px;position:relative}.guild-switcher-left img,.guild-avatar-fallback{object-fit:cover;border-radius:14px;width:42px;height:42px}.guild-avatar-fallback{background:linear-gradient(135deg,#6f54d8,#435eeb);place-items:center;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff24}.guild-avatar-fallback.small{border-radius:10px;width:30px;height:30px;font-size:12px}.guild-switcher-left div{min-width:0}.guild-switcher-left strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.guild-role-badge{align-items:center;margin-top:5px;display:inline-flex}.chevron-open{transform:rotate(180deg)}.server-dropdown{z-index:50;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);background:#0c101dfa;border-radius:18px;position:absolute;inset:calc(100% + 10px) 0 auto;overflow:hidden}.server-dropdown-search{border-bottom:1px solid var(--border);color:var(--text-soft);align-items:center;gap:10px;padding:14px 14px 12px;display:flex}.server-dropdown-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.server-dropdown-list{max-height:280px;overflow-y:auto}.server-dropdown-item{text-align:left;width:100%;color:var(--text);cursor:pointer;transition:background var(--transition);background:0 0;border:0;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:12px 14px;display:flex}.server-dropdown-item:hover,.server-dropdown-item.active{background:#a588ff17}.server-dropdown-item img{border-radius:10px;width:30px;height:30px}.server-dropdown-info strong{margin-bottom:4px;font-size:13px;display:block}.server-dropdown-empty{color:var(--text-muted);text-align:center;padding:16px;font-size:13px}.role-badge{letter-spacing:.01em;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.role-badge img{border-radius:0;width:12px;height:12px}.role-badge.owner{color:#ffb2c3;background:#ff7d9c1a}.role-badge.admin{color:#ff4d4d;background:#ff4d4d26}.role-badge.developer{color:#cebcff;background:#a588ff1f}.role-badge.moderator{color:#a9ddff;background:#69c3ff1a}.role-badge.staff{color:#c084fc;background:#c084fc26}.pulsing-dot{border:2px solid var(--bg-panel-strong);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.pulsing-dot.green{background:var(--success);animation:2s infinite pulse-green;box-shadow:0 0 #71f2b0a6}.pulsing-dot.red{background:var(--danger);animation:2s infinite pulse-red;box-shadow:0 0 #ff8da7a6}@keyframes pulse-green{0%{box-shadow:0 0 #71f2b099}70%{box-shadow:0 0 0 8px #71f2b000}to{box-shadow:0 0 #71f2b000}}@keyframes pulse-red{0%{box-shadow:0 0 #ff8da799}70%{box-shadow:0 0 0 8px #ff8da700}to{box-shadow:0 0 #ff8da700}}.sidebar-groups{flex-direction:column;gap:18px;display:flex}.sidebar-group{flex-direction:column;gap:5px;display:flex}.sidebar-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;padding:0 12px 6px;font-size:11px;font-weight:800}.nav-item{width:100%;color:var(--text-soft);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:600;display:flex}.nav-item:hover{color:var(--text);background:#ffffff0d;transform:translate(2px);box-shadow:inset 0 1px #ffffff0a}.nav-item.active{color:#fff;border-color:rgb(var(--accent-rgb) / .34);background:linear-gradient(135deg, rgb(var(--accent-rgb) / .24), #6e50ff3d), #ffffff08;box-shadow:inset 0 1px 0 #ffffff14, 0 12px 28px rgb(var(--accent-rgb) / .12)}.main-shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.topbar{border:1px solid rgb(255 255 255/calc(var(--liquid-border-alpha) + .05));background:linear-gradient(145deg, #ffffff1f, #ffffff05), linear-gradient(180deg, rgb(10 12 24/var(--liquid-topbar-opacity)), rgb(5 7 15/calc(var(--liquid-topbar-opacity) + .15)));-webkit-backdrop-filter:var(--ios26-blur);box-shadow:var(--ios26-refraction), 0 0 40px rgb(var(--accent-rgb) / .1);z-index:100;transition:var(--ios26-fluid);border-radius:99px;justify-content:space-between;align-items:center;gap:18px;margin:2px 6px 18px;padding:16px 24px;display:flex;position:relative;overflow:visible}.topbar:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000 20% 72%,#ffffff0a),radial-gradient(circle at 0 0,#ffffff14,#0000 28%);border-radius:33px;position:absolute;inset:1px}.topbar-nav{z-index:1;color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:26px;display:flex;position:relative}.topbar-nav a,.topbar-nav button,.topbar-active{min-height:44px;color:inherit;cursor:pointer;transition:var(--ios26-fluid);background:0 0;border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.topbar-nav a:hover,.topbar-nav button:hover{color:var(--text);background:#ffffff14;border-color:#ffffff1f;transform:translateY(-2px)scale(1.02);box-shadow:inset 0 1px #ffffff1a}.topbar-active{color:#fff;background:linear-gradient(135deg, rgb(var(--accent-rgb) / .4), rgb(var(--accent-rgb) / .1));border-color:rgb(var(--accent-rgb) / .3);box-shadow:inset 0 1px 0 #fff3, 0 8px 24px rgb(var(--accent-rgb) / .2);cursor:default}.topbar-actions{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.profile-chip{color:var(--text);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition), background var(--transition);background:linear-gradient(#ffffff0d,#ffffff05),#10121f99;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:12px;padding:6px 12px 6px 6px;display:flex;box-shadow:inset 0 1px #ffffff14,0 12px 24px #00000024}.profile-chip:hover{border-color:rgb(var(--accent-rgb) / .22);box-shadow:inset 0 1px 0 #ffffff1a, 0 16px 30px #0000002e, 0 0 18px rgb(var(--accent-rgb) / .08);transform:translateY(-1px)}.profile-chip img,.profile-fallback{object-fit:cover;border-radius:50%;width:34px;height:34px}.profile-fallback{background:linear-gradient(135deg,#6046cc,#4a61ff);place-items:center;font-weight:800;display:grid}.profile-chip strong{font-size:13px;display:block}.profile-chip span{color:var(--text-muted);font-size:11px}.logout-btn{color:#ffd5de;width:46px;height:46px;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition), color var(--transition);background:linear-gradient(#ffffff0f,#ffffff05),linear-gradient(135deg,#ff547a33,#a21c4024);border:1px solid #ff78902e;border-radius:16px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff14,0 0 18px #ff5c801f}.logout-btn:hover{color:#fff3f6;background:linear-gradient(#ffffff14,#ffffff05),linear-gradient(135deg,#ff547a57,#a9113542);border-color:#ff789066;transform:translateY(-1px)scale(1.02);box-shadow:inset 0 1px #ffffff1a,0 0 22px #ff5c8047,0 0 40px #ff5c802e}.content-shell{flex:1;padding:6px 6px 36px;overflow-y:auto}.announcement-bar{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--liquid-panel-blur));box-shadow:var(--shadow-md), 0 0 24px #69c3ff14;color:var(--text-soft);background:linear-gradient(#ffffff0d,#ffffff05),linear-gradient(135deg,#1b30556b,#111c32a3);border:1px solid #69c3ff38;align-items:center;gap:12px;margin-bottom:26px;padding:14px 18px;font-size:14px;display:flex;position:relative}.announcement-icon,.empty-icon{width:28px;height:28px;color:var(--accent-2);background:#69c3ff1f;border:1px solid #69c3ff38;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.announcement-close{color:var(--text-muted);cursor:pointer;background:0 0;border:0;position:absolute;top:12px;right:12px}.announcement-close:hover{color:var(--text)}.page-stack{flex-direction:column;gap:24px;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-eyebrow{color:#c6b2ff;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800}.page-header h1{letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(2rem,3vw,2.8rem)}.page-header p{max-width:760px;color:var(--text-soft);margin:0;font-size:15px;line-height:1.6}.page-header-action{flex-shrink:0}.section-card,.metric-card,.login-card,.server-card,.access-tier-card,.audit-box,.dialog-card,.theme-preview-card,.invite-feature-card{border:1px solid rgb(255 255 255/max(var(--liquid-border-alpha), .08));background:linear-gradient(180deg, #ffffff0d, #ffffff04), linear-gradient(180deg, rgb(16 21 37/var(--liquid-panel-opacity)), rgb(11 15 26/calc(var(--liquid-panel-opacity) + .08)));box-shadow:var(--shadow-md), 0 0 26px rgb(var(--accent-rgb) / calc(var(--liquid-bloom-alpha) * .45));-webkit-backdrop-filter:blur(var(--liquid-panel-blur)) saturate(135%);position:relative;overflow:hidden}.section-card:before,.metric-card:before,.login-card:before,.server-card:before,.access-tier-card:before,.audit-box:before,.dialog-card:before,.theme-preview-card:before,.invite-feature-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg, #ffffff14, transparent 20%, transparent 75%, #ffffff0a), radial-gradient(circle at top right, rgb(var(--accent-rgb) / .06), transparent 28%);pointer-events:none;position:absolute;inset:1px}.section-card,.metric-card,.login-card,.server-card,.access-tier-card,.audit-box,.theme-preview-card,.invite-feature-card,.announcement-bar{transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition), background var(--transition)}.section-card:hover,.metric-card:hover,.login-card:hover,.server-card:hover,.access-tier-card:hover,.audit-box:hover,.theme-preview-card:hover,.invite-feature-card:hover,.announcement-bar:hover{border-color:rgb(var(--accent-rgb) / .22);box-shadow:var(--shadow-md), 0 0 34px rgb(var(--accent-rgb) / calc(var(--liquid-bloom-alpha) * .75));transform:translateY(-2px)}.section-card{border-radius:var(--radius-lg);padding:24px}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.section-head h2{letter-spacing:-.03em;margin:0 0 6px;font-size:20px}.section-head p{color:var(--text-soft);margin:0;font-size:14px;line-height:1.55}.section-head-action{flex-shrink:0}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.mini-grid,.info-grid,.card-grid,.invite-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.metric-card{border-radius:20px;padding:22px;position:relative;overflow:hidden}.metric-card:after{content:"";background:radial-gradient(circle, rgb(var(--accent-rgb) / .18), transparent 70%);border-radius:50%;width:110px;height:110px;position:absolute;inset:auto -20% -55% auto}.metric-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.metric-value{letter-spacing:-.05em;margin:14px 0 8px;font-size:2.15rem;line-height:1}.metric-hint{z-index:1;color:var(--text-soft);font-size:13px;position:relative}.tone-success .metric-value{color:var(--success)}.tone-info .metric-value{color:var(--accent-2)}.form-grid,.stack-list,.guide-steps,.login-features,.audit-list{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:10px;display:flex}.field-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-label{color:var(--text-soft);font-size:14px;font-weight:700}.field-hint{color:var(--text-muted);font-size:12px}.text-input,.select-input,.text-area,.role-select-input,.server-dropdown-search input{color:var(--text);background:#080b14d1;border:1px solid #ffffff14;border-radius:14px}.text-input,.select-input,.role-select-input{width:100%;padding:13px 14px}.text-area{resize:vertical;width:100%;min-height:120px;padding:14px}.text-input:focus,.select-input:focus,.text-area:focus,.role-select-input:focus{border-color:#a588ff57;outline:none;box-shadow:0 0 0 4px #a588ff1a}.action-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.action-button{border:1px solid var(--border);color:var(--text);letter-spacing:-.01em;cursor:pointer;transition:transform var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition);background:#ffffff05;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:800;display:inline-flex}.action-button:hover{background:#ffffff0a;border-color:#ffffff24;transform:translateY(-1px)}.action-button.tone-primary{color:#fff;border-color:rgb(var(--accent-rgb) / .35);background:linear-gradient(135deg, rgb(var(--accent-rgb) / .96) 0%, rgb(var(--accent-rgb) / .76) 100%);box-shadow:0 18px 35px rgb(var(--accent-rgb) / .26), inset 0 1px 0 #ffffff1f}.action-button.tone-primary:hover{background:linear-gradient(135deg, rgb(var(--accent-rgb) / 1) 0%, rgb(var(--accent-rgb) / .82) 100%);box-shadow:0 22px 42px rgb(var(--accent-rgb) / .3), inset 0 1px 0 #ffffff24}.action-button:disabled{cursor:not-allowed;opacity:.75;transform:none}.panel-preview{flex-direction:column;gap:14px;display:flex}.panel-preview-header{color:var(--text-soft);align-items:center;gap:10px;font-size:13px;font-weight:700;display:inline-flex}.discord-preview-card{background:#0d1120;border:1px solid #ffffff14;border-radius:20px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.discord-preview-accent{width:100%;height:4px}.discord-preview-body{padding:18px 18px 20px}.discord-preview-body strong{margin-bottom:12px;font-size:18px;display:block}.discord-preview-copy p{color:var(--text-soft);margin:0 0 10px;line-height:1.55}.discord-preview-select{border:1px solid var(--border);color:var(--text-muted);background:#ffffff08;border-radius:14px;margin-top:18px;padding:14px 16px}.discord-preview-tags,.role-picker-active,.staff-pills,.activity-extra,.audit-changes-list{flex-wrap:wrap;gap:10px;display:flex}.discord-preview-tags{margin-top:14px}.discord-preview-tags span,.pill,.role-picker-chip,.info-chip,.summary-row,.staff-row{border:1px solid var(--border)}.discord-preview-tags span,.pill{background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:6px 11px;font-size:12px;font-weight:700;display:inline-flex}.pill.tone-success{color:#aef8cb;border-color:#71f2b02e}.pill.tone-warning{color:#ffd49d;border-color:#ffc2712e}.pill.tone-muted{color:var(--text-muted)}.pill.tone-info{color:#9edfff;border-color:#69c3ff2e}.token-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.role-picker-container{background:#ffffff05;border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex}.role-picker-chip{background:#ffffff08;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:inline-flex}.role-picker-chip button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.role-picker-chip button:hover{color:var(--danger)}.role-picker-add{gap:10px;display:flex}.toggle{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;background:#ffffff08;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.toggle:hover{border-color:var(--border-strong)}.toggle-label{margin-bottom:4px;font-size:14px;font-weight:800}.toggle-description{color:var(--text-soft);font-size:12px}.toggle-knob{width:48px;height:28px;transition:background var(--transition);background:#ffffff1f;border-radius:999px;position:relative}.toggle-knob:after{content:"";width:22px;height:22px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle.checked .toggle-knob{background:var(--accent)}.toggle.checked .toggle-knob:after{transform:translate(20px)}.timeline{flex-direction:column;gap:14px;display:flex}.timeline-item{grid-template-columns:12px 1fr;gap:14px;display:grid}.timeline-dot{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;width:12px;height:12px;margin-top:18px;box-shadow:0 0 0 5px #a588ff1f}.timeline-card{border:1px solid var(--border);background:#ffffff08;border-radius:18px;padding:16px}.timeline-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.timeline-card h3{margin:0 0 6px;font-size:15px}.timeline-card p,.timeline-card span,.timeline-extra,.audit-detail-item span,.detail-value,.guide-step p,.invite-feature-card p,.server-empty,.empty-state p{color:var(--text-soft)}.empty-state{text-align:center;place-items:center;gap:10px;min-height:220px;padding:18px;display:grid}.empty-state h3{margin:0;font-size:18px}.table-wrap{border:1px solid #ffffff0f;border-radius:18px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:16px}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffff05;font-size:11px}.data-table tr:hover td{background:#ffffff05}.table-primary strong{margin-bottom:4px;display:block}.table-primary span{color:var(--text-muted);font-size:12px}.summary-row,.staff-row,.info-chip{background:#ffffff08;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.staff-row strong,.summary-row strong{display:block}.staff-info{align-items:center;gap:12px;display:flex}.staff-info img{border-radius:50%;width:34px;height:34px}.staff-stats{color:var(--text-muted);gap:10px;font-size:12px;display:flex}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-chip{color:var(--text-soft);justify-content:flex-start}.profile-panel{align-items:center;gap:20px;display:flex}.profile-panel-avatar{object-fit:cover;border:1px solid var(--border);border-radius:22px;width:84px;height:84px}.profile-panel-copy{flex-direction:column;gap:6px;display:flex}.profile-panel-copy strong{font-size:22px}.profile-panel-copy span{color:var(--text-soft);font-size:14px}.muted-note{color:var(--text-muted);font-size:13px}.toast-viewport{z-index:80;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--border);min-width:320px;max-width:380px;box-shadow:var(--shadow-lg);background:#0a0e1af5;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:14px;display:grid}.toast-copy{flex-direction:column;gap:4px;display:flex}.toast-copy strong{font-size:14px}.toast-copy span{color:var(--text-soft);font-size:13px;line-height:1.45}.toast-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:0}.dialog-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;background:#04060cb8;place-items:center;display:grid;position:fixed;inset:0}.dialog-card{border-radius:24px;width:min(460px,100vw - 32px);padding:24px}.dialog-card h3{margin:0 0 10px;font-size:22px}.dialog-card p{margin:0;line-height:1.55}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.access-tiers-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.access-tier-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;padding:16px}.tier-eyebrow{color:var(--text-muted);letter-spacing:.1em;margin-bottom:12px;font-size:11px;font-weight:700}.tier-header,.access-roles-head,.allowed-roles-title,.add-role-controls,.role-list-item,.role-list-info,.role-list-actions,.audit-header,.audit-action,.audit-time,.audit-details,.invite-logos,.login-feature,.feature-text,.server-card,.server-card-copy,.server-header{align-items:center;display:flex}.tier-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.tier-title{align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.tier-title img{width:18px;height:18px}.tier-count{border:1px solid var(--border);background:#ffffff0a;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700}.tier-desc{color:var(--text-soft);margin:0;font-size:13px;line-height:1.5}.access-roles-head{justify-content:space-between;gap:18px}.allowed-roles-title{gap:10px}.allowed-roles-title h2{margin:0}.accent-icon{color:var(--accent)}.add-role-controls{gap:10px}.add-role-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:14px;padding:12px 14px;font-weight:700}.add-role-btn:hover{border-color:var(--border-strong)}.role-list{border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;margin-top:18px;display:flex;overflow:hidden}.role-list-item{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:14px;padding:14px 16px}.role-list-item:last-child{border-bottom:0}.role-list-info{gap:14px}.role-list-info div,.server-card-copy,.feature-text,.audit-detail-item{flex-direction:column;display:flex}.role-list-info strong{font-size:14px}.role-list-info span{color:var(--text-muted);font-size:12px}.role-list-actions{gap:10px}.tier-select{color:#000;appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e0e0e0;border-radius:4px;padding:6px 32px 6px 12px;font-size:13px;font-weight:500}.tier-select:focus{border-color:#9d7cff;outline:none}.remove-role-btn{color:#ff4d4d;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:32px;height:32px;transition:all .2s;display:grid}.remove-role-btn:hover{background:#ff4d4d1a}.activity-chart{grid-template-rows:1fr auto;grid-template-columns:auto 1fr;gap:16px 24px;min-height:280px;padding:12px 8px;display:grid}.chart-y-axis{color:var(--text-muted);text-align:right;flex-direction:column;justify-content:space-between;padding-bottom:30px;font-size:13px;font-weight:500;display:flex}.chart-bars-container{border-bottom:2px solid var(--border);justify-content:space-between;align-items:flex-end;height:200px;padding-bottom:8px;display:flex;position:relative}.chart-day-group{flex-direction:column;flex:1;align-items:center;gap:12px;height:100%;display:flex}.chart-bar-wrap{justify-content:center;align-items:flex-end;gap:6px;width:100%;height:100%;display:flex}.chart-bar{border-radius:4px 4px 0 0;width:14px;min-height:2px;transition:height .4s cubic-bezier(.175,.885,.32,1.275)}.chart-bar.created{background:var(--accent)}.chart-bar.closed{background:var(--success)}.chart-label{color:var(--text-soft);text-align:center;font-size:13px;font-weight:500}.chart-legend{grid-column:1/-1;justify-content:center;gap:32px;margin-top:12px;display:flex}.legend-item{color:var(--text-soft);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px}.legend-dot.created{background:var(--accent)}.legend-dot.closed{background:var(--success)}.chart-empty{min-height:240px;color:var(--text-muted);place-items:center;display:grid}.audit-box{border-radius:20px;padding:18px}.audit-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:16px;padding-bottom:14px}.audit-action{color:#a0d9ff;gap:10px;font-weight:800}.audit-time{color:var(--text-muted);gap:8px;font-size:12px}.audit-details{flex-wrap:wrap;gap:16px}.audit-detail-item{gap:5px;min-width:180px}.audit-detail-item.full-width{width:100%}.detail-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.detail-value{font-size:14px}.audit-change-chip{border:1px solid var(--border);background:#ffffff08;border-radius:10px;padding:6px 10px;font-size:12px}.login-wrapper{background:radial-gradient(circle at 18% 20%,#a588ff33,#0000 28%),radial-gradient(circle at 82% 18%,#69c3ff29,#0000 20%),linear-gradient(#070912 0%,#080b14 100%);place-items:center;padding:36px;display:grid;position:fixed;inset:0;overflow:auto}.login-ambient-glow{pointer-events:none;background:radial-gradient(circle,#a588ff14,#0000 30%);position:absolute;inset:0}.login-card{z-index:1;border-radius:32px;grid-template-columns:1.15fr .85fr;width:min(1120px,100%);display:grid;position:relative;overflow:hidden}.auth-column{padding:38px}.auth-column.hero{background:linear-gradient(160deg,#a588ff2e,#1c233e6b 42%,#080b1433);position:relative}.auth-column.panel{background:#0b0f1bf0;flex-direction:column;justify-content:center;display:flex}.auth-badge{color:#d8ccff;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.auth-title{letter-spacing:-.06em;margin:18px 0 14px;font-size:clamp(2.5rem,4vw,4.25rem);line-height:1}.auth-subtitle{max-width:520px;color:var(--text-soft);font-size:16px;line-height:1.7}.auth-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.auth-insight{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:16px}.auth-insight strong{margin-bottom:8px;font-size:18px;display:block}.auth-insight span{color:var(--text-soft);font-size:12px;line-height:1.5}.login-header{text-align:left;margin-bottom:26px}.login-logo{object-fit:cover;border-radius:18px;width:68px;height:68px;box-shadow:0 16px 42px #a588ff3d}.login-header h1{letter-spacing:-.025em;margin:18px 0 10px;font-size:28px}.login-header p{color:var(--text-soft);margin:0;font-size:14px;line-height:1.65}.login-features{margin-bottom:28px}.login-feature{border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:14px;padding:14px 0}.login-feature:last-child{border-bottom:0}.feature-icon{width:40px;height:40px;color:var(--accent);background:#a588ff1a;border:1px solid #a588ff29;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.feature-text{gap:4px}.feature-text strong{font-size:14px}.feature-text span{color:var(--text-muted);font-size:12px;line-height:1.5}.login-button{color:#fff;cursor:pointer;width:100%;transition:transform var(--transition), box-shadow var(--transition);background:linear-gradient(135deg,#6a7cff 0%,#5865f2 100%);border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 20px 40px #5865f247}.login-button:hover{transform:translateY(-1px);box-shadow:0 24px 48px #5865f257}.login-footer{color:var(--text-muted);text-align:center;margin-top:18px;font-size:12px}.server-shell{max-width:1240px;min-height:100vh;margin:0 auto;padding:42px 30px}.server-header{flex-direction:column;align-items:flex-start;margin-bottom:28px}.server-header h1{letter-spacing:-.05em;margin:0 0 10px;font-size:clamp(2rem,4vw,3.2rem)}.server-header p{max-width:620px;color:var(--text-soft);margin:0;font-size:15px;line-height:1.6}.server-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.server-card{text-align:left;cursor:pointer;width:100%;transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:22px;justify-content:flex-start;gap:14px;padding:18px}.server-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.server-card.active{border-color:#a588ff61;box-shadow:0 22px 42px #7654ff29}.server-card img,.server-fallback{object-fit:cover;border-radius:18px;flex-shrink:0;width:58px;height:58px}.server-fallback{background:linear-gradient(135deg,#6f54d8,#435eeb);place-items:center;font-size:22px;font-weight:800;display:grid}.server-card-copy{align-items:flex-start;gap:8px}.server-card-copy strong{font-size:16px}.server-empty{border:1px solid var(--border);background:#ffffff08;border-radius:18px;margin-top:20px;padding:20px}.invite-shell{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:42px 30px;display:flex}.invite-logos{gap:18px;margin-bottom:28px}.invite-logo-img{object-fit:contain;width:auto;height:60px}.invite-logo-circle{object-fit:cover;border:1px solid #a588ff33;border-radius:50%;width:70px;height:70px;box-shadow:0 10px 30px #a588ff26}.invite-logo-divider{background:#ffffff1f;width:28px;height:2px}.invite-hero{text-align:center;max-width:740px;margin-bottom:34px}.invite-hero h1{letter-spacing:-.06em;margin:0 0 14px;font-size:clamp(2.5rem,5vw,4.2rem);line-height:.98}.invite-hero h1 span{color:#d1c0ff}.invite-hero p{color:var(--text-soft);margin:0 0 28px;font-size:16px;line-height:1.7}.invite-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;border-radius:18px;align-items:center;gap:10px;padding:16px 24px;font-weight:800;display:inline-flex;box-shadow:0 20px 44px #7d5fff3d}.invite-button:hover{color:#fff;transform:translateY(-1px)}.invite-features{grid-template-columns:repeat(3,minmax(0,1fr));width:min(1100px,100%);margin-top:8px}.invite-feature-card{text-align:left;border-radius:22px;padding:24px}.invite-feature-card h3{margin:18px 0 10px;font-size:18px}.invite-back,.guide-header-nav button,.guide-support-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:14px}.invite-back{margin-top:28px;padding:12px 16px}.guide-page{max-width:1200px;margin:0 auto}.guide-header-nav{margin-bottom:-6px}.guide-header-nav button{padding:10px 14px}.guide-step strong{margin-bottom:8px;display:block}.guide-support-btn{align-items:center;margin-top:18px;padding:11px 15px;font-weight:700;display:inline-flex}.theme-preview{place-items:center;min-height:260px;display:grid}.theme-preview-card{border-radius:22px;flex-direction:column;gap:10px;width:min(360px,100%);padding:20px;display:flex;position:relative;overflow:hidden}.theme-preview-bar{border-radius:999px;width:100%;height:6px}.preview-btn{color:#fff;border:0;border-radius:12px;margin-top:10px;padding:10px 12px;font-weight:700}.chart-tall{height:320px;position:relative}canvas{max-width:100%}@media (width<=1220px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.access-tiers-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.dashboard-density-compact .content-shell{padding-bottom:24px}.dashboard-density-compact .section-card,.dashboard-density-compact .metric-card{padding:18px}.dashboard-density-compact .topbar{padding:16px 18px}.dashboard-motion-reduced *,.dashboard-motion-reduced :before,.dashboard-motion-reduced :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (width<=1040px){.dashboard-shell,.split-grid,.mini-grid,.card-grid,.invite-features,.info-grid,.login-card{grid-template-columns:1fr}.dashboard-shell{display:block}.sidebar{height:auto;margin:0;position:static}.topbar,.page-header,.section-head,.access-roles-head,.summary-row,.staff-row,.timeline-top{flex-direction:column;align-items:flex-start}}@media (width<=760px){.content-shell,.server-shell,.invite-shell,.login-wrapper{padding:18px}.topbar{margin:0 0 16px;padding:16px 18px}.metric-grid,.access-tiers-grid{grid-template-columns:1fr}.data-table{min-width:640px}.toast-viewport{left:12px;right:12px}.toast{min-width:0;max-width:none}.auth-insight-grid{grid-template-columns:1fr}.login-card{border-radius:24px}.auth-column{padding:24px}}.discord-message-preview{color:#dbdee1;text-align:left;background:#313338;border-radius:8px;align-items:flex-start;gap:16px;padding:16px 18px 18px;font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex}.discord-message-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.discord-message-content{flex-direction:column;width:100%;min-width:0;display:flex}.discord-message-header{align-items:center;gap:6px;min-height:22px;margin-bottom:4px;display:flex}.discord-message-author{color:#00a8fc;font-size:16px;font-weight:500;line-height:1.375rem}.discord-message-bot-tag{color:#fff;text-transform:uppercase;background:#5865f2;border-radius:3px;justify-content:center;align-items:center;height:15px;padding:0 4px;font-size:10px;font-weight:700;line-height:15px;display:inline-flex}.discord-message-timestamp{color:#949ba4;font-size:12px;font-weight:500;line-height:1.375rem}.discord-message-embed{background:#2b2d31;border-radius:4px;width:min(520px,100%);margin-top:2px;transition:background .2s,transform .2s;display:flex;overflow:hidden}.discord-message-embed:hover{background:#fff}.discord-message-embed:hover .discord-message-embed-title,.discord-message-embed:hover .discord-message-embed-desc,.discord-message-embed:hover .discord-message-bullet,.discord-message-embed:hover .discord-message-embed-desc p{color:#111}.discord-message-embed-color{flex-shrink:0;width:4px}.discord-message-embed-body{flex:1;min-width:0;padding:16px 16px 14px 12px}.discord-message-embed-title{color:#f2f3f5;word-break:break-word;align-items:center;gap:6px;margin-bottom:10px;font-size:16px;font-weight:600;line-height:1.375rem;display:flex}.discord-message-embed-desc{color:#dbdee1;flex-direction:column;gap:10px;font-size:14px;font-weight:400;line-height:1.375rem;display:flex}.discord-message-embed-line{align-items:flex-start;gap:8px;display:flex}.discord-message-bullet{color:#b5bac1;flex-shrink:0;font-size:16px;line-height:1.3}.discord-message-embed-line p{word-break:break-word;margin:0}.discord-message-embed-thumb{object-fit:contain;border-radius:4px;flex-shrink:0;align-self:flex-start;width:80px;height:80px;margin:16px 16px 0 0}.discord-message-components{width:min(520px,100%);margin-top:10px}.discord-message-select{color:#dbdee1;cursor:default;background:#2b2d31;border:1px solid #1e1f22;border-radius:4px;justify-content:space-between;align-items:center;min-height:40px;padding:10px 12px;font-size:16px;font-weight:400;line-height:1.25;display:flex}.discord-inline-code{color:#f2f3f5;background:#1e1f22e6;border-radius:4px;margin:0 1px;padding:0 4px;font-family:Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;font-size:.875em;line-height:1.125rem;display:inline-block}.discord-custom-emoji{object-fit:contain;vertical-align:text-bottom;width:22px;height:22px;margin-right:2px}@keyframes sandFade{0%{opacity:0;filter:blur(8px)contrast(150%);letter-spacing:4px;transform:translateY(15px)}to{opacity:1;filter:blur()contrast();letter-spacing:normal;transform:translateY(0)}}.sand-fade{animation:1.2s cubic-bezier(.22,1,.36,1) forwards sandFade}.invite-logo-circle{object-fit:cover;border-radius:50%;width:58px;height:58px}.sand-typewriter-container{display:inline-block;position:relative}.sand-typewriter-text{letter-spacing:-.05em;color:#fff;z-index:1;margin:0;font-size:clamp(2rem,4vw,3.2rem);position:relative}.sand-char{opacity:0;transition:opacity .1s ease-out;display:inline-block}.sand-char.revealed{opacity:1}.sand-cursor{vertical-align:text-bottom;background:#c084fc;width:3px;height:1.1em;margin-left:4px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.highlight-char-typing{color:#c084fc}@media (prefers-reduced-motion:reduce){.premium-highlight-word{-webkit-text-fill-color:currentcolor;text-shadow:none;color:#a855f7;background:0 0;-webkit-background-clip:border-box;background-clip:border-box;animation:none}}@keyframes gradientMove{0%{background-position:100%}to{background-position:0%}}@keyframes premiumGlow{0%{filter:drop-shadow(0 0 10px #a855f766)drop-shadow(0 0 20px #8b5cf633)}to{filter:drop-shadow(0 0 20px #a855f7cc)drop-shadow(0 0 40px #8b5cf666)}}.hero-particle-container{display:inline-block;position:relative}.hero-particle-canvas{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.particle-char{visibility:hidden;display:inline-block}.particle-char.revealed{visibility:visible}.particle-cursor{vertical-align:text-bottom;background:#c084fc;width:3px;height:1.1em;margin-left:4px;animation:.8s step-end infinite blink;display:inline-block}.highlight-char.revealed{background:linear-gradient(90deg,#8b5cf6,#a855f7,#c084fc,#8b5cf6) 0 0/300% 100%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;animation:4s linear infinite gradientMove,3s ease-in-out infinite alternate premiumGlow}.hero-particle-text{letter-spacing:-.05em;color:#fff;z-index:1;margin:0;font-size:clamp(2rem,4vw,3.2rem);position:relative}.particle-char{opacity:0;transition:opacity .7s ease-in-out}.hero-particle-text.assembling .particle-char{opacity:1}.highlight-char-assembling{color:#c084fc}.premium-highlight-word{background:linear-gradient(90deg,#8b5cf6,#a855f7,#c084fc,#8b5cf6) 0 0/300% 100%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;animation:4s linear infinite gradientMove,3s ease-in-out infinite alternate premiumGlow;display:inline-block}.hpc-root{text-align:center;width:100%;display:inline-block;position:relative}.hpc-canvas{pointer-events:none;z-index:10;position:absolute;top:0;left:0}.hpc-heading{z-index:1;letter-spacing:-.05em;color:#fff;margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;position:relative}.hpc-char{color:#fff}.hpc-highlight-char{background:linear-gradient(90deg,#8b5cf6,#a855f7,#c084fc,#8b5cf6) 0 0/300% 100%;-webkit-text-fill-color:transparent;color:#0000;will-change:background-position, filter;-webkit-background-clip:text;animation:4s linear infinite hpc-grad-move,3s ease-in-out infinite alternate hpc-glow-breathe;display:inline-block}@keyframes hpc-grad-move{0%{background-position:100%}to{background-position:0%}}@keyframes hpc-glow-breathe{0%{filter:drop-shadow(0 0 8px #a855f759)drop-shadow(0 0 16px #8b5cf633)}to{filter:drop-shadow(0 0 18px #a855f7bf)drop-shadow(0 0 36px #8b5cf666)}}@media (prefers-reduced-motion:reduce){.hpc-highlight-char{-webkit-text-fill-color:currentcolor;color:#a855f7;filter:none;background:0 0;-webkit-background-clip:border-box;background-clip:border-box;animation:none}}.legal-banner{border:1px solid var(--border-strong);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#a588ff1a,#69c3ff0d);justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:24px;display:flex}.legal-banner-content{align-items:center;gap:16px;display:flex}.legal-icon{color:var(--accent);flex-shrink:0}.legal-text h3{color:var(--text);margin:0 0 6px;font-family:Outfit,sans-serif;font-size:18px}.legal-text p{color:var(--text-soft);margin:0;font-size:14px}.legal-links{flex-shrink:0;gap:12px;display:flex}@media (width<=768px){.legal-banner{flex-direction:column;align-items:flex-start}.legal-links{flex-wrap:wrap;width:100%}}.legal-close{color:var(--text-muted);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;padding:8px;display:flex}.legal-close:hover{color:#fff;background:#ffffff1a}.topbar-dropdown{display:inline-block;position:relative}.topbar-dropdown-btn{align-items:center;display:flex}.topbar-dropdown-menu{opacity:0;visibility:hidden;-webkit-backdrop-filter:var(--ios26-blur);border:1px solid rgb(255 255 255/calc(var(--liquid-border-alpha) + .08));box-shadow:var(--ios26-refraction), 0 0 30px rgb(var(--accent-rgb) / .15);z-index:100;min-width:200px;transition:var(--ios26-fluid);background:linear-gradient(145deg,#ffffff26,#ffffff0d),#0a0c18d9;border-radius:22px;flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-10px)scale(.95)}.topbar-dropdown-menu:before{content:"";width:100%;height:16px;position:absolute;top:-16px;left:0}.topbar-dropdown:hover .topbar-dropdown-menu,.topbar-dropdown:focus-within .topbar-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.topbar-dropdown-menu button,.topbar-dropdown-menu a{text-align:left;width:100%;color:var(--text-soft);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.topbar-dropdown-menu button:hover,.topbar-dropdown-menu a:hover{background:rgb(var(--accent-rgb) / .12);color:#fff;transform:translate(4px)}.topbar-dropdown-menu button svg,.topbar-dropdown-menu a svg{color:var(--accent)}.legal-document{color:var(--text-soft);line-height:1.6}.legal-document h2{color:#fff;margin-top:24px;font-family:Outfit,sans-serif}.legal-document h2:first-child{margin-top:0}.legal-document ul{padding-left:20px}.legal-document li{margin-bottom:8px}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{background:var(--bg-panel-strong);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition);overflow:hidden}.faq-item:hover{border-color:var(--border-strong)}.faq-question{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:20px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;display:flex}.faq-answer{color:var(--text-soft);padding:0 20px 20px;line-height:1.6}.support-embed{background:var(--bg-panel-strong);border:1px solid var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;gap:12px;margin-top:16px;padding:24px;display:flex}.support-embed h3{color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:18px}.support-embed p{color:var(--text-soft);margin:0;font-size:14px}.faq-answer code{color:#e2e2e2;background-color:#0006;border:1px solid #ffffff0d;border-radius:4px;padding:2px 6px;font-family:Consolas,Courier New,monospace;font-size:.9em}.unsaved-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.unsaved-modal-content{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:28px;width:90%;max-width:520px;padding:32px;display:flex;box-shadow:0 24px 48px #0006,inset 0 0 0 1px #ffffff0d}.unsaved-modal-header{align-items:flex-start;gap:20px;display:flex}.unsaved-modal-icon-bg{background:#facc151a;border:1px solid #facc1533;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.unsaved-modal-icon{color:#facc15}.unsaved-modal-title h2{color:var(--text);letter-spacing:-.01em;margin:0 0 8px;font-size:1.25rem;font-weight:600}.unsaved-modal-title p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.5}.unsaved-modal-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.unsaved-btn-group{align-items:center;gap:12px;display:flex}.unsaved-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.unsaved-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{color:var(--text-muted);background:0 0;padding-left:0}.cancel-btn:hover{color:var(--text)}.discard-btn{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.discard-btn:hover:not(:disabled){background:#ef444426;border-color:#ef44444d}.save-btn{min-width:140px}.slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.page-transition{opacity:0;animation:.65s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.glow-link{color:inherit;text-decoration:none;transition:all .3s;position:relative}.glow-link:hover{color:#fff;text-shadow:0 0 8px #fff9,0 0 16px #a588ff66}@media (width<=1040px){.topbar{display:none!important}.dashboard-shell{gap:0;padding:0}.sidebar{z-index:1000;border:none;border-right:1px solid var(--border-strong);background:var(--bg-panel-strong);border-radius:0;width:290px;transition:left .3s cubic-bezier(.16,1,.3,1);top:0;left:-100%;height:100vh!important;position:fixed!important}.dashboard-shell.mobile-menu-open .sidebar{left:0}.mobile-only-sidebar-links{display:block!important}.mobile-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0009;animation:.3s forwards fadeIn;position:fixed;inset:0}.content-shell{border-radius:0;min-height:100vh;padding:16px}.mobile-header{z-index:50;-webkit-backdrop-filter:blur(48px)saturate(200%);background:linear-gradient(145deg,#ffffff1f,#ffffff05),linear-gradient(#0a0c18b8,#05070fde);border:1px solid #ffffff1f;border-radius:99px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 18px;display:flex;position:sticky;top:16px;box-shadow:inset 0 1px 1.5px #fff6,inset 0 -1px 1px #ffffff0d,0 24px 64px #0006,0 0 40px #9333ea1a}.mobile-header:before{content:"";opacity:.85;pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 18% 75%,#ffffff0a);border-radius:98px;position:absolute;inset:1px}.mobile-menu-btn{color:#fff;cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.mobile-header-brand{z-index:1;align-items:center;gap:12px;display:flex}.mobile-header-text{flex-direction:column;display:flex}.mobile-header-text strong{color:#fff;font-size:16px;font-weight:600;line-height:1.2}.mobile-header-text span{color:var(--text-muted);font-size:12px}}@media (width>=1041px){.mobile-header{display:none}}.mobile-only-sidebar-links{display:none}.mobile-header-actions{z-index:1;align-items:center;gap:8px;display:flex}.mobile-profile-dropdown{background:var(--bg-panel-strong);border:1px solid var(--border-strong);z-index:100;border-radius:16px;flex-direction:column;width:220px;animation:.2s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;position:absolute;top:calc(100% + 12px);right:16px;overflow:hidden;box-shadow:0 16px 40px #0006}.mobile-profile-header{border-bottom:1px solid var(--border);flex-direction:column;padding:16px;display:flex}.mobile-profile-header strong{color:#fff;font-size:14px}.mobile-profile-header span{color:var(--text-muted);font-size:12px}.mobile-profile-links{flex-direction:column;padding:8px;display:flex}.mobile-profile-links button,.mobile-logout{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.mobile-profile-links button:active,.mobile-logout:active{background:#ffffff0d}.mobile-logout{color:#ef4444;border-top:1px solid var(--border);border-radius:0 0 8px 8px;margin-top:4px}.live-status-badge{color:#ef4444;letter-spacing:.1em;background-color:#ef444426;border:1px solid #ef44444d;border-radius:99px;align-items:center;gap:6px;margin-left:auto;padding:4px 8px;font-size:10px;font-weight:800;display:flex}.live-status-dot{background-color:#ef4444;border-radius:50%;width:6px;height:6px;position:relative}.live-status-dot:after{content:"";background-color:#ef4444;border-radius:50%;width:100%;height:100%;animation:1s cubic-bezier(0,0,.2,1) infinite waveAggressive;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes waveAggressive{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(3.5)}}@media (width<=1040px){html,body{width:100%;overflow-x:hidden}.dashboard-shell{grid-template-columns:1fr!important;gap:0!important;width:100%!important;max-width:100vw!important;padding:0!important;overflow-x:hidden!important}.dashboard-shell:before,.dashboard-shell:after{display:none!important}.content-shell{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;padding:12px 14px 40px!important;overflow-x:hidden!important}.mobile-header{background:#08080ce0!important;border:1px solid #8b4cff33!important;border-radius:20px!important;margin-bottom:16px!important;padding:10px 14px!important;box-shadow:0 10px 30px #00000080,0 0 25px #8b4cff1f!important}.sidebar{background:#08080c!important;width:min(300px,84vw)!important;box-shadow:20px 0 60px #000c!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.split-grid,.mini-grid,.card-grid,.form-grid,.settings-grid,.two-col-grid{grid-template-columns:1fr!important;gap:14px!important}.section-card,.metric-card,.panel-card,.preview-card,.table-card{box-sizing:border-box!important;border-radius:18px!important;width:100%!important;padding:16px!important}.metric-card{padding:14px!important}.metric-value{font-size:24px!important}.metric-label{font-size:11px!important}input,select,textarea,button{font-size:13px!important}input[type=text],input[type=number],input[type=search],select,textarea{box-sizing:border-box!important;border-radius:12px!important;width:100%!important;min-height:42px!important;padding:8px 12px!important}.action-button,.btn,button.tone-primary,button.tone-secondary{touch-action:manipulation!important;border-radius:12px!important;min-height:40px!important;padding:8px 14px!important;font-size:12.5px!important}.table-wrap,.table-responsive,.data-table-container{-webkit-overflow-scrolling:touch!important;border-radius:14px!important;width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important}table{min-width:540px!important;font-size:12px!important}.page-header h1{font-size:22px!important;line-height:1.2!important}.page-header p{font-size:12.5px!important}.section-head h2{font-size:16px!important}.dialog-card,.modal-card,.unsaved-modal-content{box-sizing:border-box!important;border-radius:20px!important;width:calc(100vw - 28px)!important;max-width:480px!important;margin:14px auto!important;padding:18px!important}.server-dropdown{width:100%!important;max-width:100%!important;left:0!important;right:0!important}.announcement-bar{border-radius:14px!important;padding:10px 14px!important;font-size:12px!important}.discord-preview-shell{box-sizing:border-box!important;border-radius:16px!important;width:100%!important;max-width:100%!important;padding:12px!important}}@media (width<=480px){.metric-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.page-header-action{width:100%!important}.page-header-action button,.page-header-action .action-button{justify-content:center!important;width:100%!important}}