@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=IBM+Plex+Mono:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #faf8f3;--bg-secondary: #f0ebe0;--bg-tertiary: #e8e1d1;--bg-elevated: #ffffff;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #7a7a7a;--accent-primary: #ff6b00;--accent-secondary: #00a86b;--accent-tertiary: #ffd700;--border-primary: #d4c5a9;--border-secondary: #e8dcc0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--signal-active: #00ff41;--signal-inactive: #666666;--signal-error: #ff3366;--signal-warning: #ffaa00;--scanline-opacity: .03}[data-theme=dark]{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-tertiary: #1a2332;--bg-elevated: #0d1117;--text-primary: #e8edf5;--text-secondary: #b8c5d8;--text-tertiary: #7a8599;--accent-primary: #00d4ff;--accent-secondary: #ff00aa;--accent-tertiary: #00ff88;--border-primary: #2a3441;--border-secondary: #1e2936;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--signal-active: #00ff88;--signal-inactive: #3a4556;--signal-error: #ff3366;--signal-warning: #ffaa00;--scanline-opacity: .06}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:IBM Plex Mono,monospace;font-weight:400;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,var(--scanline-opacity)) 0px,transparent 1px,transparent 2px,rgba(0,0,0,var(--scanline-opacity)) 3px);pointer-events:none;z-index:9999;animation:scanline-drift 8s linear infinite}@keyframes scanline-drift{0%{transform:translateY(0)}to{transform:translateY(4px)}}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-weight:700;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:.05em}h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}h3{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700}code,.mono{font-family:JetBrains Mono,monospace;font-weight:500}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-secondary)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem}.text-accent{color:var(--accent-primary)}.text-secondary-accent{color:var(--accent-secondary)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:1px solid var(--border-primary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}::selection{background-color:var(--accent-primary);color:var(--bg-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px var(--accent-primary),0 0 20px var(--accent-primary)}50%{box-shadow:0 0 15px var(--accent-primary),0 0 30px var(--accent-primary),0 0 40px var(--accent-secondary)}}@keyframes bevel-shift{0%,to{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translateY(-1px)}75%{transform:translate(-1px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes signal-pulse{0%,to{opacity:1}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:before,body:after{animation:none!important}}.card{position:relative;background:var(--bg-elevated);border:2px solid var(--border-primary);padding:1.5rem;transition:all .3s ease}.card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.card__corner{position:absolute;width:12px;height:12px;border:2px solid var(--accent-primary);transition:all .3s ease}.card__corner--tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.card__corner--tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.card__corner--bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.card__corner--br{bottom:-2px;right:-2px;border-left:none;border-top:none}.card:hover .card__corner{width:16px;height:16px;border-color:var(--accent-secondary)}.card__content{position:relative}.card--elevated{box-shadow:var(--shadow-md);border-color:var(--border-secondary)}.card--outlined{background:transparent;border:2px solid var(--accent-primary)}.card--outlined:hover{background:var(--bg-secondary)}.btn{position:relative;padding:.75rem 2rem;font-family:Orbitron,sans-serif;font-weight:700;font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;background:var(--bg-elevated);color:var(--text-primary);border:none;cursor:pointer;transition:all .2s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn__border{position:absolute;background:var(--accent-primary);transition:all .2s ease}.btn__border--top{top:0;left:8px;right:0;height:2px}.btn__border--right{top:0;right:0;bottom:8px;width:2px}.btn__border--bottom{bottom:0;left:0;right:8px;height:2px}.btn__border--left{top:8px;left:0;bottom:0;width:2px}.btn__content{position:relative;z-index:1}.btn--primary{background:var(--accent-primary);color:var(--bg-primary)}.btn--primary:hover{animation:pulse-glow 1.5s ease-in-out infinite}.btn--primary .btn__border{background:var(--accent-secondary)}.btn--secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn--secondary .btn__border{background:var(--accent-secondary)}.btn--danger{background:var(--signal-error);color:#fff}.btn--danger .btn__border{background:#f69}.btn--ghost{background:transparent;color:var(--text-primary);box-shadow:none}.btn--ghost .btn__border{background:var(--border-primary)}.btn--ghost:hover{background:var(--bg-secondary)}.btn--small{padding:.5rem 1.25rem;font-size:.75rem}.btn--large{padding:1rem 2.5rem;font-size:1rem}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.error-boundary__card{max-width:520px;width:100%;text-align:center;border-color:var(--signal-error)}.error-boundary__card:hover,.error-boundary__card:hover .card__corner{border-color:var(--signal-error)}.error-boundary__signal{width:12px;height:12px;background:var(--signal-error);border-radius:50%;margin:0 auto 1.5rem;animation:signal-pulse 2s ease-in-out infinite;box-shadow:0 0 8px var(--signal-error),0 0 16px var(--signal-error)}.error-boundary__title{font-size:1.25rem;color:var(--signal-error);margin-bottom:.75rem}.error-boundary__message{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.error-boundary__details{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-primary);padding:.75rem 1rem;margin-bottom:1.5rem;text-align:left;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-boundary__actions{display:flex;gap:.75rem;justify-content:center}.theme-toggle{display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary);border:2px solid var(--border-primary);padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;font-family:Orbitron,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.1em;color:var(--text-secondary);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.theme-toggle:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.theme-toggle__track{position:relative;width:48px;height:24px;background:var(--bg-primary);border:2px solid var(--accent-primary);display:flex;align-items:center;padding:0 2px}.theme-toggle__icon{position:absolute;font-size:12px;transition:opacity .2s ease;z-index:1}.theme-toggle__icon--sun{left:4px;opacity:1}.theme-toggle__icon--moon{right:4px;opacity:0}[data-theme=dark] .theme-toggle__icon--sun{opacity:0}[data-theme=dark] .theme-toggle__icon--moon{opacity:1}.theme-toggle__thumb{position:absolute;width:16px;height:16px;background:var(--accent-primary);border:2px solid var(--accent-secondary);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px var(--accent-primary);left:2px}[data-theme=dark] .theme-toggle__thumb{transform:translate(24px);background:var(--accent-secondary);border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-secondary)}.theme-toggle__label{text-transform:uppercase;min-width:36px}.header{background:var(--bg-elevated);border-bottom:3px solid var(--accent-primary);padding:1.5rem 0;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100;animation:slide-in-right .6s ease-out}.header__container{display:flex;align-items:center;justify-content:space-between;gap:2rem}.header__brand-link{text-decoration:none;color:inherit;display:contents;cursor:pointer}.header__brand-link:hover .header__title-main,.header__brand-link:hover .header__title-sub{opacity:.8;transition:opacity .15s ease}.header__brand-link:hover .header__logo-signal{background:var(--accent-secondary);transition:background .15s ease}.header__brand{display:flex;align-items:center;gap:1rem}.header__logo{display:flex;gap:4px;align-items:flex-end}.header__logo-signal{width:6px;background:var(--accent-primary);border:1px solid var(--accent-secondary);animation:signal-pulse 2s ease-in-out infinite}.header__logo-signal:nth-child(1){height:24px;animation-delay:0s}.header__logo-signal:nth-child(2){height:32px;animation-delay:.2s}.header__logo-signal:nth-child(3){height:20px;animation-delay:.4s}.header__title{display:flex;flex-direction:column;gap:0;line-height:1}.header__title-main{font-size:clamp(1.5rem,3vw,2rem);color:var(--text-primary);letter-spacing:.15em}.header__title-sub{font-size:clamp(.75rem,1.5vw,1rem);color:var(--accent-primary);letter-spacing:.3em;font-weight:500}.header__version{font-family:JetBrains Mono,monospace;font-size:.625rem;color:var(--text-tertiary);letter-spacing:.05em;align-self:flex-end;padding-bottom:.125rem}.header__actions{display:flex;align-items:center;gap:1.5rem}.header__user{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.header__user-label{font-family:Orbitron,sans-serif;font-size:.625rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary)}.header__user-name{font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:600;color:var(--accent-primary)}.header__server-dropdown{margin-left:1rem}.header__server-controls{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}.header__back-button{display:flex;align-items:center;gap:.5rem}.header__back-icon{font-size:1.25rem;line-height:1}.header__back-text{font-family:Orbitron,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.05em}@media(max-width:768px){.header__container{flex-direction:column;gap:1rem}.header__actions{width:100%;justify-content:space-between}.header__user{align-items:flex-start}.header__server-controls{width:100%;justify-content:flex-start}.header__back-text{display:none}.header__back-icon{font-size:1.5rem}.header__server-dropdown{display:none}}.login-page{min-height:100vh;background:var(--bg-primary)}.login-page__main{padding:4rem 0}.login-page__hero{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center}.login-page__visual{display:flex;justify-content:center;align-items:center;padding:3rem}.login-page__signal-tower{display:flex;flex-direction:column;align-items:center;gap:0;animation:fade-in-up 1s ease-out}.signal-tower__antenna{width:4px;height:60px;background:linear-gradient(to top,var(--accent-primary),var(--accent-secondary));position:relative}.signal-tower__antenna:before,.signal-tower__antenna:after{content:"";position:absolute;width:30px;height:2px;background:var(--accent-primary);top:10px}.signal-tower__antenna:before{left:-13px;transform:rotate(-45deg)}.signal-tower__antenna:after{right:-13px;transform:rotate(45deg)}.signal-tower__body{width:80px;height:120px;background:var(--bg-elevated);border:3px solid var(--accent-primary);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:1rem 0;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.signal-tower__signal{width:40px;height:8px;background:var(--signal-active);box-shadow:0 0 10px var(--signal-active);animation:signal-pulse 2s ease-in-out infinite}.signal-tower__signal--1{animation-delay:0s}.signal-tower__signal--2{animation-delay:.3s}.signal-tower__signal--3{animation-delay:.6s}.signal-tower__base{width:100px;height:20px;background:var(--bg-secondary);border:2px solid var(--border-primary)}.login-page__content{display:flex;flex-direction:column;gap:2rem;animation:slide-in-right .8s ease-out}.login-page__title{display:flex;flex-direction:column;gap:.25rem;margin:0}.login-page__title-line{display:block;font-size:clamp(2.5rem,5vw,4rem);line-height:1;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fade-in-up .6s ease-out backwards}.login-page__title-line:nth-child(1){animation-delay:.1s}.login-page__title-line:nth-child(2){animation-delay:.2s}.login-page__title-line:nth-child(3){animation-delay:.3s}.login-page__subtitle{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);max-width:600px;animation:fade-in-up .6s ease-out .4s backwards}.login-page__auth-card{max-width:500px;animation:fade-in-up .6s ease-out .5s backwards}.login-page__auth-title{font-size:1.25rem;margin-bottom:.75rem;color:var(--accent-primary)}.login-page__auth-desc{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.login-page__features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.login-page__feature{animation:fade-in-up .6s ease-out backwards}.login-page__feature:nth-child(1){animation-delay:.6s}.login-page__feature:nth-child(2){animation-delay:.7s}.login-page__feature:nth-child(3){animation-delay:.8s}.login-page__feature-icon{font-size:2.5rem;margin-bottom:.75rem;filter:grayscale(.3)}.login-page__feature-title{font-size:1rem;margin-bottom:.5rem;color:var(--text-primary)}.login-page__feature-desc{font-size:.875rem;color:var(--text-tertiary);line-height:1.5}@media(max-width:1024px){.login-page__hero{grid-template-columns:1fr;gap:3rem}.login-page__visual{order:2}.login-page__content{order:1}}@media(max-width:768px){.login-page__main{padding:2rem 0}.login-page__features{grid-template-columns:1fr;gap:1.5rem}.login-page__auth-card{max-width:100%}}.connect-twitch-page__visual{display:flex;justify-content:center;align-items:center;padding:3rem}.stream-monitor{display:flex;flex-direction:column;align-items:center;gap:0;animation:fade-in-up 1s ease-out}.stream-monitor__arcs{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px}.stream-monitor__arc{border:3px solid #9146ff;border-bottom:none;border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:0 0 8px #9146ff;animation:signal-pulse 2s ease-in-out infinite}.stream-monitor__arc--1{width:76px;height:38px;animation-delay:0s}.stream-monitor__arc--2{width:52px;height:26px;animation-delay:.3s}.stream-monitor__arc--3{width:28px;height:14px;animation-delay:.6s}.stream-monitor__screen{width:120px;height:90px;background:var(--bg-elevated);border:3px solid #9146ff;box-shadow:0 0 16px #9146ff66;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:.75rem 1rem}.stream-monitor__live{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;letter-spacing:.1em;color:#9146ff}.stream-monitor__live-dot{width:8px;height:8px;border-radius:50%;background:#9146ff;box-shadow:0 0 6px #9146ff;animation:live-blink 1.2s ease-in-out infinite}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.2}}.stream-monitor__play{font-size:1.75rem;color:#9146ff;filter:drop-shadow(0 0 6px rgba(145,70,255,.6));line-height:1}.stream-monitor__stand{width:20px;height:24px;background:var(--bg-secondary);border:2px solid #9146ff;border-top:none;clip-path:polygon(20% 0,80% 0,100% 100%,0% 100%)}.stream-monitor__base{width:80px;height:10px;background:var(--bg-secondary);border:2px solid var(--border-primary)}.connect-twitch-page__disconnect-note{margin-top:1.5rem;font-size:.875rem;color:var(--text-tertiary)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;min-height:60vh;padding:2rem}.loading__spinner{position:relative;width:120px;height:120px}.loading__ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%}.loading__ring--1{border-top-color:var(--accent-primary);animation:spin 2s linear infinite}.loading__ring--2{border-right-color:var(--accent-secondary);animation:spin 1.5s linear infinite reverse;width:80%;height:80%;top:10%;left:10%}.loading__ring--3{border-bottom-color:var(--accent-tertiary);animation:spin 1s linear infinite;width:60%;height:60%;top:20%;left:20%}.loading__dot{position:absolute;width:20px;height:20px;background:var(--accent-primary);border:2px solid var(--accent-secondary);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-glow 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading__message{font-family:Orbitron,sans-serif;font-weight:700;font-size:.875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);animation:fade-in-up .6s ease-out}.server-list-page{min-height:100vh;background:var(--bg-primary)}.server-list-page__main{padding:2rem 0}.server-list-page__header{margin-bottom:2rem}.server-list-page__title{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.server-list-page__subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.server-list-page__error{margin-bottom:2rem;padding:1rem}.server-list-page__empty{padding:3rem 2rem;text-align:center}.server-list-page__empty-icon{font-size:4rem;margin-bottom:1rem}.server-list-page__empty-title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.server-list-page__empty-desc{font-size:1rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.server-list-page__empty-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.server-list-page__invite-button{display:inline-block;padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-text-inverse);border-radius:.5rem;text-decoration:none;font-weight:500;transition:all .2s ease}.server-list-page__invite-button:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.server-list-page__logout-button{padding:.75rem 1.5rem;background:transparent;border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text);cursor:pointer;transition:all .2s ease}.server-list-page__logout-button:hover{background:var(--color-background-hover);border-color:var(--color-primary)}.server-list-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.server-card{padding:1.5rem;cursor:pointer;transition:transform .2s,box-shadow .2s;animation:fadeInUp .4s ease-out forwards;opacity:0}.server-card .card__content{display:flex;flex-direction:column;align-items:center;gap:1rem}.server-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.server-card__icon{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.server-card__image{width:100%;height:100%;object-fit:cover}.server-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:1.5rem;font-weight:700}.server-card__name{font-size:1rem;font-weight:600;color:var(--text-primary);text-align:center;word-break:break-word}.server-list-page__section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-top:3rem;margin-bottom:.5rem;padding-top:2rem;border-top:1px solid var(--border-primary)}.server-list-page__section-title:first-of-type{margin-top:0;padding-top:0;border-top:none}.server-card--invite{display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer;opacity:.8;transition:opacity .15s ease}.server-card--invite:hover{opacity:1}.server-dropdown{position:relative}.server-dropdown__button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.server-dropdown__button:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.server-dropdown__current{display:flex;align-items:center;gap:.75rem}.server-dropdown__icon{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.server-dropdown__icon-placeholder{width:2rem;height:2rem;border-radius:50%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:var(--bg-primary)}.server-dropdown__name{font-weight:500;color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-dropdown__arrow{transition:transform .2s ease;color:var(--text-secondary)}.server-dropdown__arrow--open{transform:rotate(180deg)}.server-dropdown__menu{position:absolute;top:calc(100% + .5rem);left:0;min-width:280px;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:.5rem;box-shadow:0 4px 12px #00000026;z-index:1000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.server-dropdown__search{padding:.75rem;border-bottom:1px solid var(--border-primary)}.server-dropdown__search-input{width:100%;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.25rem;color:var(--text-primary);font-size:.875rem}.server-dropdown__search-input:focus{outline:none;border-color:var(--accent-primary)}.server-dropdown__list{max-height:400px;overflow-y:auto}.server-dropdown__empty{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.server-dropdown__item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:transparent;border:none;cursor:pointer;transition:background .2s ease;text-align:left}.server-dropdown__item:hover{background:var(--bg-secondary)}.server-dropdown__item--selected{background:var(--bg-tertiary)}.server-dropdown__item-icon{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.server-dropdown__item-icon-placeholder{width:2rem;height:2rem;border-radius:50%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--bg-primary)}.server-dropdown__item-name{flex:1;font-size:.875rem;color:var(--text-primary)}.server-dropdown__check{color:var(--accent-primary)}.breadcrumbs{margin-bottom:1rem}.breadcrumbs__list{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;list-style:none;margin:0;padding:0;font-size:.875rem}.breadcrumbs__item{display:flex;align-items:center;gap:.25rem}.breadcrumbs__separator{color:var(--text-secondary)}.breadcrumbs__link{color:var(--accent-primary);text-decoration:none;transition:opacity .15s ease}.breadcrumbs__link:hover{opacity:.8;text-decoration:underline}.breadcrumbs__link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}.breadcrumbs__current{color:var(--text-primary);font-weight:500}.confirm-modal__overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:confirm-modal-fade-in .15s ease-out}@keyframes confirm-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-modal{position:relative;background:var(--bg-elevated);border:2px solid var(--border-primary);padding:2rem;max-width:420px;width:90%;animation:confirm-modal-scale-in .15s ease-out}.confirm-modal__corner{position:absolute;width:12px;height:12px;border:2px solid var(--accent-primary)}.confirm-modal__corner--tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.confirm-modal__corner--tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.confirm-modal__corner--bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.confirm-modal__corner--br{bottom:-2px;right:-2px;border-left:none;border-top:none}.confirm-modal__content{position:relative}.confirm-modal__title{font-family:Orbitron,sans-serif;font-size:1.125rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);margin:0 0 .75rem}.confirm-modal__message{font-family:IBM Plex Mono,monospace;font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0 0 1.5rem}.confirm-modal__actions{display:flex;justify-content:flex-end;gap:.75rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--bg-elevated);border:2px solid var(--border-primary);box-shadow:var(--shadow-md);z-index:1100;animation:toast-slide-in .2s ease-out;max-width:420px}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.toast--error{border-color:var(--signal-error)}.toast--success{border-color:var(--accent-secondary)}.toast--info{border-color:var(--accent-primary)}.toast__message{font-family:IBM Plex Mono,monospace;font-size:.8125rem;color:var(--text-primary);line-height:1.4}.toast__dismiss{flex-shrink:0;background:none;border:none;color:var(--text-tertiary);font-size:1.25rem;cursor:pointer;padding:0;line-height:1;transition:color .15s ease}.toast__dismiss:hover{color:var(--text-primary)}.twitch-auth-warning{background-color:#d977061f;border:1px solid rgba(217,119,6,.5);border-radius:4px;padding:.5rem .75rem;font-size:.8125rem;color:var(--color-warning, #d97706);margin-top:.5rem}.twitch-auth-warning__link{color:inherit;text-decoration:underline}.server-detail-page{min-height:100vh;background:var(--bg-primary)}.server-detail-page__main{padding:2rem 0}.server-detail-page__server-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.server-detail-page__server-info{display:flex;align-items:center;gap:1rem}.server-detail-page__server-icon{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0}.server-detail-page__server-image{width:100%;height:100%;object-fit:cover}.server-detail-page__server-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:1.5rem;font-weight:700}.server-detail-page__server-name{font-size:1.75rem;font-weight:700;margin:0;color:var(--text-primary)}.server-detail-page__server-subtitle{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.server-detail-page__server-actions{display:flex;gap:.75rem;align-items:center}.server-detail-page__error{margin-bottom:2rem;padding:1rem}.server-detail-page__empty{padding:3rem 2rem;text-align:center}.server-detail-page__empty-icon{font-size:4rem;margin-bottom:1rem}.server-detail-page__empty-title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.server-detail-page__empty-desc{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.server-detail-page__rules{display:grid;gap:1.5rem}.rule-card{padding:1.5rem;animation:fadeInUp .4s ease-out forwards;opacity:0}.rule-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.rule-card__status{display:flex;align-items:center;gap:.5rem}.rule-card__signal{width:10px;height:10px;border-radius:50%;background:var(--text-tertiary)}.rule-card__signal--active{background:var(--signal-active);box-shadow:0 0 8px var(--signal-active)}.rule-card__status-text{font-size:.75rem;font-weight:600;letter-spacing:.5px;color:var(--text-secondary)}.rule-card__signal--active+.rule-card__status-text{color:var(--signal-active)}.rule-card__actions{display:flex;gap:.5rem}.rule-card__action-btn{padding:.375rem .75rem;font-size:.875rem;font-weight:500;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:4px;cursor:pointer;transition:all .2s}.rule-card__action-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary)}.rule-card__action-btn:disabled{opacity:.5;cursor:not-allowed}.rule-card__action-btn--toggle{color:var(--primary)}.rule-card__action-btn--delete{color:var(--signal-error);border-color:var(--signal-error)}.rule-card__action-btn--delete:hover:not(:disabled){background:var(--signal-error);color:#fff}.rule-card__body{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin-bottom:1rem}.rule-card__arrow{font-size:1.5rem;color:var(--text-tertiary);text-align:center}.rule-card__field{display:flex;flex-direction:column;gap:.25rem}.rule-card__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.rule-card__value{font-size:1rem;color:var(--text-primary)}.rule-card__value--mono{font-family:Courier New,monospace}.rule-card__footer{padding-top:1rem;border-top:1px solid var(--border-color)}.rule-card__timestamp{font-size:.75rem;color:var(--text-tertiary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.server-detail-page__server-header{flex-direction:column;align-items:flex-start}.server-detail-page__server-actions{width:100%;justify-content:stretch}.server-detail-page__server-actions>*{flex:1}.rule-card__body{grid-template-columns:1fr;gap:.75rem}.rule-card__arrow{display:none}.rule-card__actions{flex-wrap:wrap}.rule-card__action-btn{flex:1;min-width:80px}}.input-wrapper{display:flex;flex-direction:column;gap:.5rem}.input-label{font-family:Orbitron,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.input-container{position:relative}.input{width:100%;padding:.875rem 1rem;font-family:IBM Plex Mono,monospace;font-size:.9375rem;font-weight:500;color:var(--text-primary);background:var(--bg-elevated);border:2px solid var(--border-primary);transition:all .2s ease}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a}.input:hover:not(:focus){border-color:var(--border-secondary)}.input--error{border-color:var(--signal-error)}.input--error:focus{box-shadow:0 0 0 3px #ff33661a}.input-border{position:absolute;background:var(--accent-primary);opacity:0;transition:opacity .2s ease}.input:focus~.input-border{opacity:1}.input-border--top{top:-2px;left:-2px;width:16px;height:2px}.input-border--right{top:-2px;right:-2px;width:2px;height:16px}.input-border--bottom{bottom:-2px;right:-2px;width:16px;height:2px}.input-border--left{bottom:-2px;left:-2px;width:2px;height:16px}.input-error{font-size:.8125rem;color:var(--signal-error);font-weight:500}.input::placeholder{color:var(--text-tertiary);opacity:.6}.channel-select{position:relative}.channel-select__button{position:relative;display:flex;align-items:center;padding:.5rem 1rem;background:var(--bg-elevated);border:2px solid var(--border-primary);cursor:pointer;transition:all .2s ease;font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:500;color:var(--text-primary);min-width:200px}.channel-select__button:hover:not(:disabled){border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.channel-select__button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.channel-select__button:disabled{cursor:not-allowed;opacity:.6}.channel-select--error .channel-select__button{border-color:var(--signal-error)}.channel-select__current{display:flex;align-items:center;gap:.5rem;width:100%}.channel-select__prefix{color:var(--text-secondary);font-weight:600;flex-shrink:0}.channel-select__name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-select__placeholder{flex:1;text-align:left;color:var(--text-tertiary);font-style:italic}.channel-select__placeholder--error{color:var(--signal-error)}.channel-select__arrow{flex-shrink:0;margin-left:auto;color:var(--text-secondary);transition:transform .2s ease}.channel-select__arrow--open{transform:rotate(180deg)}.channel-select__error-message{margin-top:.25rem;font-size:.875rem;color:var(--signal-error)}.channel-select__dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-elevated);border:2px solid var(--accent-primary);box-shadow:var(--shadow-md);z-index:1000;max-height:400px;display:flex;flex-direction:column;animation:dropdown-fade-in .15s ease}.channel-select__search{padding:.75rem;border-bottom:2px solid var(--border-primary)}.channel-select__search-input{width:100%;padding:.625rem .75rem;font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border-primary);transition:all .2s ease}.channel-select__search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-elevated)}.channel-select__search-input::placeholder{color:var(--text-tertiary);opacity:.6}.channel-select__list{overflow-y:auto;max-height:320px}.channel-select__actions{padding:.5rem .75rem;border-bottom:2px solid var(--border-primary)}.channel-select__clear{width:100%;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);font-family:IBM Plex Mono,monospace;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.channel-select__clear:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}.channel-select__clear:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.channel-select__group{border-bottom:1px solid var(--border-secondary)}.channel-select__group:last-child{border-bottom:none}.channel-select__group-header{padding:.5rem .75rem;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.channel-select__item{display:flex;align-items:center;gap:.5rem;padding:.75rem;width:100%;background:transparent;border:none;border-bottom:1px solid var(--border-secondary);cursor:pointer;transition:all .15s ease;font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:500;color:var(--text-primary);text-align:left}.channel-select__item:last-child{border-bottom:none}.channel-select__item:hover{background:var(--bg-secondary)}.channel-select__item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px;background:var(--bg-secondary)}.channel-select__item--selected{background:var(--bg-secondary);border-left:3px solid var(--accent-primary);padding-left:calc(.75rem - 3px)}.channel-select__item--selected:hover{background:var(--bg-tertiary)}.channel-select__item-prefix{color:var(--text-secondary);font-weight:600;flex-shrink:0}.channel-select__item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-select__check{flex-shrink:0;color:var(--accent-primary)}.channel-select__empty{padding:2rem 1rem;text-align:center}.channel-select__empty-text{font-size:.875rem;color:var(--text-tertiary);font-style:italic}@media(max-width:768px){.channel-select__button{min-width:160px;padding:.5rem .75rem}.channel-select__dropdown{position:fixed;left:1rem;right:1rem;max-width:calc(100vw - 2rem)}.channel-select__name,.channel-select__item-name{font-size:.8125rem}}.channel-select__list::-webkit-scrollbar{width:8px}.channel-select__list::-webkit-scrollbar-track{background:var(--bg-secondary)}.channel-select__list::-webkit-scrollbar-thumb{background:var(--accent-primary);border:2px solid var(--bg-secondary)}.channel-select__list::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.role-multiselect{position:relative}.role-multiselect__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.role-multiselect__chip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:4px;font-family:IBM Plex Mono,monospace;font-size:.8125rem;font-weight:600;transition:all .15s ease}.role-multiselect__chip--light{color:#1a1a1a}.role-multiselect__chip--dark{color:#fff}.role-multiselect__chip-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-multiselect__chip-remove{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;margin:0;cursor:pointer;color:currentColor;opacity:.7;transition:opacity .15s ease;flex-shrink:0}.role-multiselect__chip-remove:hover{opacity:1}.role-multiselect__chip-remove:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}.role-multiselect__button{position:relative;display:flex;align-items:center;padding:.5rem 1rem;background:var(--bg-elevated);border:2px solid var(--border-primary);cursor:pointer;transition:all .2s ease;font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:500;color:var(--text-primary);min-width:200px}.role-multiselect__button:hover:not(:disabled){border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.role-multiselect__button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.role-multiselect__button:disabled{cursor:not-allowed;opacity:.6}.role-multiselect--error .role-multiselect__button{border-color:var(--error-primary)}.role-multiselect__current{display:flex;align-items:center;gap:.5rem;width:100%}.role-multiselect__placeholder{flex:1;text-align:left;color:var(--text-tertiary);font-style:italic}.role-multiselect__placeholder--error{color:var(--error-primary)}.role-multiselect__arrow{flex-shrink:0;margin-left:auto;color:var(--text-secondary);transition:transform .2s ease}.role-multiselect__arrow--open{transform:rotate(180deg)}.role-multiselect__error-message{margin-top:.5rem;padding:.5rem .75rem;background:var(--error-bg);border:1px solid var(--error-primary);color:var(--error-primary);font-family:IBM Plex Mono,monospace;font-size:.8125rem;font-weight:500}.role-multiselect__dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-elevated);border:2px solid var(--accent-primary);box-shadow:var(--shadow-md);z-index:1000;max-height:400px;display:flex;flex-direction:column;animation:dropdown-fade-in .15s ease}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.role-multiselect__search{padding:.75rem;border-bottom:2px solid var(--border-primary)}.role-multiselect__search-input{width:100%;padding:.625rem .75rem;font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border-primary);transition:all .2s ease}.role-multiselect__search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-elevated)}.role-multiselect__search-input::placeholder{color:var(--text-tertiary);opacity:.6}.role-multiselect__list{overflow-y:auto;max-height:280px}.role-multiselect__group{border-bottom:1px solid var(--border-secondary)}.role-multiselect__group:last-child{border-bottom:none}.role-multiselect__group-header{padding:.5rem .75rem;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.role-multiselect__item{display:flex;align-items:center;gap:.625rem;padding:.75rem;width:100%;background:transparent;border:none;border-bottom:1px solid var(--border-secondary);cursor:pointer;transition:all .15s ease;font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:500;color:var(--text-primary);text-align:left}.role-multiselect__item:last-child{border-bottom:none}.role-multiselect__item:hover{background:var(--bg-secondary)}.role-multiselect__item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px;background:var(--bg-secondary)}.role-multiselect__item--special{font-weight:600}.role-multiselect__checkbox{flex-shrink:0;width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary)}.role-multiselect__item-color{flex-shrink:0;width:12px;height:12px;border-radius:50%;border:1px solid var(--border-primary)}.role-multiselect__item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-multiselect__empty{padding:2rem 1rem;text-align:center}.role-multiselect__empty-text{font-size:.875rem;color:var(--text-tertiary);font-style:italic}.role-multiselect__footer{padding:.75rem;border-top:2px solid var(--border-primary);background:var(--bg-secondary)}.role-multiselect__close{width:100%;padding:.5rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-primary);color:var(--text-primary);font-family:IBM Plex Mono,monospace;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.role-multiselect__close:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.role-multiselect__close:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}@media(max-width:768px){.role-multiselect__button{min-width:160px;padding:.5rem .75rem}.role-multiselect__dropdown{position:fixed;left:1rem;right:1rem;max-width:calc(100vw - 2rem)}.role-multiselect__chips{gap:.375rem}.role-multiselect__chip{font-size:.75rem;padding:.3rem .5rem}}.role-multiselect__list::-webkit-scrollbar{width:8px}.role-multiselect__list::-webkit-scrollbar-track{background:var(--bg-secondary)}.role-multiselect__list::-webkit-scrollbar-thumb{background:var(--accent-primary);border:2px solid var(--bg-secondary)}.role-multiselect__list::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.template-editor{display:flex;flex-direction:column;gap:1rem}.template-editor--disabled{opacity:.6;pointer-events:none;cursor:not-allowed}.template-editor-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.template-editor-toolbar-group{display:flex;gap:.375rem;padding-right:1rem;border-right:2px solid var(--border-primary)}.template-editor-toolbar-group:last-child{border-right:none;padding-right:0}.template-editor-button{padding:.5rem .875rem;font-family:IBM Plex Mono,monospace;font-size:.8125rem;font-weight:500;background:var(--bg-elevated);border:2px solid var(--border-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.template-editor-button:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-secondary);transform:translateY(-1px)}.template-editor-button:active:not(:disabled){transform:translateY(0)}.template-editor-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.template-editor-button:disabled{opacity:.5;cursor:not-allowed}.template-editor-button--variable{border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.template-editor-button--variable:hover:not(:disabled){background:var(--accent-primary);color:var(--bg-elevated);box-shadow:0 0 8px #00d4ff4d}.template-editor-button--format{min-width:2.5rem;padding:.5rem .75rem;font-weight:600;text-align:center}.template-editor-button--format:hover:not(:disabled){border-color:var(--accent-secondary)}.template-editor-content{display:flex;gap:1.5rem}.template-editor-input-section{flex:1.5;display:flex;flex-direction:column;gap:.5rem}.template-editor-preview-section{flex:1;display:flex;flex-direction:column;gap:.5rem}.template-editor-textarea{width:100%;min-height:120px;max-height:400px;padding:.875rem 1rem;font-family:IBM Plex Mono,monospace;font-size:.9375rem;font-weight:500;line-height:1.6;color:var(--text-primary);background:var(--bg-elevated);border:2px solid var(--border-primary);resize:vertical;transition:all .2s ease;overflow-y:auto}.template-editor-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a}.template-editor-textarea:hover:not(:focus):not(:disabled){border-color:var(--border-secondary)}.template-editor-textarea::placeholder{color:var(--text-tertiary);opacity:.6}.template-editor-textarea:disabled{opacity:.6;cursor:not-allowed}.template-editor-textarea--warning{border-color:var(--signal-warning)}.template-editor-textarea--warning:focus{box-shadow:0 0 0 3px #ffaa001a}.template-editor-textarea--error{border-color:var(--signal-error)}.template-editor-textarea--error:focus{box-shadow:0 0 0 3px #ff33661a}.template-editor-footer{display:flex;justify-content:flex-end;align-items:center}.template-editor-counter{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.05em}.template-editor-counter--normal{color:var(--text-secondary)}.template-editor-counter--warning{color:var(--signal-warning)}.template-editor-counter--error{color:var(--signal-error)}.template-editor-error{font-size:.8125rem;color:var(--signal-error);font-weight:500}.template-editor-preview-label{font-family:Orbitron,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.template-editor-preview{min-height:120px;padding:1rem;background:#36393f;border:2px solid var(--border-primary);border-radius:4px;overflow-y:auto}.template-editor-preview-content{font-family:IBM Plex Mono,monospace;font-size:.9375rem;line-height:1.375;color:#dcddde;word-wrap:break-word;overflow-wrap:break-word}.template-editor-preview-placeholder{color:#72767d;font-style:italic}.template-editor-preview-content strong{font-weight:700;color:#fff}.template-editor-preview-content em{font-style:italic}.template-editor-preview-content code{padding:.125rem .25rem;background:#2f3136;border:1px solid #202225;border-radius:3px;font-family:JetBrains Mono,monospace;font-size:.875rem;color:#eb459e}.template-editor-preview-content del{text-decoration:line-through;opacity:.8}.template-editor-preview-content u{text-decoration:underline}.template-editor-preview-content a{color:#00b0f4;text-decoration:none;transition:text-decoration .1s ease}.template-editor-preview-content a:hover{text-decoration:underline}.template-editor-preview-content .spoiler{padding:0 2px;background:#202225;color:transparent;border-radius:3px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .1s ease}.template-editor-preview-content .spoiler:hover:not(.spoiler--revealed){background:#2a2d31}.template-editor-preview-content .spoiler--revealed{color:#dcddde;background:#2f3136;cursor:default}.template-editor-preview-content .mention{padding:0 4px;background:#5865f2;color:#fff;border-radius:3px;font-weight:500}.template-editor-content--no-preview .template-editor-input-section{flex:1}@media(max-width:767px){.template-editor-content{flex-direction:column}.template-editor-input-section,.template-editor-preview-section{flex:1}.template-editor-toolbar{flex-direction:column;align-items:stretch}.template-editor-toolbar-group{border-right:none;border-bottom:2px solid var(--border-primary);padding-right:0;padding-bottom:.5rem}.template-editor-toolbar-group:last-child{border-bottom:none;padding-bottom:0}.template-editor-button{flex:1;text-align:center}}@media(min-width:768px)and (max-width:1023px){.template-editor-input-section{flex:1.2}.template-editor-preview-section{flex:1}}.filter-builder{display:flex;flex-direction:column;gap:2rem}.filter-builder__empty{padding:2rem;background:var(--bg-secondary);border:2px dashed var(--border-primary);border-radius:4px;text-align:center}.filter-builder__empty-text{font-family:IBM Plex Mono,monospace;font-size:.9375rem;color:var(--text-secondary);margin:0}.filter-builder__section{display:flex;flex-direction:column;gap:1rem}.filter-builder__section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.filter-builder__section-title{font-family:Orbitron,sans-serif;font-weight:600;font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin:0}.filter-builder__add-button{padding:.625rem 1rem;font-family:IBM Plex Mono,monospace;font-size:.8125rem;font-weight:600;color:var(--accent-primary);background:transparent;border:2px solid var(--accent-primary);cursor:pointer;transition:all .2s ease;letter-spacing:.05em;text-transform:uppercase}.filter-builder__add-button:hover:not(:disabled){background:var(--accent-primary);color:var(--bg-primary);box-shadow:0 0 10px #00d4ff4d}.filter-builder__add-button:disabled{opacity:.5;cursor:not-allowed}.filter-builder__items{display:flex;flex-direction:column;gap:.75rem}.filter-builder__item{display:flex;gap:.75rem;align-items:flex-start}.filter-builder__item .input-wrapper{flex:1}.filter-builder__remove-button{flex-shrink:0;width:2.5rem;height:2.5rem;margin-top:.125rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:300;color:var(--signal-error);background:transparent;border:2px solid var(--signal-error);cursor:pointer;transition:all .2s ease;line-height:1}.filter-builder__remove-button:hover:not(:disabled){background:var(--signal-error);color:var(--bg-primary);box-shadow:0 0 10px #ff33664d}.filter-builder__remove-button:disabled{opacity:.5;cursor:not-allowed}.filter-builder__match-type{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px}.filter-builder__match-label{font-family:Orbitron,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin:0}.filter-builder__radio-group{display:flex;gap:1.5rem}.filter-builder__radio{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:500;color:var(--text-primary)}.filter-builder__radio input[type=radio]{appearance:none;width:1.125rem;height:1.125rem;border:2px solid var(--border-primary);border-radius:50%;position:relative;cursor:pointer;transition:all .2s ease}.filter-builder__radio input[type=radio]:checked{border-color:var(--accent-primary);background:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a}.filter-builder__radio input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.375rem;height:.375rem;background:var(--bg-primary);border-radius:50%}.filter-builder__radio input[type=radio]:hover:not(:disabled){border-color:var(--accent-primary)}.filter-builder__radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.filter-builder__help-text{font-size:.8125rem;color:var(--text-tertiary);margin:0;line-height:1.5}.filter-builder__error{padding:1rem;background:#ff33661a;border:2px solid var(--signal-error);border-radius:4px;color:var(--signal-error);font-size:.875rem;font-weight:500}[data-theme=dark] .filter-builder__add-button:hover:not(:disabled){box-shadow:0 0 15px #00d4ff66}[data-theme=dark] .filter-builder__remove-button:hover:not(:disabled){box-shadow:0 0 15px #f366}.color-picker{display:flex;flex-direction:column;gap:.75rem}.color-picker--disabled{opacity:.5;pointer-events:none}.color-picker__presets{display:flex;flex-wrap:wrap;gap:.5rem}.color-picker__swatch{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--border-primary);cursor:pointer;transition:all .2s ease;padding:0}.color-picker__swatch:hover:not(:disabled){transform:scale(1.15);box-shadow:0 0 8px #0000004d}.color-picker__swatch--active{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary);transform:scale(1.1)}.color-picker__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.color-picker__action-button{padding:.375rem .75rem;font-family:IBM Plex Mono,monospace;font-size:.8125rem;font-weight:600;color:var(--text-secondary);background:transparent;border:2px solid var(--border-primary);cursor:pointer;transition:all .2s ease;letter-spacing:.05em;text-transform:uppercase}.color-picker__action-button:hover:not(:disabled){color:var(--accent-primary);border-color:var(--accent-primary)}.color-picker__action-button--active{color:var(--accent-primary);border-color:var(--accent-primary);background:#00d4ff0d}.color-picker__action-button:disabled{opacity:.5;cursor:not-allowed}.color-picker__preview{display:flex;align-items:center;gap:.5rem;margin-left:auto}.color-picker__preview-swatch{display:inline-block;width:1.25rem;height:1.25rem;border-radius:4px;border:1px solid var(--border-primary)}.color-picker__preview-value{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--text-secondary)}.color-picker__custom{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px}.color-picker__custom-label{font-family:Orbitron,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap}.color-picker__custom-input{flex:1;max-width:10rem;padding:.5rem .75rem;font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:4px;transition:border-color .2s ease}.color-picker__custom-input:focus{outline:none;border-color:var(--accent-primary)}.color-picker__custom-input--invalid{border-color:var(--signal-error)}.color-picker__custom-input:disabled{opacity:.5;cursor:not-allowed}.color-picker__native-input{width:2.5rem;height:2.5rem;padding:0;border:2px solid var(--border-primary);border-radius:4px;cursor:pointer;background:none;flex-shrink:0}.color-picker__native-input::-webkit-color-swatch-wrapper{padding:2px}.color-picker__native-input::-webkit-color-swatch{border:none;border-radius:2px}.color-picker__native-input::-moz-color-swatch{border:none;border-radius:2px}.color-picker__native-input:disabled{opacity:.5;cursor:not-allowed}.embed-preview{display:flex;flex-direction:column;gap:.5rem}.embed-preview__label{font-family:Orbitron,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.embed-preview__discord{background:#313338;border-radius:8px;padding:1rem;border:1px solid #1e1f22}.embed-preview__message-row{display:flex;gap:1rem}.embed-preview__bot-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center}.embed-preview__message-content{flex:1;min-width:0}.embed-preview__bot-name{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.embed-preview__bot-name-text{font-weight:600;font-size:.9375rem;color:#f2f3f5}.embed-preview__bot-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;background:#5865f2;color:#fff;padding:.0625rem .3125rem;border-radius:3px;letter-spacing:.025em}.embed-preview__timestamp{font-size:.75rem;color:#949ba4}.embed-preview__plain-text{font-size:.9375rem;color:#dbdee1;line-height:1.375;margin-bottom:.5rem;word-break:break-word}.embed-preview__role-mentions{color:#dee0fc;background:#5865f24d;border-radius:3px;padding:0 2px}.embed-preview__embed{display:flex;max-width:520px;background:#2b2d31;border:1px solid #1e1f22;border-radius:4px;border-left:4px solid #9146ff;overflow:hidden}.embed-preview__embed-content{flex:1;padding:.75rem 1rem;min-width:0;display:flex;flex-direction:column;gap:.5rem}.embed-preview__author{display:flex;align-items:center;gap:.5rem}.embed-preview__author-avatar{width:24px;height:24px;border-radius:50%;background:#4e5058}.embed-preview__author-name{font-size:.875rem;font-weight:600;color:#f2f3f5}.embed-preview__description{font-size:.875rem;color:#dbdee1;line-height:1.375;word-break:break-word}.embed-preview__fields{display:flex;flex-wrap:wrap;gap:.5rem}.embed-preview__field--inline{flex:1;min-width:100px}.embed-preview__field-name{font-size:.75rem;font-weight:700;color:#dbdee1;margin-bottom:.125rem;text-transform:uppercase}.embed-preview__field-value{font-size:.875rem;color:#b5bac1}.embed-preview__field-value--link{color:#00a8fc}.embed-preview__image{margin-top:.5rem}.embed-preview__image-placeholder{width:100%;height:180px;background:#1e1f22;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#949ba4;font-size:.8125rem}.embed-preview__thumbnail{flex-shrink:0;width:80px;height:80px;margin:.75rem 1rem 0 0;border-radius:4px;background:#4e5058}.embed-preview__footer{margin-top:.25rem}.embed-preview__footer-text{font-size:.75rem;color:#949ba4}@media(max-width:600px){.embed-preview__thumbnail{display:none}.embed-preview__image-placeholder{height:120px}}.embed-customization{display:flex;flex-direction:column;gap:1.5rem}.embed-customization__control{display:flex;flex-direction:column;gap:.5rem}.embed-customization__label{font-family:Orbitron,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.embed-customization__text-input{width:100%;padding:.75rem 1rem;font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-elevated);border:2px solid var(--border-primary);transition:all .2s ease}.embed-customization__text-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a}.embed-customization__text-input:hover:not(:focus):not(:disabled){border-color:var(--border-secondary)}.embed-customization__text-input::placeholder{color:var(--text-tertiary);opacity:.6}.embed-customization__text-input:disabled{opacity:.5;cursor:not-allowed}.embed-customization__help{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--text-tertiary)}.embed-customization__toggles{display:flex;flex-direction:column;gap:.5rem}.embed-customization__toggle-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);transition:border-color .2s ease}.embed-customization__toggle-row:hover{border-color:var(--accent-primary)}.embed-customization__toggle-label{font-family:IBM Plex Mono,monospace;font-weight:500;font-size:.875rem;color:var(--text-primary);flex:1}.embed-customization__toggle-switch{position:relative;width:48px;height:24px;flex-shrink:0}.embed-customization__toggle-input{opacity:0;width:0;height:0}.embed-customization__toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);transition:.3s;border-radius:24px;border:2px solid var(--border-primary)}.embed-customization__toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--text-secondary);transition:.3s;border-radius:50%}.embed-customization__toggle-input:checked+.embed-customization__toggle-slider{background-color:var(--accent-primary);border-color:var(--accent-primary)}.embed-customization__toggle-input:checked+.embed-customization__toggle-slider:before{transform:translate(24px);background-color:#fff}.embed-customization__toggle-input:disabled+.embed-customization__toggle-slider{opacity:.5;cursor:not-allowed}.rule-form-page{min-height:100vh;background:var(--bg-primary)}.rule-form-page__main{padding:2rem 0}.rule-form-page__title{font-family:Orbitron,sans-serif;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:900;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;color:var(--text-primary)}.rule-form-page__subtitle{font-family:IBM Plex Mono,monospace;font-size:.875rem;color:var(--text-secondary);margin-bottom:2rem}.rule-form-page__form{display:flex;flex-direction:column;gap:1.75rem}.rule-form-page__form>.card{animation:fade-in-up .4s ease both}.rule-form-page__form>.card:nth-child(1){animation-delay:.05s;z-index:3}.rule-form-page__form>.card:nth-child(2){animation-delay:.12s;z-index:2}.rule-form-page__form>.card:nth-child(3){animation-delay:.19s;z-index:1}.rule-form-page__section{display:flex;flex-direction:column;gap:.5rem}.rule-form-page__section--divider{border-top:1px solid var(--border-primary);padding-top:1.25rem;margin-top:.75rem}.rule-form-page__label{font-family:Orbitron,sans-serif;font-weight:600;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.25rem}.rule-form-page__help-text{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--text-tertiary);margin-top:.25rem}.rule-form-page__toggle-container{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);transition:border-color .2s ease}.rule-form-page__toggle-container:hover{border-color:var(--accent-primary)}.rule-form-page__toggle-label{font-family:IBM Plex Mono,monospace;font-weight:500;font-size:.875rem;color:var(--text-primary);flex:1}.rule-form-page__toggle-switch{position:relative;width:48px;height:24px;flex-shrink:0}.rule-form-page__toggle-input{opacity:0;width:0;height:0}.rule-form-page__toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);transition:.3s;border-radius:24px;border:2px solid var(--border-primary)}.rule-form-page__toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--text-secondary);transition:.3s;border-radius:50%}.rule-form-page__toggle-input:checked+.rule-form-page__toggle-slider{background-color:var(--accent-primary);border-color:var(--accent-primary)}.rule-form-page__toggle-input:checked+.rule-form-page__toggle-slider:before{transform:translate(24px);background-color:#fff}.rule-form-page__toggle-input:disabled+.rule-form-page__toggle-slider{opacity:.5;cursor:not-allowed}.rule-form-page__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:2px solid var(--border-primary);animation:fade-in-up .4s ease .26s both}.rule-form-page__submit-error{padding:1rem 1.25rem;background:#ff336614;border:2px solid var(--signal-error);color:var(--signal-error);font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:500;margin-bottom:1rem;animation:fade-in-up .3s ease both}.rule-form-page__clone-notice{padding:1rem 1.25rem;background:#00d4ff0f;border:2px solid var(--accent-primary);color:var(--text-primary);font-family:IBM Plex Mono,monospace;font-size:.875rem;margin-bottom:1rem;animation:fade-in-up .3s ease both}.rule-form-page__clone-notice strong{color:var(--accent-primary)}.rule-form-page__premium-inactive-banner{padding:1rem 1.25rem;background:#f59e0b14;border:2px solid var(--signal-warning, #f59e0b);color:var(--text-primary);font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:500;margin-bottom:1rem;animation:fade-in-up .3s ease both}@media(max-width:768px){.rule-form-page__actions{flex-direction:column-reverse}.rule-form-page__actions button{width:100%}}.audit-log-page{min-height:100vh;background:var(--bg-primary)}.audit-log-page__main{padding:2rem 0}.audit-log-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.audit-log-page__title{font-size:1.75rem;font-weight:700;margin:0;color:var(--text-primary)}.audit-log-page__subtitle{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.audit-log-page__filter{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.audit-log-page__filter-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.audit-log-page__filter-select{padding:.375rem .75rem;font-size:.875rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;min-width:200px}.audit-log-page__filter-select:focus{outline:none;border-color:var(--accent-primary)}.audit-log-page__error{margin-bottom:2rem;padding:1rem}.audit-log-page__empty{padding:3rem 2rem;text-align:center}.audit-log-page__empty-icon{font-size:4rem;margin-bottom:1rem}.audit-log-page__empty-title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.audit-log-page__empty-desc{font-size:1rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.audit-log-page__events{display:grid;gap:.5rem}.audit-log-page__load-more{display:flex;justify-content:center;margin-top:1rem}.audit-event{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;animation:fadeInUp .3s ease-out forwards;opacity:0}.audit-event__detail{font-size:.9rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-event__actor{font-size:.8rem;color:var(--text-secondary);font-family:Courier New,monospace;white-space:nowrap}.audit-event__time{font-size:.8rem;color:var(--text-tertiary);white-space:nowrap}.audit-badge{display:inline-block;padding:.2rem .5rem;font-size:.7rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase;border-radius:4px;white-space:nowrap}.audit-badge--created,.audit-badge--delivered{background:color-mix(in srgb,#1a6b2e 12%,transparent);color:#1a6b2e;border:1px solid color-mix(in srgb,#1a6b2e 35%,transparent)}.audit-badge--updated{background:color-mix(in srgb,#8a3900 12%,transparent);color:#8a3900;border:1px solid color-mix(in srgb,#8a3900 35%,transparent)}.audit-badge--deleted,.audit-badge--failed{background:color-mix(in srgb,#b8001f 12%,transparent);color:#b8001f;border:1px solid color-mix(in srgb,#b8001f 35%,transparent)}.audit-badge--toggled{background:color-mix(in srgb,#7a4d00 12%,transparent);color:#7a4d00;border:1px solid color-mix(in srgb,#7a4d00 35%,transparent)}.audit-badge--dispatched{background:color-mix(in srgb,var(--text-secondary) 15%,transparent);color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--text-secondary) 30%,transparent)}[data-theme=dark] .audit-badge--created,[data-theme=dark] .audit-badge--delivered{background:color-mix(in srgb,var(--signal-active) 20%,transparent);color:var(--signal-active);border:1px solid color-mix(in srgb,var(--signal-active) 40%,transparent)}[data-theme=dark] .audit-badge--updated{background:color-mix(in srgb,var(--accent-primary) 20%,transparent);color:var(--accent-primary);border:1px solid color-mix(in srgb,var(--accent-primary) 40%,transparent)}[data-theme=dark] .audit-badge--deleted,[data-theme=dark] .audit-badge--failed{background:color-mix(in srgb,var(--signal-error) 20%,transparent);color:var(--signal-error);border:1px solid color-mix(in srgb,var(--signal-error) 40%,transparent)}[data-theme=dark] .audit-badge--toggled{background:color-mix(in srgb,var(--signal-warning) 20%,transparent);color:var(--signal-warning);border:1px solid color-mix(in srgb,var(--signal-warning) 40%,transparent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.audit-event{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.5rem}.audit-event__detail{grid-column:2;grid-row:1}.audit-event__actor{grid-column:1;grid-row:2;font-size:.75rem}.audit-event__time{grid-column:2;grid-row:2;text-align:right}}.audit-event--expandable{cursor:pointer;grid-template-columns:auto 1fr auto auto auto}.audit-event--expandable:hover{background:color-mix(in srgb,var(--bg-secondary) 90%,var(--accent-primary))}.audit-event__chevron{font-size:.65rem;color:var(--text-tertiary);transition:transform .2s ease;display:inline-block;padding:0 .25rem}.audit-event__chevron--open{transform:rotate(90deg)}.audit-event__details-wrapper{grid-column:1 / -1;padding-top:.5rem;border-top:1px solid var(--border-primary);margin-top:.25rem}.audit-event__details{display:flex;flex-direction:column;gap:.25rem}.audit-event__detail-row{font-size:.8rem;color:var(--text-secondary);font-family:Courier New,monospace;padding:.1rem 0}.audit-event__detail-added{color:#1a6b2e}.audit-event__detail-removed{color:#b8001f}[data-theme=dark] .audit-event__detail-added{color:var(--signal-active)}[data-theme=dark] .audit-event__detail-removed{color:var(--signal-error)}@media(max-width:768px){.audit-event--expandable{grid-template-columns:auto 1fr auto}.audit-event__chevron{grid-column:3;grid-row:1}}.auth-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:60vh;padding:2rem;text-align:center}.auth-error__icon{width:64px;height:64px;border-radius:50%;border:3px solid var(--accent-primary);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:700;font-size:2rem;color:var(--accent-primary)}.auth-error__title{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);margin:0}.auth-error__message{font-size:.9rem;color:var(--text-secondary);margin:0;max-width:400px}.not-found-page{min-height:100vh;background:var(--bg-primary)}.not-found-page__main{padding:4rem 0}.not-found-page__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;animation:fade-in-up .6s ease-out}.not-found-page__code{font-size:clamp(4rem,10vw,8rem);font-weight:700;line-height:1;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.not-found-page__title{font-size:1.5rem;color:var(--text-primary);margin:0}.not-found-page__message{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;max-width:500px}@media(max-width:768px){.not-found-page__main{padding:2rem 0}}