html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:focus-visible{outline:2px solid rgba(145,71,255,.7);outline-offset:2px}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{gap:.5rem;display:flex;align-items:center}.form-group label{font-size:.75rem;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.07em}.form-group input,.form-group select,.form-group textarea{padding:.625rem .875rem;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff08;color:#ffffffe6;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#9147ff80;background:#ffffff0d;box-shadow:0 0 0 2px #9147ff1a}.form-group textarea{resize:vertical;font-family:inherit}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{opacity:.5;cursor:not-allowed}select,select::picker(select){appearance:base-select}select::picker(select){border:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 3px 8px #000;margin-top:3px;cursor:pointer}.form-group-checkbox{flex-direction:row;align-items:flex-start}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#9147ff;cursor:pointer}.checkbox-label span{color:#fff;font-size:.9rem}.form-hint{color:#fff9;font-size:.75rem;margin:0}.form-hint code{background:#9147ff33;padding:.1rem .3rem;border-radius:4px;font-size:.75rem}.form-hint a{color:#9147ff;text-decoration:none}.form-hint a:hover{text-decoration:underline}.form-actions{display:flex;gap:1rem;margin-top:.5rem}.form-row{display:grid;gap:1rem}.edit-form{display:flex;flex-direction:column;gap:1rem}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#b8b8b8}.loading-spinner{width:40px;height:40px;border:3px solid rgba(145,71,255,.3);border-radius:50%;border-top-color:#9147ff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:3rem 1rem;color:#b0b0b0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#09090d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:#09090d;font-size:16px}#root{width:100%;min-height:100vh}.card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:1.25rem;transition:all .2s}.card:hover{background:#ffffff0d;border-color:#ffffff1f}.card.inactive{opacity:.6}.badge{font-size:.82rem;font-weight:500;color:#ffffff8c;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.4rem 1rem;border-radius:999px;transition:all .2s ease;display:inline-block}.badge--sm{font-size:.62rem;padding:.14rem .42rem;letter-spacing:.02em}.badge:hover{background:#9147ff14;border-color:#9147ff4d;color:#fffc}.banner{--banner-bg: rgba(255, 255, 255, .05);--banner-border: rgba(255, 255, 255, .12);--banner-text: rgba(255, 255, 255, .8);--banner-icon: rgba(255, 255, 255, .9);display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:8px;border:1px solid var(--banner-border);background:var(--banner-bg);color:var(--banner-text);font-size:.9rem;margin-bottom:.5rem}.banner--success{--banner-bg: rgba(34, 197, 94, .12);--banner-border: rgba(34, 197, 94, .38);--banner-text: #86efac;--banner-icon: #86efac}.banner--warning{--banner-bg: rgba(245, 158, 11, .14);--banner-border: rgba(245, 158, 11, .4);--banner-text: #fcd34d;--banner-icon: #fcd34d}.banner--error{--banner-bg: rgba(239, 68, 68, .14);--banner-border: rgba(239, 68, 68, .4);--banner-text: #fca5a5;--banner-icon: #fca5a5}.banner--info{--banner-bg: rgba(59, 130, 246, .14);--banner-border: rgba(59, 130, 246, .4);--banner-text: #93c5fd;--banner-icon: #93c5fd}.banner__icon{flex-shrink:0;color:var(--banner-icon);line-height:0;margin-top:2px}.banner__content{min-width:0;line-height:1.5}.banner__content p{margin:0}.banner__content a{color:currentColor;font-weight:600}.banner__content a:hover{opacity:.9}.beta-banner{width:100%;background:#38235ee6;border-bottom:1px solid rgba(180,126,255,.3);color:#ffffffe6;font-size:.8rem;text-align:center;padding:.55rem 1rem;display:flex;align-items:center;justify-content:center;gap:.6rem;flex-shrink:0;z-index:1001}.beta-banner--dev{background:#613e15e6;border-bottom:1px solid rgba(255,188,109,.3)}.beta-banner-pill{font-size:.65rem;font-weight:700;letter-spacing:.1em;color:#e9d5ff;background:#9147ff38;border:1px solid rgba(196,154,255,.42);border-radius:999px;padding:.15rem .55rem;flex-shrink:0}.beta-banner-pill--dev{color:#ffd6a7;background:#ea800033;border-color:#ffbd6e73}.code-block{background-color:#7b30ecc2;color:#f8f8f2;padding:.1rem .2rem .3rem;margin:.1rem;border-radius:4px;font-family:Jetbrains Mono,monospace;font-size:.8rem;white-space:pre-wrap}.collapsible{width:100%}.collapsible-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:0;gap:1rem;cursor:pointer;color:inherit;font:inherit;text-align:left}.collapsible-icon{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1);color:#fff9}.collapsible-icon.open{transform:rotate(180deg)}.collapsible-content{overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1)}.collapsible-content-inner{padding-top:1rem}.feature-card{background:#09090d;padding:2rem 1.75rem;display:flex;flex-direction:column;gap:.75rem;transition:background .2s ease}.feature-card:hover{background:#9147ff0f}.feature-card h3{font-size:1rem;font-weight:600;margin-bottom:.6rem;color:#ffffffe6}.feature-card p{font-size:.875rem;color:#ffffff73;line-height:1.65}.page-header{margin-bottom:3rem;display:flex;gap:1rem;flex-wrap:wrap-reverse}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#e9d5ff,#c084fc 40%,#9147ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.page-header p{color:#ffffff80;font-size:1.125rem}@media(max-width:768px){.page-header h1{font-size:2rem}}.row{display:flex;column-gap:2rem;align-items:stretch}.row>*{flex:1 1 0;min-width:0}@media(max-width:1024px){.row{flex-direction:column}}.section{padding:1rem 2rem 2rem;margin-bottom:2rem;height:fit-content}.glass{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:16px;box-shadow:0 4px 24px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .25s ease,box-shadow .25s ease}.glass:hover{border-color:#9147ff33;box-shadow:0 0 28px #9147ff12,0 10px 24px #00000059}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.section-header h2{font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,#fff 30%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;color:#fff}.section-title svg{color:#9147ff}.section-title h2{margin:0;background:linear-gradient(135deg,#fff 30%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem}.section-description{color:#ffffffbf;font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.section-faq-link{display:inline-flex;align-items:center;color:#ffffff59;transition:color .2s ease;-webkit-text-fill-color:initial;line-height:1}.section-faq-link:hover{color:#a78bfa}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.streambotler-logo-container{display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(145,71,255,.4))}.pill-group{display:flex;gap:.5rem}.pill{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.pill-default{background:#96969633;color:#bbb;border:1px solid rgba(150,150,150,.3)}.pill-error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.pill-warning{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.pill-success{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.pill-info{background:#14b8a633;color:#5eead4;border:1px solid rgba(20,184,166,.3)}.pill-accent{background:#ec489933;color:#f472b6;border:1px solid rgba(236,72,153,.3)}.reply-type-pill-chat{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.reply-type-pill-reply{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.reply-type-pill-whisper{background:#f9731633;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.loading-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:#09090d}.loading-container h2{font-size:2rem;background:linear-gradient(135deg,#fff 40%,#9147ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-container p{color:#ffffff80}.scrollable-content{flex:1;overflow-y:auto;width:100%;min-height:0}.scrollable-content-inner{max-width:1400px;margin:0 auto;padding:2.5rem 2rem}@media(max-width:768px){.scrollable-content-inner{padding:4rem 1rem 1rem}}.confirm-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modal-fade-in .15s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.confirm-modal{background:#1a1025;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;max-width:420px;width:90%;box-shadow:0 24px 64px #00000080;animation:modal-slide-in .15s ease}@keyframes modal-slide-in{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal-title{color:#fff;font-size:1.15rem;font-weight:600;margin-bottom:.625rem}.confirm-modal-message{color:#ffffffa6;font-size:.9rem;line-height:1.55;margin-bottom:1.5rem}.confirm-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff1a;border-radius:24px;transition:background .25s ease}.switch-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .25s ease}.switch input:checked+.switch-slider{background:#9147ff}.switch input:checked+.switch-slider:before{transform:translate(20px)}.lp-root{min-height:100vh;display:flex;flex-direction:column;background:#09090d;color:#ffffffde;overflow-x:hidden;position:relative}.lp-glow{position:fixed;top:-200px;left:50%;transform:translate(-50%);width:80%;height:700px;background:radial-gradient(ellipse at center,rgba(145,71,255,.18) 0%,transparent 70%);pointer-events:none;z-index:0}.lp-wrap{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 2rem;width:100%}.lp-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 0 5rem;gap:1.5rem}.lp-eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9147ff;border:1px solid rgba(145,71,255,.3);padding:.3rem .9rem;border-radius:999px}.lp-title{font-size:clamp(2.8rem,6vw,5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#ffffffed;margin:0}.lp-title-gradient{background:linear-gradient(135deg,#c084fc,#9147ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-subtitle{font-size:1.1rem;color:#ffffff80;max-width:560px;line-height:1.7;margin:0}.lp-cta{margin-top:.5rem;padding:.85rem 2rem!important;font-size:1rem!important}.lp-user-row{display:flex;align-items:center;gap:.9rem;margin-top:.5rem}.lp-user-col{display:flex;flex-direction:column;row-gap:1rem;align-items:center}.lp-avatar{width:40px;height:40px;border-radius:50%;border:1px solid rgba(145,71,255,.5);object-fit:cover}.lp-user-name{font-weight:600;color:#fffc;font-size:.95rem}.lp-stats{display:flex;align-items:center;justify-content:center;gap:0;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#ffffff06;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:6rem;overflow:hidden}.lp-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;gap:.35rem}.lp-stat-divider{width:1px;height:48px;background:#ffffff14;flex-shrink:0}.lp-stat-number{font-size:2.25rem;font-weight:700;color:#ffffffe6;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.lp-stat-live{color:#c084fc}.lp-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55eb3;animation:lp-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes lp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.lp-stat-label{font-size:.8rem;color:#fff6;font-weight:500;letter-spacing:.03em}.lp-section{margin-bottom:6rem}.lp-section-header{text-align:center;margin-bottom:3rem}.lp-section-title{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:700;background:linear-gradient(135deg,#fff 40%,#9147ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.lp-section-sub{color:#ffffff73;font-size:1rem;max-width:480px;margin:0 auto;line-height:1.6}.lp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;background:#ffffff12}.lp-feature-card{background:#09090d;padding:2rem 1.75rem;display:flex;flex-direction:column;gap:.75rem;transition:background .2s ease}.lp-feature-card:hover{background:#9147ff0f}.lp-feature-icon{width:36px;height:36px;border-radius:8px;background:#9147ff1a;border:1px solid rgba(145,71,255,.2);display:flex;align-items:center;justify-content:center;color:#9147ff;flex-shrink:0}.lp-feature-title{font-size:1rem;font-weight:600;color:#ffffffe6;margin:0}.lp-feature-desc{font-size:.875rem;color:#ffffff73;line-height:1.65;margin:0}.lp-coming-soon{margin-bottom:4rem;max-width:900px;margin:0 auto 5rem}.lp-badges{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.lp-badge{font-size:.82rem;font-weight:500;color:#ffffff8c;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.4rem 1rem;border-radius:999px;transition:all .2s ease}.lp-badge:hover{background:#9147ff14;border-color:#9147ff4d;color:#fffc}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.lp-avatar-skeleton,.lp-username-skeleton,.lp-button-skeleton{background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:1000px 100%;animation:shimmer 2s infinite}.lp-avatar-skeleton{width:40px;height:40px;border-radius:50%;flex-shrink:0}.lp-username-skeleton{width:120px;height:20px;border-radius:4px}.lp-button-skeleton{width:220px;height:53px;border-radius:8px;margin-top:.5rem}.lp-footer{position:relative;z-index:1;text-align:center;padding:2rem;font-size:.8rem;color:#ffffff40;border-top:1px solid rgba(255,255,255,.05);margin-top:auto}.lp-footer a{color:#9147ffb3;text-decoration:none;transition:color .2s}.lp-footer a:hover{color:#9147ff}@media(max-width:900px){.lp-features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.lp-hero{padding:5rem 0 4rem}.lp-features-grid{grid-template-columns:1fr}.lp-stats{flex-direction:column;gap:0}.lp-stat-divider{width:80%;height:1px}}.dashboard-wrap{display:flex;flex-direction:column;width:100%;height:100dvh;overflow:hidden;background:#0a103191;position:relative}.dashboard-wrap:before,.dashboard-wrap:after{content:"";position:fixed;pointer-events:none;z-index:0}.dashboard-wrap:after{inset:0;background:radial-gradient(circle at 0% 62%,rgba(124,196,255,.12) 0%,transparent 28%),radial-gradient(circle at 100% 66%,rgba(255,164,94,.11) 0%,transparent 28%);filter:blur(8px);opacity:.55}.dashboard-container{display:flex;flex:1;position:relative;min-height:0}.dash-glow{position:fixed;top:-200px;left:50%;transform:translate(-50%);width:1150px;height:760px;background:radial-gradient(ellipse at 46% 26%,rgba(101,180,255,.16) 0%,rgba(101,180,255,.07) 26%,transparent 62%),radial-gradient(ellipse at 64% 18%,rgba(255,115,162,.16) 0%,rgba(255,115,162,.07) 24%,transparent 58%),radial-gradient(ellipse at 30% 22%,rgba(255,201,96,.16) 0%,rgba(255,201,96,.06) 23%,transparent 56%),radial-gradient(ellipse at center,rgba(145,71,255,.16) 0%,transparent 70%);filter:blur(2px) saturate(118%);pointer-events:none;z-index:0}.dash-glow:before,.dash-glow:after{content:"";position:absolute;inset:0;pointer-events:none}.dash-glow:before{background:radial-gradient(circle at 58% 34%,rgba(255,255,255,.17) 0%,rgba(255,255,255,.04) 14%,transparent 42%);mix-blend-mode:screen;opacity:.55}.dash-glow:after{background:radial-gradient(circle at 22% 42%,rgba(120,219,255,.12) 0%,transparent 38%),radial-gradient(circle at 76% 38%,rgba(255,167,87,.11) 0%,transparent 33%);filter:blur(6px);opacity:.5}@keyframes sidebarSlideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.dashboard-sidebar{width:250px;max-width:100%;background:#0a0d1ce6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-right:1px solid rgba(255,255,255,.06);padding:1rem 0;position:sticky;top:0;overflow-y:auto;flex-shrink:0;z-index:10;display:flex;flex-direction:column}.dashboard-sidebar.sidebar-ready{animation:sidebarSlideIn .35s cubic-bezier(.25,.46,.45,.94) both}.sidebar-user{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 1.25rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:1.25rem}.user-avatar{width:36px;height:36px;border-radius:50%;border:1px solid rgba(145,71,255,.4);object-fit:cover;flex-shrink:0}.user-info{display:flex;column-gap:.75rem;min-width:0;flex:1}.user-info>div{min-width:0;flex:1;overflow:hidden}.user-info h3{color:#ffffffe6;font-size:.875rem;font-weight:600;margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info a{color:#fff6;font-size:.75rem;text-decoration:none;transition:color .2s ease}.user-info a:hover{color:#9147ff}.logout-button{background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fff6;padding:.4rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logout-button:hover:not(:disabled){border-color:#ff445866;color:#ff4458;background:#ff44580f}.logout-button:disabled{opacity:.4;cursor:not-allowed}.bot-selector-wrap{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-10px);transition:grid-template-rows .22s ease,opacity .22s ease,transform .22s ease;pointer-events:none}.bot-selector-wrap.open{grid-template-rows:1fr;opacity:1;transform:translateY(0);pointer-events:auto}.bot-selector-wrap>.bot-selector{min-height:0;overflow:hidden}.bot-selector{padding:0 1.25rem 1.25rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.05)}.bot-selector-label{display:block;color:#ffffff59;font-size:.7rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em}.bot-selector-dropdown{width:100%;padding:.5rem 2rem .5rem .75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fffc;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;appearance:none;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='rgba(255,255,255,0.3)' 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-repeat:no-repeat;background-position:right .625rem center}.bot-selector-dropdown.disabled{opacity:.3;cursor:not-allowed}.bot-selector-dropdown:hover:not(.disabled){border-color:#9147ff4d}.bot-selector-dropdown:focus{outline:none;border-color:#9147ff80;box-shadow:0 0 0 2px #9147ff1a}.bot-selector-dropdown option{background:#141418;color:#fff}.broadcaster-banner{margin:0 1rem 1.25rem;padding:.75rem 1rem;background:linear-gradient(135deg,#00ff224a,#11ff001a);border:1px solid rgba(0,255,34,.29);border-radius:8px}.broadcaster-banner-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#66ff00bd;margin-bottom:.5rem}.broadcaster-banner-identity{display:flex;align-items:center;gap:.5rem}.broadcaster-banner-avatar{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,255,34,.5);object-fit:cover;flex-shrink:0}.broadcaster-banner-name{font-size:.875rem;font-weight:600;color:#fffffff2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{list-style:none;padding:0 .75rem}.sidebar-nav--bottom{padding-top:1.25rem;margin-top:auto}#version{font-size:.6rem;line-height:1;letter-spacing:.04em;color:#ffffff94;opacity:.4;-webkit-user-select:none;user-select:none;margin-left:auto}.sidebar-nav li{margin-bottom:.15rem}.sidebar-nav button,.sidebar-nav a{width:100%;padding:.55rem .75rem;border:none;background:transparent;color:#ffffff80;font-size:.875rem;text-align:left;cursor:pointer;border-radius:6px;display:flex;align-items:center;gap:.625rem;transition:all .15s ease;text-decoration:none;font-weight:400}.sidebar-nav button:hover,.sidebar-nav a:hover{background:#ffffff0d;color:#ffffffd9}.sidebar-nav button.active,.sidebar-nav a.active{background:#9147ff1f;color:#c084fc;font-weight:500;border-left:2px solid rgba(145,71,255,.7);padding-left:calc(.75rem - 2px);box-shadow:inset 0 0 12px #9147ff0f}.sidebar-nav button.disabled{cursor:not-allowed;opacity:.3}.sidebar-nav button.disabled:hover{background:transparent;color:#ffffff4d}.nav-chevron{margin-left:auto;display:flex;align-items:center;opacity:.5}.sidebar-subnav{list-style:none;padding:0;margin:.1rem 0 .25rem}.sidebar-subnav-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease,opacity .18s ease;opacity:0}.sidebar-subnav-wrap.open{grid-template-rows:1fr;opacity:1}.sidebar-subnav-wrap.closed{pointer-events:none}.sidebar-subnav-wrap .sidebar-subnav{min-height:0;overflow:hidden;transition:transform .18s ease,opacity .18s ease;transform:translateY(-4px);opacity:0}.sidebar-subnav-wrap.open .sidebar-subnav{transform:translateY(0);opacity:1}.sidebar-subnav li{margin-bottom:.1rem}.sidebar-subnav a{padding:.45rem .75rem .45rem 2.75rem;font-size:.825rem;color:#fff6}.sidebar-subnav a:hover{color:#ffffffbf;background:#ffffff0a}.sidebar-subnav a.active{color:#c084fc;background:#9147ff14;border-left:2px solid rgba(145,71,255,.5);padding-left:calc(2.75rem - 2px)}.sidebar-subnav a{display:flex;align-items:center;justify-content:space-between}.sidebar-subnav-pill{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.1rem .45rem;flex-shrink:0}.dashboard-main{flex:1;display:flex;flex-direction:column;position:relative;z-index:1;min-height:0}.dashboard-header{margin-bottom:2.5rem;display:flex;gap:1rem;flex-wrap:wrap-reverse}.dashboard-header h1{font-size:2rem;font-weight:700;margin-bottom:.4rem;background:linear-gradient(135deg,#e9d5ff,#c084fc 40%,#9147ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.dashboard-header p{color:#ffffff73;font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:1.25rem;transition:border-color .25s ease,box-shadow .25s ease}.stat-card:hover{border-color:#9147ff59;box-shadow:0 0 20px #9147ff1a,0 4px 16px #0000004d}.stat-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.stat-icon{width:36px;height:36px;border-radius:8px;background:#9147ff1a;border:1px solid rgba(145,71,255,.25);display:flex;align-items:center;justify-content:center;color:#c084fc;box-shadow:0 0 10px #9147ff26}.stat-card h3{color:#fff6;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.07em}.stat-value{font-size:1.75rem;font-weight:700;color:#ffffffe6;margin-bottom:.25rem;letter-spacing:-.02em}.stat-label{color:#fff6;font-size:.8rem}.form-container{max-width:600px}.form-group{margin-bottom:1.25rem}.form-label{display:block;color:#ffffff80;font-size:.75rem;font-weight:600;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.07em}.form-input{width:100%;padding:.65rem .875rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#ffffffe6;font-size:.9rem;transition:all .2s ease;outline:none}.form-input:focus{border-color:#9147ff80;background:#ffffff0d;box-shadow:0 0 0 2px #9147ff1a}.form-input::placeholder{color:#ffffff40}.form-error{color:#ff4458;font-size:.78rem;margin-top:.35rem;display:flex;align-items:center;gap:.4rem}.form-hint{color:#ffffff80;font-size:.78rem;margin-top:.4rem}.btn-group{display:flex;gap:.75rem;flex-wrap:wrap}.bot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.bot-card{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:1.25rem;transition:border-color .25s ease,box-shadow .25s ease}.bot-card:hover{border-color:#9147ff59;box-shadow:0 0 24px #9147ff1a,0 4px 16px #0000004d}.bot-card-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.bot-info h3{color:#ffffffe6;font-size:1rem;font-weight:600;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.bot-info h3 a{color:inherit;text-decoration:none;transition:color .2s}.bot-info h3 a:hover{color:#c084fc}.bot-as-label{font-size:.8rem;color:#fff6;font-weight:400;text-wrap:nowrap}.shared-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .45rem;background:#ffb00014;color:#ffb000cc;border:1px solid rgba(255,176,0,.2);border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.live-badge{display:inline-flex;align-items:center;padding:.2rem .45rem;background:#eb00001a;color:#ef4444;border:1px solid rgba(235,0,0,.2);border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.5}}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55ebf}.status-dot.offline{background:#fff3}.bot-info{display:flex;justify-content:space-between;width:100%}.bot-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.bot-actions button{flex:1}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#fff6}.loading-spinner,.loading .loading-spinner{width:32px;height:32px;border:2px solid rgba(145,71,255,.15);border-top-color:#9147ff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.empty-state{text-align:center;padding:2rem 3rem 1rem;color:#fff6}.empty-state-icon{width:56px;height:56px;margin:0 auto 1.25rem;border-radius:12px;background:#9147ff14;border:1px solid rgba(145,71,255,.2);display:flex;align-items:center;justify-content:center;color:#c084fc;box-shadow:0 0 16px #9147ff1f}.empty-state h3{color:#ffffffb3;font-size:1.125rem;font-weight:600;margin-bottom:.4rem}.empty-state p{margin-bottom:1.5rem;font-size:.9rem;color:#ffffff59}.alert{padding:.875rem 1rem;border-radius:8px;display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem}.alert-error{background:#ff44580f;border:1px solid rgba(255,68,88,.2);color:#ff4458}.alert-success{background:#22c55e0f;border:1px solid rgba(34,197,94,.2);color:#22c55e}.alert-info{background:#9147ff0f;border:1px solid rgba(145,71,255,.2);color:#a78bfa}.mobile-menu-toggle{display:none!important;position:fixed;top:1rem;left:1rem;z-index:1001;background:#0f0f14f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:.45rem;cursor:pointer;transition:all .2s ease;color:#fff9}.mobile-menu-toggle.open{margin-left:0;top:1rem}.mobile-menu-toggle:hover{border-color:#9147ff4d;color:#9147ff}.mobile-menu-toggle svg{display:block}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}.sidebar-overlay.visible{display:block}@media(max-width:768px){.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center}.mobile-menu-toggle.open{margin-left:0;top:1rem}.dashboard-sidebar.sidebar-ready{animation:none}.dashboard-sidebar{width:min(250px,85vw);max-width:85vw;position:fixed;top:0;left:0;bottom:0;height:100dvh;transform:translate(-100%);transition:transform .25s ease;z-index:1000;pointer-events:none}.dashboard-sidebar.open{transform:translate(0);pointer-events:auto}.sidebar-overlay.visible{display:block}.dashboard-main{margin-left:0}.bot-grid{grid-template-columns:1fr}}.commands-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.commands-header h2{font-size:1.5rem;color:#fff;margin:0}.command-form-card{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:1.25rem;margin-bottom:1.5rem}.command-form-card h3{font-size:1.2rem;color:#fff;margin-top:0;margin-bottom:1.5rem}.command-form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-template-columns:2fr 1fr 1fr 1fr 2fr}@keyframes slideInFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.form-group-animated{animation:slideInFade .2s ease-out both}.command-edit-row-name{grid-template-columns:1fr 1fr}.command-edit-row-settings{grid-template-columns:1fr 1fr 1fr!important}.commands-section{margin-bottom:2rem}.commands-section h3{font-size:1.2rem;color:#fff;margin-bottom:1rem}.commands-list{display:grid;gap:1rem}.custom-commands-table-wrap{background:#ffffff05!important;border:1px solid rgba(255,255,255,.08);border-radius:10px!important;overflow-x:auto}.custom-commands-table{width:100%;min-width:680px;background:transparent;border-collapse:separate;border-spacing:.45rem .35rem}.custom-commands-table .MuiTableCell-root{border-bottom:1px solid rgba(255,255,255,.08);color:#e8e8e8;vertical-align:top;padding:8px!important}.custom-command-response-cell{width:360px;min-width:280px;max-width:420px}.custom-commands-table .MuiTableHead-root .MuiTableCell-root{color:#bdbdbd;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.custom-command-row.inactive{opacity:.6}.custom-command-row .MuiIconButton-root{color:#cfcfcf}.custom-command-row .MuiTableCell-root{background:#ffffff05}.custom-command-collapse-cell{padding-top:0!important;padding-bottom:0!important;border-bottom:none!important}.custom-command-collapse-content{padding:.5rem 0 1.25rem}.custom-command-collapse-content .command-edit-form{background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem}.command-response-preview{max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d4d4d4}.command-response-preview-list{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:100%}.command-response-preview-row{display:block;white-space:nowrap;overflow-x:auto;overflow-y:hidden;color:#d4d4d4;padding-bottom:.25rem;scrollbar-width:thin;scrollbar-color:rgba(180,180,180,.6) transparent}.command-response-preview-row::-webkit-scrollbar{height:6px}.command-response-preview-row::-webkit-scrollbar-track{background:transparent;margin:.15rem 0}.command-response-preview-row::-webkit-scrollbar-thumb{background:#b4b4b480;border-radius:999px}.command-response-preview-row::-webkit-scrollbar-thumb:hover{background:#c8c8c8b3}.command-response-more-count{font-size:.75rem;color:#9aa0a6;font-weight:600;margin-left:.5rem}.command-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.command-name{font-size:1.1rem;font-weight:600;color:#9147ff;font-family:Courier New,monospace}.command-name-inline{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.command-aliases-inline{font-size:.8rem;color:#a8a8a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.command-actions{display:flex;gap:.5rem}.custom-commands-table .MuiTableCell-alignRight .command-actions{width:100%;justify-content:flex-end}.custom-commands-table .MuiTableCell-alignCenter .command-actions{width:100%;justify-content:center}.command-response{color:#d4d4d4;margin-top:1.5rem;line-height:1.5;background:#49494969;padding:1rem;border-radius:4px}.command-response.additional{padding-left:1rem;border-left:2px solid rgba(145,71,255,.3);font-size:.9rem;color:#b8b8b8}.command-additional-responses{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.command-delay{font-size:.75rem;color:#b0b0b0;font-style:italic}.response-row{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:.5rem}.response-row textarea{flex:1}.response-row .btn-icon{flex-shrink:0;margin-top:.25rem}.command-meta{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem;font-size:.875rem}.command-permission,.command-cooldown{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#ffffff1a;border-radius:6px;color:#b8b8b8;font-size:.75rem}.command-permission{background:#9147ff33;color:#b89eff}.command-edit-form{display:flex;flex-direction:column}.command-name-row{display:flex;gap:1rem}@media(max-width:768px){.form-row,.command-edit-row-name{grid-template-columns:1fr}.command-edit-row-settings{grid-template-columns:repeat(3,minmax(0,1fr))}.commands-header{flex-direction:column;align-items:flex-start;gap:1rem}.command-header{flex-direction:column;align-items:flex-start;gap:.5rem}.command-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.custom-commands-table .MuiTableCell-alignCenter .command-actions{justify-content:center}.custom-commands-table .MuiTableCell-alignRight .command-actions{justify-content:flex-end}.custom-commands-table{min-width:0;table-layout:fixed;border-spacing:.3rem .3rem}.command-response-preview{max-width:220px}.command-response-preview-list{max-width:100%}.custom-command-response-cell{width:260px;min-width:220px;max-width:300px}.custom-commands-table .MuiTableHead-root .MuiTableCell-root{font-size:.7rem;letter-spacing:.03em}.command-meta{gap:.35rem}.command-name{font-size:1rem}}.tracked-chatters-loading{padding:2rem;text-align:center;color:#888}.tracked-chatters-table-wrap{background:#ffffff08!important;border:1px solid rgba(255,255,255,.08);border-radius:12px}.tracked-chatters-table{min-width:760px}.tracked-chatters-table th,.tracked-chatters-table td{border-color:#ffffff14!important;vertical-align:top}.tracked-chatters-table th{color:#bbb!important;font-weight:600!important;font-size:.78rem!important;text-transform:uppercase;letter-spacing:.04em}.tracked-chatters-table td{color:#f5f5f5!important}.tracked-chatters-cell-user{min-width:220px}.tracked-chatters-cell-message{min-width:320px}.tracked-chatter-user-wrap{display:flex;flex-direction:column;gap:.2rem}.tracked-chatter-name{font-weight:600;font-size:.95rem;color:#fff}.tracked-chatters-message-input{width:100%;border:1px solid rgba(255,255,255,.14);background:#00000038;color:#fff;border-radius:8px;padding:.45rem .55rem}.tracked-chatters-message-input::placeholder{color:#ffffff80}.tracked-chatters-row-actions{display:flex;justify-content:flex-end;gap:.5rem;white-space:nowrap}.tracked-chatters-table-wrap::-webkit-scrollbar{height:10px}.tracked-chatters-table-wrap::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}.tracked-chatters-table-wrap::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:999px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tracked-chatter-inline-form{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:1rem;animation:slideDown .2s ease}.tracked-chatter-inline-fields{display:grid;grid-template-columns:1fr 1fr 2fr;gap:1rem}.tracked-chatter-inline-actions{display:flex;gap:.5rem}@media(max-width:768px){.tracked-chatter-inline-fields{grid-template-columns:1fr}.tracked-chatters-row-actions{justify-content:flex-start}}.actions-page{display:flex;flex-direction:column}.actions-container{display:flex;flex-direction:column;gap:1rem}.actions-table-wrap{background:#ffffff05!important;border:1px solid rgba(255,255,255,.08);border-radius:10px!important;overflow-x:auto}.actions-table{width:100%;min-width:900px;background:transparent;border-collapse:separate;border-spacing:.45rem .35rem}.actions-table .MuiTableCell-root{border-bottom:1px solid rgba(255,255,255,.08);color:#e8e8e8;vertical-align:top;padding:8px!important}.actions-table .MuiTableHead-root .MuiTableCell-root{color:#bdbdbd;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.actions-table-row .MuiTableCell-root{background:#ffffff05}.actions-table-row.actions-table-row-disabled{opacity:.72}.action-row-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.action-row-description{color:#fff9;font-size:.85rem}.action-row-message-cell{min-width:330px;max-width:500px}.action-input{width:100%;padding:.625rem .875rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#ffffffe6;font-size:.9rem;transition:all .2s ease}.action-input:focus{outline:none;border-color:#9147ff80;background:#ffffff0d;box-shadow:0 0 0 2px #9147ff1a}.action-input::placeholder{color:#fff6}.action-input:disabled{cursor:not-allowed;color:#ffffffa6;opacity:.7}.action-hint{margin:0;color:#ffffff80;font-size:.75rem;line-height:1.5}.action-hint code{background:#9147ff33;padding:.125rem .375rem;border-radius:4px;color:#a77fff;font-family:monospace}.action-no-variables{color:#ffffff59;font-size:.875rem}.actions-table .MuiTableCell-alignCenter .command-actions{width:100%;justify-content:center}.actions-channel-events-banner{margin-bottom:1rem}@media(max-width:768px){.actions-page{padding:1rem}.actions-table{min-width:760px}}.blocked-word-form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-template-columns:1fr 1fr 1fr}.blocked-words-list{display:grid;gap:1rem}.blocked-word-header{display:flex;justify-content:space-between;align-items:center}.blocked-word-info{display:flex;align-items:center;gap:1rem}.blocked-word-text{font-size:1.1rem;font-weight:600;color:#fff}.blocked-word-action{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.action-delete{background:#ffc10733;color:#ffc107}.action-timeout{background:#ff980033;color:#ff9800}.action-ban{background:#f4433633;color:#f44336}.blocked-word-actions{display:flex;gap:.5rem}.blocked-word-match-mode{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;background:#64b4ff26;color:#64b4ff}.similarity-threshold{opacity:.8}.blocked-word-reason{color:#b0b0b0;font-size:.875rem;margin-top:.75rem}.permitted-words-manager{margin-top:2rem}.permitted-words-list{display:grid;gap:1rem}.permitted-word-header{display:flex;justify-content:space-between;align-items:center}.permitted-word-info{display:flex;align-items:center;gap:1rem}.permitted-word-text{font-size:1.1rem;font-weight:600;color:#fff}.permitted-word-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;background:#00e59933;color:#00e599}.permitted-word-actions{display:flex;gap:.5rem}.permitted-word-reason{color:#b0b0b0;font-size:.875rem;margin-top:.75rem}.permitted-word-form{display:flex;flex-direction:column;gap:1rem}.edit-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.permitted-word-group{margin-bottom:2rem}.permitted-word-group-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#9147ff1a;border:1px solid rgba(145,71,255,.3);border-radius:8px;color:#ffffffe6;font-size:.95rem;font-weight:500;flex:1}.permitted-word-group .collapsible-header{background:transparent;border:none;padding:0;margin-bottom:0;border-radius:8px;transition:all .2s ease}.permitted-word-group .collapsible-header:hover .permitted-word-group-header{background:#9147ff26;border-color:#9147ff66}.permitted-word-group-header svg{color:#9147ff;flex-shrink:0}.permitted-word-group-count{margin-left:auto;font-size:.85rem;color:#fff9;background:#ffffff0d;padding:.25rem .75rem;border-radius:12px}.permitted-word-group-items{display:grid;gap:1rem;padding-left:1.5rem}.permitted-word-card{position:relative}.permitted-word-group-items .permitted-word-card:before{content:"";position:absolute;left:-1.5rem;top:50%;width:1rem;height:2px;background:#9147ff4d}.permitted-word-group .collapsible-content-inner{padding-top:1rem}.timer-form{display:flex;flex-direction:column;gap:1rem}.timers-list{display:grid;gap:1rem}.timer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.timer-info{display:flex;align-items:center;gap:1rem}.timer-interval{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#9147ff}.timer-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.status-active{background:#4caf5033;color:#4caf50}.status-paused{background:#ff980033;color:#ff9800}.status-online-only{background:#2196f333;color:#2196f3}.timer-actions{display:flex;gap:.5rem}.timer-message{color:#d4d4d4;line-height:1.5;white-space:pre-wrap}.timeout-hint{margin-top:.5rem;font-size:.8125rem;color:#9147ffe6;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#9147ff14;border-radius:6px;transition:all .2s ease;width:fit-content}.timeout-hint.empty{color:#fff6;background:#ffffff08}.timeout-hint svg{flex-shrink:0;width:14px;height:14px}.redeems-manager{display:flex;flex-direction:column;gap:16px}.redeem-list{display:flex;flex-direction:column;gap:14px}.redeem-card{padding:16px}.redeem-card h3{margin:0;font-size:1rem}.redeem-card p{margin:4px 0 0;opacity:.85;font-size:.9rem}.redeem-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.permissions-intro-banner{margin-bottom:1.5rem}.links-list{display:grid;gap:.75rem}.link-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:8px;transition:all .2s}.link-card:hover{border-color:#9147ff33}.link-card.used{opacity:.6}.link-card.expired{opacity:.5;background:#ff44441a;border-color:#ff44444d}.link-info{display:flex;flex-direction:column;gap:.5rem}.link-status{display:flex;align-items:center;gap:.5rem}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#4caf5033;color:#4caf50}.status-badge.used{background:#9147ff80;color:#fff}.status-badge.expired{background:#f443;color:#ff6b6b}.link-dates{display:flex;gap:1rem;font-size:.8rem;color:#b0b0b0}.link-actions{display:flex;gap:.5rem}.permissions-list{display:grid;gap:.75rem}.permission-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:8px;transition:all .2s}.permission-card:hover{border-color:#9147ff33}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:#fff}.user-username{font-size:.85rem;color:#b0b0b0}.permission-meta{display:flex;align-items:center;gap:1rem}.granted-date{font-size:.8rem;color:#b0b0b0}.create-link-form{display:flex;flex-direction:column;gap:1.5rem}.form-group select option{background:#18181b;color:#fff;padding:.5rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.authorize-page{display:flex;align-items:center;justify-content:center;padding:2rem;background:#09090d;min-height:100vh}.authorize-card{max-width:480px;width:100%;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2.5rem;text-align:center}.authorize-card.loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.authorize-card.error{border-color:#ff445840}.icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.icon-wrapper.success{background:#22c55e14;color:#22c55e}.icon-wrapper.error{background:#ff445814;color:#ff4458}.broadcaster-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0 auto 1.25rem;display:block;border:2px solid rgba(145,71,255,.35)}.authorize-card h2{margin:0 0 .75rem;font-size:1.5rem;color:#fff}.broadcaster-identity{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:1.25rem}.broadcaster-display-name{font-size:1.15rem;font-weight:600;color:#9147ff}.broadcaster-channel-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;color:#ffffff80;text-decoration:none;transition:color .2s}.broadcaster-channel-link:hover{color:#c084fc}.authorize-description{color:#ffffff8c;line-height:1.6;margin-bottom:.75rem;font-size:.9rem}.authorize-note{color:#fff6;font-size:.85rem;font-style:italic;margin-bottom:1rem}.broadcaster-info{font-size:1.1rem;color:#fff;margin-bottom:1rem}.broadcaster-info strong{color:#9147ff}.description{color:#ffffff73;line-height:1.6;margin-bottom:1rem;font-size:.9rem}.expires-info{font-size:.85rem;color:#b0b0b0;margin-bottom:2rem}.action-buttons{display:flex;gap:1rem;justify-content:center}.spinner{animation:spin 1s linear infinite}.admin-stat-groups{display:flex;flex-direction:column;gap:1rem}.admin-stat-group{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:1rem}.admin-stat-group-title{margin:0 0 .75rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.admin-stat-grid{display:grid;gap:1rem}.admin-stat-grid--one-col{grid-template-columns:1fr}.admin-stat-grid--two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stat-grid--three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-stat-grid--four-col{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:768px){.admin-stat-group{padding:.85rem}.admin-stat-grid--two-col,.admin-stat-grid--three-col,.admin-stat-grid--four-col{grid-template-columns:1fr}}.admin-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:end;gap:.4rem}.admin-stat-card--live{border-color:#22c55e33}.admin-stat-icon{color:#9147ff;margin-bottom:.2rem}.admin-live-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e99;animation:live-pulse 2s ease-in-out infinite;margin-bottom:.2rem}.admin-stat-value{font-size:2rem;font-weight:700;color:#ffffffe6;line-height:1}.admin-stat-label{font-size:.8rem;color:#fff6;text-transform:uppercase;letter-spacing:.06em}.admin-section-desc{color:#ffffff80;font-size:.9rem;margin-bottom:1rem;line-height:1.6}.admin-section-desc code{background:#9147ff1f;border:1px solid rgba(145,71,255,.25);border-radius:4px;padding:.1rem .4rem;font-size:.85em;color:#c084fc}.admin-studio-link{display:inline-flex;align-items:center;gap:.5rem;background:#9147ff1a;border:1px solid rgba(145,71,255,.3);color:#c084fc;border-radius:8px;padding:.6rem 1.1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s}.admin-studio-link:hover{background:#9147ff33;border-color:#9147ff80;color:#e9d5ff}.admin-feature-flags-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.admin-feature-flag-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.9rem}.admin-feature-flag-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.admin-feature-flag-key{margin:0;font-size:.9rem;color:#ffffffe6}.admin-feature-flag-description{margin:.35rem 0 0;color:#ffffff73;font-size:.8rem;line-height:1.45}.admin-feature-flag-toggle{border:1px solid transparent;border-radius:999px;background:#ffffff0f;color:#ffffffd9;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700;padding:.35rem .7rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s}.admin-feature-flag-toggle.is-enabled{background:#22c55e1f;border-color:#22c55e59;color:#86efac}.admin-feature-flag-toggle.is-disabled{background:#f871711a;border-color:#f8717147;color:#fca5a5}.admin-feature-flag-toggle:disabled{cursor:not-allowed;opacity:.6}.admin-user-table-wrap{overflow-x:auto}.admin-user-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-user-table th{text-align:left;padding:.6rem 1rem;color:#ffffff59;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.06)}.admin-user-table td{padding:.75rem 1rem;color:#ffffffbf;border-bottom:1px solid rgba(255,255,255,.04)}.admin-user-table tr:last-child td{border-bottom:none}.admin-user-cell{display:flex;align-items:center;gap:.6rem}.admin-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.admin-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.05em;background:#9147ff26;border:1px solid rgba(145,71,255,.3);color:#c084fc}.admin-badge--user{background:#ffffff0a;border-color:#ffffff1a;color:#ffffff59}.admin-date{color:#ffffff59!important;font-size:.8rem}.admin-user-table td code{font-size:.8rem;color:#ffffff80}.support-page{max-width:860px}.support-content,.faq-list{display:flex;flex-direction:column;gap:0}.faq-list .collapsible{border-bottom:1px solid rgba(255,255,255,.06);padding:.9rem 0}.faq-list .collapsible:last-child{border-bottom:none}.faq-list .collapsible-header{font-size:.95rem;font-weight:500;color:#ffffffe0;transition:color .2s}.faq-list .collapsible-header:hover{color:#c084fc}.faq-answer{font-size:.9rem;line-height:1.65;color:#ffffff9e;padding-bottom:.25rem}.faq-highlighted .collapsible-header{color:#c084fc}.support-form{display:flex;flex-direction:column;gap:1.25rem}.support-form-field{display:flex;flex-direction:column;gap:.45rem}.support-form-label{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;color:#ffffff8c;letter-spacing:.03em;text-transform:uppercase}.support-form-label svg{color:#9147ff}.support-form-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.65rem .9rem;font-size:.9rem;font-family:inherit;color:#ffffffde;transition:border-color .2s,background .2s;outline:none;width:100%}.support-form-input::placeholder{color:#ffffff40}.support-form-input:focus{border-color:#9147ff8c;background:#9147ff0d}.support-form-textarea{resize:vertical;min-height:120px}.support-form-select{cursor:pointer;appearance:none;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='rgba(255,255,255,0.4)' 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-repeat:no-repeat;background-position:right .9rem center;padding-right:2.25rem}.support-form-select option{background:#1a1a2e;color:#ffffffde}.support-form-footer{display:flex;flex-direction:column;gap:1rem;padding-top:.25rem}.support-form-hint{font-size:.8rem;color:#ffffff59;line-height:1.5}.support-form-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.support-email-link{color:#c084fc;text-decoration:none}.support-email-link:hover{text-decoration:underline}.support-submit-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,#7c3aed,#9147ff);border:none;border-radius:8px;color:#fff;font-size:.88rem;font-weight:500;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .15s;white-space:nowrap}.support-submit-btn:hover{opacity:.88;transform:translateY(-1px)}.support-submit-btn:active{transform:translateY(0);opacity:1}.support-submit-btn-secondary{background:#ffffff14;border:1px solid rgba(145,71,255,.3)}.support-submit-btn-secondary:hover{opacity:1;background:#9147ff26;border-color:#9147ff80}.support-copy-success{font-size:.8rem;color:#6ee7b7;line-height:1.5}@media(max-width:640px){.support-form-footer{flex-direction:column;align-items:stretch}.support-form-buttons{flex-direction:column}.support-submit-btn{width:100%;justify-content:center}}.account-page{display:flex;flex-direction:column}.account-profile{display:flex;flex-direction:column;gap:.75rem}.account-profile-details{display:flex;flex-direction:column;gap:1rem}.account-profile-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.5rem}.account-avatar{width:52px;height:52px;border-radius:999px;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.account-profile-identity{display:flex;flex-direction:column;min-width:0}.account-profile-identity strong{color:#ffffffeb;font-size:.95rem;line-height:1.2}.account-profile-identity span{color:#fff9;font-size:.85rem}.account-profile-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.6rem;color:#fffc;font-size:.92rem}.account-profile-label{color:#ffffff8c}.account-profile-email-label{display:inline-flex;align-items:center;gap:.35rem}.account-danger-banner{margin-bottom:1rem}.account-danger-actions{display:flex;flex-wrap:wrap;gap:.75rem}.account-confirm-block{display:flex;flex-direction:column;gap:.7rem}.account-confirm-block p{margin:0}.account-confirm-label{color:#ffffffbf;font-size:.85rem}.account-confirm-label code{background:#ffffff14;color:#fff;padding:.1rem .35rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.account-confirm-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#ffffffeb;padding:.65rem .8rem;font-size:.9rem}.account-confirm-input:focus{outline:none;border-color:#ef444499;box-shadow:0 0 0 2px #ef444429}@media(max-width:640px){.account-profile-header{align-items:flex-start}.account-profile-row{flex-direction:column;align-items:flex-start;gap:.25rem}.account-danger-actions{flex-direction:column}}.sub-goal-empty{display:flex;justify-content:center;margin-top:2rem}.sub-goal-empty .card{max-width:500px;text-align:center}.sub-goal-empty .card h3{margin-bottom:.5rem}.sub-goal-empty .card p{margin-bottom:1.5rem;color:#fff9}.sub-goal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,620px);gap:1.5rem;align-items:start}@media(max-width:1024px){.sub-goal-layout{grid-template-columns:1fr}}.sub-goal-config{display:flex;flex-direction:column}hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin:1rem 0}.sub-goal-form h4{margin-bottom:.75rem}.sub-goal-form .form-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:flex-start}.sub-goal-form .form-group{min-width:0}.auto-increment-subs{padding:0 0 1rem;align-items:flex-start!important}.form-row-3{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.color-input-wrap{display:flex;align-items:center;gap:.5rem}.color-input-wrap input[type=color]{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;padding:0;background:transparent}.color-input-wrap span{font-size:.85rem;color:#ffffff80;font-family:monospace}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#9147ff}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.9rem;color:#ffffffe6}.toggle-switch{position:relative;display:inline-block;width:52px;height:30px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff1a;transition:.25s;border-radius:999px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.25s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#9147ff}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.btn-sm{font-size:.8rem;padding:.25rem .5rem}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-spin{animation:icon-spin .8s linear infinite}.btn-danger{background:#ff4458;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem}.btn-danger:hover{background:#e03a4c}.sub-goal-danger-zone h4{color:#ff4458;margin-bottom:.5rem}.sub-goal-danger-zone p{color:#ffffff80;margin-bottom:1rem;font-size:.9rem}.sub-goal-event-log h4{margin-bottom:.25rem}.sub-goal-event-log-desc{color:#ffffff80;font-size:.85rem;margin-bottom:.75rem}.sub-goal-event-log-empty{color:#ffffff59;font-size:.85rem;font-style:italic}.sub-goal-event-log-list{max-height:10rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.sub-goal-event-log-row{display:flex;align-items:center;gap:.6rem;height:2.5rem;padding:0 .25rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem}.sub-goal-event-log-row:last-child{border-bottom:none}.sub-goal-event-badge{flex-shrink:0;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.sub-goal-event-badge--subscribe{background:#3bb36e33;color:#3bb36e}.sub-goal-event-badge--gift{background:#9147ff33;color:#9147ff}.sub-goal-event-badge--adjustment{background:#ffb93233;color:#ffb932}.sub-goal-event-quantity{font-weight:700;min-width:2.5rem;color:#ffffffe6}.sub-goal-event-name{color:#ffffffbf;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-goal-event-tier{flex-shrink:0;font-size:.72rem;font-weight:600;color:#ffffff59;background:#ffffff12;border-radius:4px;padding:.1rem .35rem}.sub-goal-event-time{color:#fff6;font-size:.8rem;margin-left:auto;flex-shrink:0}.share-url-section{margin-bottom:1rem}.share-url-section h4{margin-bottom:.25rem}.share-url-row{display:flex;gap:.5rem;margin-bottom:.75rem}.share-url-input{flex:1;padding:.625rem .875rem;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff08;font-family:monospace;font-size:.85rem;color:#ffffffe6;transition:all .2s}.share-url-input:focus{outline:none;border-color:#9147ff80;background:#ffffff0d;box-shadow:0 0 0 2px #9147ff1a}.sub-goal-preview-panel{position:sticky;top:1rem;width:100%}.sub-goal-preview-panel>div{margin-bottom:2rem}.sub-goal-preview-panel h4{margin-bottom:.75rem}.preview-canvas{background:repeating-conic-gradient(rgba(255,255,255,.05) 0% 25%,transparent 0% 50%) 50% / 20px 20px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:2rem;display:flex;align-items:center;justify-content:center;min-height:200px;overflow:auto}.flex label{display:flex;align-items:flex-end;gap:.5rem;justify-content:space-between}.goal-count-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:flex-end}@media(max-width:1400px){.sub-goal-form .form-row,.goal-count-row,.form-row-3{grid-template-columns:1fr}.flex label{flex-wrap:wrap;align-items:center}}@media(max-width:640px){.sub-goal-form .form-row,.goal-count-row,.form-row-3{grid-template-columns:1fr}.flex label{flex-wrap:wrap;align-items:center}}.goal-count-field{display:flex;flex-direction:column;justify-content:flex-end}.goal-count-field input{margin-top:auto}.font-combobox{position:relative;width:100%}.font-combobox-input{width:100%;padding-right:2.25rem}.font-combobox-clear{position:absolute;top:50%;right:.45rem;transform:translateY(-50%);width:1.4rem;height:1.4rem;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:999px;background:#ffffff1f;color:#ffffffe6;font-size:.7rem;line-height:1;cursor:pointer}.font-combobox-clear:hover{background:#9147ff52}.font-combobox-clear svg{display:block}.font-combobox-list{position:absolute;top:calc(100% + .3rem);left:0;right:0;z-index:20;max-height:220px;overflow-y:auto;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0e0e12f5;box-shadow:0 8px 20px #00000059;padding:.25rem}.font-combobox-option{display:block;width:100%;border:none;border-radius:6px;background:transparent;color:#ffffffe0;text-align:left;padding:.5rem .6rem;cursor:pointer}.font-combobox-option:hover,.font-combobox-option.active{background:#9147ff3d;color:#fff}.font-combobox-empty{padding:.6rem;color:#ffffff94;font-size:.85rem}#title{min-height:72px;resize:vertical}.overlay-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.overlay-type-card{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(145deg,#ffffff0a,#ffffff03);padding:1.1rem}.overlay-type-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.overlay-type-card-header h3{margin:0}.overlay-type-card-copy{margin:0;color:#ffffffb3}.overlay-type-card-actions{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.overlay-title-list{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem}.overlay-title-list a{display:block;width:100%;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffffeb;text-decoration:none;background:#0000002e}.overlay-title-list a:hover{border-color:#9147ff99;background:#9147ff1a}.overlay-type-card-empty{margin-top:1rem;color:#fff9}@media(max-width:640px){.overlay-type-card-actions .btn{width:100%;justify-content:center}}html.overlay-mode,body.overlay-mode,body.overlay-mode #root{margin:0;padding:0;background:transparent!important;overflow:hidden}.overlay-view{display:flex;align-items:center;justify-content:center;min-height:100vh;background:transparent}.btn{border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;outline:none;padding:.5rem 1rem}.btn-large{padding:.75rem 1.75rem;font-size:1rem}.btn-small{padding:.3rem .65rem;font-size:.8rem}.btn-primary{background:#9147ff;color:#fff;border-color:#9147ffb3}.btn-primary:hover:not(:disabled){background:#7c3ded;border-color:#9147ff}.btn-secondary{background:#ffffff0a;color:#ffffffa6;border-color:#ffffff1a}.btn-secondary:hover:not(:disabled){background:#ffffff14;color:#ffffffe6;border-color:#ffffff2e}.btn-danger{background:#ff445814;color:#ff4458;border-color:#ff445840}.btn-danger:hover:not(:disabled){background:#ff445826;border-color:#ff4458}.btn-success{background:#22c55e14;color:#22c55e;border-color:#22c55e4d}.btn-success:hover:not(:disabled){background:#22c55e26;border-color:#22c55e}.btn-warning{background:#f59e0b14;color:#f59e0b;border-color:#f59e0b40}.btn-warning:hover:not(:disabled){background:#f59e0b26;border-color:#f59e0b}.btn-icon{padding:.4rem;background:#ffffff0a;color:#ffffff80;border-color:#ffffff14}.btn-icon:hover:not(:disabled){background:#ffffff14;color:#ffffffd9;border-color:#ffffff26}.btn-icon.btn-primary{background:#9147ff1f;color:#a78bfa;border-color:#9147ff40}.btn-icon.btn-primary:hover:not(:disabled){background:#9147ff33;color:#c084fc;border-color:#9147ff66}.btn-icon.btn-secondary{background:#ffffff0a;color:#ffffff80;border-color:#ffffff14}.btn-icon.btn-secondary:hover:not(:disabled){background:#ffffff14;color:#ffffffd9;border-color:#ffffff26}.btn-icon.btn-danger{background:#ff44580f;color:#ff4458;border-color:#ff445833}.btn-icon.btn-danger:hover:not(:disabled){background:#ff445824;border-color:#ff445866}.btn-icon.btn-success{background:#22c55e0f;color:#22c55e;border-color:#22c55e33}.btn-icon.btn-success:hover:not(:disabled){background:#22c55e24;border-color:#22c55e66}.btn-icon.btn-warning{background:#ff98000f;color:#f59e0b;border-color:#ff980033}.btn-icon.btn-warning:hover:not(:disabled){background:#ff980024;border-color:#ff980066}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-back:hover{transform:translate(-2px)}.button-group{display:flex;gap:.75rem}.button-group-row{flex-direction:row;align-items:center}.button-group-column{flex-direction:column;align-items:stretch}.button-group-width-fit-content .btn{width:fit-content}.button-group-width-full .btn{width:100%;justify-content:center}.activity-feed-wrapper{display:flex;flex-direction:column;gap:.75rem;max-height:15rem;overflow-y:auto;padding-right:.25rem}.activity-feed-wrapper::-webkit-scrollbar{width:6px}.activity-feed-wrapper::-webkit-scrollbar-track{background:#9147ff0d;border-radius:3px}.activity-feed-wrapper::-webkit-scrollbar-thumb{background:#9147ff4d;border-radius:3px}.activity-feed-wrapper::-webkit-scrollbar-thumb:hover{background:#9147ff80}.activity-refresh-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#9147ff;border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.activity-refresh-btn:hover:not(:disabled){background:#9147ffcc;border-color:#9147ff}.activity-refresh-btn:disabled{opacity:.8;cursor:not-allowed}.activity-refresh-btn .spinning{animation:spin 1s linear infinite}.cooldown-text{font-size:.75rem;font-family:JetBrains Mono,monospace;color:#fff}.activity-feed{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#0e0e1066;border-radius:8px;border:1px solid rgba(145,71,255,.1);transition:all .2s ease}.activity-item:hover{border-color:#9147ff33;background:#0e0e1099}.activity-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-main{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.activity-label{color:#fff;font-size:.875rem;font-weight:500}.activity-details{color:#ffffffb3;font-size:.8rem;font-family:JetBrains Mono,monospace;background:#9147ff1a;padding:.125rem .375rem;border-radius:4px}.activity-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;color:#ffffffa6}.activity-separator{opacity:.5}.activity-bot{color:#9147ff}.activity-user{color:#ffffffbf}.activity-time{color:#fff6}.activity-feed-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#ffffff80}.activity-feed-loading .loading-spinner.small{width:20px;height:20px;border-width:2px}.activity-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:#fff6;text-align:center}.activity-feed-empty p{margin:0;font-size:.875rem}.not-found-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#09090d;color:#ffffffde;text-align:center;padding:2rem;position:relative;overflow:hidden}.not-found-glow{position:fixed;top:-200px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse at center,rgba(145,71,255,.15) 0%,transparent 70%);pointer-events:none;z-index:0}.not-found-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.not-found-logo{margin-bottom:.5rem;opacity:.9}.not-found-code{font-size:clamp(5rem,15vw,9rem);font-weight:800;line-height:1;background:linear-gradient(135deg,#fff 30%,#9147ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.not-found-title{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;margin:0;color:#ffffffde}.not-found-subtitle{font-size:1rem;color:#ffffff73;margin:0;max-width:360px}.not-found-divider{width:48px;height:2px;background:linear-gradient(90deg,transparent,#9147ff,transparent);border:none;margin:.25rem 0}
