@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&display=swap";.animated-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.animated-bg__orb{position:absolute;border-radius:50%;filter:blur(100px);will-change:transform}.animated-bg__orb--1{width:700px;height:700px;top:-15%;left:-10%;background:radial-gradient(circle,rgba(165,255,17,.09) 0%,transparent 70%);animation:orb-drift-1 28s ease-in-out infinite}.animated-bg__orb--2{width:500px;height:500px;bottom:-10%;right:-8%;background:radial-gradient(circle,rgba(165,255,17,.07) 0%,transparent 70%);animation:orb-drift-2 34s ease-in-out infinite}.animated-bg__orb--3{width:400px;height:400px;top:35%;left:40%;background:radial-gradient(circle,rgba(80,200,180,.04) 0%,transparent 70%);animation:orb-drift-3 22s ease-in-out infinite}.animated-bg__orb--4{width:350px;height:350px;top:5%;right:10%;background:radial-gradient(circle,rgba(165,255,17,.05) 0%,transparent 70%);animation:orb-drift-4 40s ease-in-out infinite}@keyframes orb-drift-1{0%{transform:translate(0) scale(1)}25%{transform:translate(60px,80px) scale(1.06)}50%{transform:translate(30px,160px) scale(.96)}75%{transform:translate(-50px,90px) scale(1.03)}to{transform:translate(0) scale(1)}}@keyframes orb-drift-2{0%{transform:translate(0) scale(1)}30%{transform:translate(-80px,-60px) scale(1.08)}60%{transform:translate(-40px,-130px) scale(.94)}80%{transform:translate(50px,-80px) scale(1.04)}to{transform:translate(0) scale(1)}}@keyframes orb-drift-3{0%{transform:translate(0) scale(1)}40%{transform:translate(70px,-50px) scale(1.1)}70%{transform:translate(-30px,60px) scale(.92)}to{transform:translate(0) scale(1)}}@keyframes orb-drift-4{0%{transform:translate(0) scale(1)}20%{transform:translate(-60px,40px) scale(1.05)}55%{transform:translate(-90px,100px) scale(.97)}80%{transform:translate(-20px,60px) scale(1.02)}to{transform:translate(0) scale(1)}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:3000;display:flex;flex-direction:column;gap:.5rem;max-width:380px;width:100%;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.875rem;box-shadow:0 8px 32px #0006;animation:slide-in .25s ease-out;position:relative;overflow:hidden}.toast--error{border-color:#f851494d;background:#f8514914}.toast--success{border-color:#3fb9504d;background:#3fb95014}.toast--info{border-color:var(--border);background:var(--surface)}.toast__message{flex:1;min-width:0}.toast__dismiss{flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.125rem;line-height:1;padding:0}.toast__dismiss:hover{color:var(--text)}.toast__progress{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);animation:toast-progress linear forwards;width:100%}@keyframes toast-progress{0%{width:100%}to{width:0%}}.login-page{position:relative;min-height:100vh;width:100%;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.login-page__inner{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.login-card{width:100%;max-width:420px;padding:2rem 2rem 1.5rem;border-radius:var(--radius-lg);background:#161b2299;border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 40px #0000004d,0 0 0 1px #a5ff110a;display:flex;flex-direction:column;align-items:center;text-align:center}.login-card__product{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#a5ff11 60%,#c9ff73);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-card__signin{margin:0 0 .5rem;font-size:1rem;font-weight:500;color:var(--text-muted);letter-spacing:-.01em}.login-card__subtitle{margin:0 0 1.25rem;font-size:.8125rem;line-height:1.5;color:var(--text-muted)}.login-card__error{width:100%;margin-bottom:1rem;padding:.5rem .75rem;border-radius:var(--radius-sm);background:#f8514914;border:1px solid rgba(248,81,73,.2);color:var(--error);font-size:.8125rem;line-height:1.45;text-align:left}.login-card__google{display:flex;justify-content:center;width:100%;margin-bottom:.75rem}.login-card__google>div{width:100%!important}.login-card__google iframe{width:100%!important;min-width:280px!important;height:48px!important;transform:scale(1.08);transform-origin:center}.login-card__dev-bypass{margin-bottom:.75rem;width:100%;padding:.5rem .75rem;font-family:var(--font-sans);font-size:.8125rem;color:var(--text-muted);background:transparent;border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius-sm);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.login-card__dev-bypass:hover{color:var(--accent);border-color:#a5ff1140;background:var(--accent-dim)}.login-card__terms{margin:0 0 1.5rem;font-size:.6875rem;color:var(--text-muted);opacity:.7;line-height:1.5}.login-card__terms a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;opacity:.9}.login-card__terms a:hover{color:var(--text)}.login-card__brand-footer{padding-top:1.25rem;border-top:1px solid var(--border);width:100%;display:flex;justify-content:center}.login-card__brand-logo{height:18px;width:auto;opacity:.5}.login-page__footer-links{display:flex;gap:1.25rem;align-items:center}.login-page__footer-links a{font-size:.6875rem;color:var(--text-muted);text-decoration:none;opacity:.6;transition:opacity .15s,color .15s}.login-page__footer-links a:hover{opacity:1;color:var(--text);text-decoration:none}.input{width:100%;padding:.5rem .75rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:.8125rem;font-family:var(--font-sans);transition:border-color .2s ease,box-shadow .2s ease}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:#a5ff1166;box-shadow:0 0 0 2px #a5ff1114}.input:disabled{opacity:.5}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:var(--radius);border:none;cursor:pointer;transition:background .15s,color .15s,opacity .15s;font-family:var(--font-sans);line-height:1;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:.375rem .75rem;font-size:.8125rem}.btn--md{padding:.625rem 1.25rem;font-size:.875rem}.btn--lg{padding:.75rem 1.5rem;font-size:.9375rem}.btn--primary{background:var(--accent);color:#0a0a0a;box-shadow:0 0 20px #a5ff1126}.btn--primary:hover:not(:disabled){box-shadow:0 0 30px #a5ff1140;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){border-color:#a5ff1133;background:#ffffff0f}.btn--ghost{background:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:#ffffff0d;color:var(--text)}.btn--danger{background:var(--error);color:#fff}.btn--danger:hover:not(:disabled){background:#e5443d}.invite-code-page{position:relative;min-height:100vh;width:100%;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.invite-code-page__inner{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:center}.invite-code-card{width:100%;max-width:420px;padding:40px;border-radius:var(--radius-lg);background:#161b2299;border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 24px 48px #00000059,0 0 0 1px #a5ff110a}.invite-code-card__brand{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.invite-code-card__logo{height:32px;width:auto;display:block}.invite-code-card__title{margin:0 0 .5rem;font-family:var(--font-sans);font-size:1.5rem;font-weight:600;color:var(--text);letter-spacing:-.02em;text-align:center}.invite-code-card__email{margin:0 0 1.5rem;font-size:.9375rem;line-height:1.5;color:var(--text-muted);text-align:center}.invite-code-card__field{margin-bottom:1rem}.invite-code-card__field .input{width:100%;box-sizing:border-box}.invite-code-card__error{margin-bottom:1.25rem;padding:8px 12px;border-radius:8px;background:#ff32321a;border:1px solid rgba(255,50,50,.2);color:#ff6b6b;font-size:.875rem;line-height:1.45}.invite-code-card__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.invite-code-card__actions .btn{width:100%}.card{background:#161b2299;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:slide-in .3s ease-out;transition:border-color .3s ease,box-shadow .3s ease}.card:hover{border-color:#a5ff1126;box-shadow:0 0 30px #a5ff110a}.card--glow{border-color:#a5ff1133;background:var(--accent-dim);box-shadow:0 0 24px var(--accent-glow)}.badge{display:inline-block;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);line-height:1}.badge--default{background:#a5ff111a;color:var(--accent)}.badge--info{background:#388bfd26;color:#58a6ff}.badge--success{background:#3fb95026;color:var(--success)}.badge--warning{background:#d2992226;color:var(--warning)}.badge--error{background:#f8514926;color:var(--error)}.plan-picker-page{position:relative;min-height:100vh;width:100%;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.plan-picker-page__inner{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:center}.plan-picker-page__main{width:100%;max-width:900px}.plan-picker-page__brand{display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.plan-picker-page__logo{height:32px;width:auto;display:block}.plan-picker-page__title{margin:0 0 .5rem;font-family:var(--font-sans);font-size:1.5rem;font-weight:600;color:var(--text);letter-spacing:-.02em;text-align:center}.plan-picker-page__email{margin:0 0 1.75rem;font-size:.9375rem;line-height:1.5;color:var(--text-muted);text-align:center}.plan-picker-page__billing-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1rem;margin-bottom:1.75rem}.plan-picker-page__toggle{display:inline-flex;padding:4px;border-radius:9999px;background:var(--surface-2);border:1px solid var(--border)}.plan-picker-page__toggle-btn{border:none;cursor:pointer;font-family:var(--font-sans);font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;border-radius:9999px;background:transparent;color:var(--text-muted);transition:background .2s,color .2s}.plan-picker-page__toggle-btn:hover:not(.plan-picker-page__toggle-btn--active){color:var(--text)}.plan-picker-page__toggle-btn--active{background:#a5ff11;color:#0a0a0a}.plan-picker-page__savings-badge{flex-shrink:0}.plan-picker-page__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.plan-picker-page__grid{grid-template-columns:1fr}}.plan-picker-page__plan-card{display:flex;flex-direction:column;height:100%;min-height:0;border:1px solid var(--border);background:#161b2299;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s ease,box-shadow .2s ease}.plan-picker-page__plan-card:hover{border-color:#a5ff1173}.plan-picker-page__plan-card.card--glow{border-color:#a5ff118c}.plan-picker-page__plan-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.plan-picker-page__plan-name{margin:0;font-size:1.0625rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.plan-picker-page__price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;margin-bottom:.75rem}.plan-picker-page__price{font-size:2rem;font-weight:700;color:var(--text);line-height:1.1}.plan-picker-page__period{font-size:.875rem;color:var(--text-muted)}.plan-picker-page__desc{margin:0 0 1rem;font-size:.875rem;line-height:1.5;color:var(--text-muted)}.plan-picker-page__features{margin:0 0 1.25rem;padding-left:1.125rem;font-size:.8125rem;line-height:1.55;color:var(--text-muted);flex:1}.plan-picker-page__features li{margin-bottom:.35rem}.plan-picker-page__select-btn{width:100%;margin-top:auto}.plan-picker-page__actions{display:flex;flex-direction:column;gap:.75rem}.plan-picker-page__actions .btn{width:100%}.header{position:sticky;top:0;z-index:100;background:#0d1117e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-glow),transparent)}.header__inner{padding:0 32px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header__left{display:flex;align-items:center;gap:2rem}.header__brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text)}.header__logo{height:26px;width:auto}.header__title{font-size:1.125rem;font-weight:600;color:var(--text-muted)}.header__nav{display:flex;align-items:center;gap:.25rem}.header__nav-item{background:none;border:none;padding:.5rem .75rem;font-size:.875rem;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color .15s,background .15s;font-family:var(--font-sans);position:relative}.header__nav-item:hover{color:var(--text)}.header__nav-item--active{color:var(--accent);font-weight:500}.header__nav-item--active:after{content:"";position:absolute;bottom:-1px;left:.75rem;right:.75rem;height:2px;background:var(--accent);border-radius:1px}.header__right{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;font-size:.875rem;color:var(--text-muted)}.header__avatar{width:28px;height:28px;border-radius:50%}.header__email{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__plan-badge{padding:.2rem .5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:#a5ff111a;color:var(--accent)}.header__payment{color:#ffffff4d;font-size:.8125rem}.header__signout{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.875rem;padding:.375rem .75rem;border-radius:var(--radius-sm);transition:color .15s,background .15s;font-family:var(--font-sans)}.header__signout:hover{color:var(--text);background:#ffffff0d}@media (max-width: 640px){.header__inner{flex-wrap:wrap;height:auto;padding-top:.75rem;padding-bottom:.75rem}.header__email{display:none}}.footer{margin-top:auto;position:relative;background:linear-gradient(180deg,transparent 0%,rgba(13,17,23,.95) 100%)}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(165,255,17,.3),transparent)}.footer__inner{max-width:812px;margin:0 auto;padding:3rem 32px 2rem;display:flex;gap:3rem;flex-wrap:wrap}.footer__brand{flex:1;min-width:200px}.footer__logo{height:22px;width:auto;margin-bottom:.75rem;opacity:.7}.footer__tagline{color:var(--text-muted);font-size:.82rem;margin:0 0 .75rem;max-width:200px;line-height:1.55}.footer__copy{color:var(--text-muted);font-size:.78rem;margin:0;opacity:.7}.footer__links{display:flex;gap:3rem;flex-wrap:wrap}.footer__col{display:flex;flex-direction:column;gap:.5rem}.footer__col-title{font-size:.72rem;font-weight:600;color:var(--text-muted);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.1em}.footer__col a{font-size:.83rem;color:var(--text-muted);text-decoration:none;transition:color .15s}.footer__col a:hover{color:var(--accent);text-decoration:none}@media (max-width: 640px){.footer__inner{flex-direction:column;gap:2rem}.footer__links{gap:2rem}}.layout{max-width:1000px;margin:0 auto;padding:1.5rem;position:relative;z-index:1;min-height:calc(100vh - 64px)}.layout--wide{max-width:1280px}.dashboard-page{position:relative;min-height:100vh;background:var(--bg);color:var(--text)}.dashboard-page__toasts{position:fixed;top:1rem;right:1rem;z-index:2000;display:flex;flex-direction:column;gap:.5rem;max-width:min(360px,calc(100vw - 2rem));pointer-events:none}.dashboard-page__toasts .toast-container{pointer-events:auto}.dashboard-page__layout{padding:2rem 1.25rem 3rem}.dashboard-page__welcome{margin-bottom:1.5rem}.dashboard-page__product-label{margin:0 0 .25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.dashboard-page__title{margin:0;font-size:1.375rem;font-weight:600;color:var(--text);letter-spacing:-.02em}.dashboard-page__spinner-wrap{display:flex;justify-content:center;padding:3rem 0}.dashboard-page__empty-card{max-width:500px;margin:0 auto;text-align:center}.dashboard-page__empty-inner{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0}.dashboard-page__empty-title{margin:0;font-size:1.0625rem;font-weight:600;color:var(--text)}.dashboard-page__empty-desc{margin:0;font-size:.8125rem;color:var(--text-muted);line-height:1.5;max-width:360px}.dashboard-page__groups{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.dashboard-page__group-card{animation:slide-in .3s ease-out}.dashboard-page__group-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.dashboard-page__group-id-row{display:flex;align-items:center;gap:.5rem}.dashboard-page__group-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.dashboard-page__group-id-btn{display:inline-flex;align-items:center;gap:.375rem;background:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:.25rem .5rem;cursor:pointer;transition:border-color .15s,background .15s}.dashboard-page__group-id-btn:hover{border-color:var(--border);background:#ffffff08}.dashboard-page__group-id-text{font-family:var(--font-mono);font-size:.75rem;color:var(--text)}.dashboard-page__copy-hint{font-size:.6875rem;color:var(--text-muted);font-family:var(--font-sans)}.dashboard-page__group-body{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1rem}.dashboard-page__group-contexts{display:flex;flex-direction:column;gap:.375rem}.dashboard-page__detail-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.dashboard-page__context-list{display:flex;flex-wrap:wrap;gap:.375rem}.dashboard-page__context-id{display:inline-block;padding:.1875rem .5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.6875rem;color:var(--text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-page__group-replicas{display:flex;flex-direction:column;gap:.375rem}.dashboard-page__replica-info{font-size:.8125rem;color:var(--text)}.dashboard-page__replica-count{color:var(--success);font-weight:500}.dashboard-page__replica-pending{color:var(--warning)}.dashboard-page__replica-limit{color:var(--text-muted)}.dashboard-page__replica-bar{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden;max-width:200px}.dashboard-page__replica-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.dashboard-page__group-footer{display:flex;align-items:center;gap:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.dashboard-page__group-since{font-size:.75rem;color:var(--text-muted)}.dashboard-page__actions{margin:0}.dashboard-page__actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:720px;margin:0 auto}@media (max-width: 640px){.dashboard-page__actions-grid{grid-template-columns:1fr}.dashboard-page__title{font-size:1.5rem}}.dashboard-page__action-card{display:flex;flex-direction:column;gap:.75rem;height:100%;background:#161b2280!important;border-color:var(--border)!important;transition:background .2s ease,border-color .2s ease}.dashboard-page__action-card:hover{background:#161b22cc!important;border-color:#a5ff1133!important}.dashboard-page__action-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-page__action-icon--settings{background:#78a0ff1f;border:1px solid rgba(120,160,255,.35)}.dashboard-page__action-icon--docs{background:#ffc8641f;border:1px solid rgba(255,200,100,.3)}.dashboard-page__action-icon--support{background:#ff78b41f;border:1px solid rgba(255,120,180,.3)}.dashboard-page__action-title{margin:0;font-size:1rem;font-weight:600;color:var(--text)}.dashboard-page__action-desc{margin:0;font-size:.8125rem;color:var(--text-muted);line-height:1.45;flex:1}.dashboard-page__action-btn{align-self:flex-start;margin-top:.25rem}a.dashboard-page__action-btn{text-decoration:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;max-width:28rem;width:100%;animation:scale-in .2s ease-out}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text);margin:0 0 .5rem}.modal-body{color:var(--text-muted);font-size:.875rem;line-height:1.6}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.settings-page{--border-color: var(--border);--red: var(--error);position:relative;min-height:100vh;background:var(--bg);color:var(--text)}.settings-page__main{padding-bottom:2rem}.settings-page__product-label{margin:0 0 .25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.settings-page__title{font-size:1.375rem;font-weight:600;letter-spacing:-.02em;margin:0 0 1rem;color:var(--text)}.settings-page__tabs{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.settings-page__tab{flex-shrink:0;padding:.65rem 1rem;font-size:.875rem;font-weight:500;font-family:inherit;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.settings-page__tab:hover{color:var(--text)}.settings-page__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.settings-page__stack{display:flex;flex-direction:column;gap:1.5rem}.settings-page__card-title{font-size:.9375rem;font-weight:600;margin:0 0 1rem;color:var(--text)}.settings-page__profile-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.settings-page__avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.settings-page__profile-text{min-width:0}.settings-page__display-name{font-size:1.125rem;font-weight:600;color:var(--text)}.settings-page__email{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.settings-page__edit-row{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.settings-page__edit-row .settings-page__input-label{margin-bottom:0}.settings-page__input-label{display:block;width:100%;font-size:.8125rem;font-weight:500;color:var(--text-muted)}.settings-page__avatar--placeholder{background:var(--surface-2)}.settings-page__plan-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.settings-page__plan-name{font-weight:600;color:var(--text)}.settings-page__muted{font-size:.875rem;color:var(--text-muted);margin:0}.settings-page__invoice-table{width:100%;border-collapse:collapse;font-size:.875rem}.settings-page__invoice-table th{text-align:left;padding:.5rem 0;color:var(--text-muted);font-weight:500;border-bottom:1px solid var(--border-color)}.settings-page__invoice-table td{padding:.5rem 0;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.settings-page__key-box{margin-top:.75rem;padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border-color);font-family:var(--font-mono);font-size:.8125rem;word-break:break-all;color:var(--accent)}.settings-page__danger-card{border-color:var(--red)!important}.settings-page__modal-p{margin:0 0 1rem;font-size:.875rem;color:var(--text-muted)}.settings-page__checkbox-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;cursor:pointer;font-size:.875rem;color:var(--text)}.settings-page__checkbox-row input{margin-top:.2rem}.settings-page__error{font-size:.875rem;color:var(--red);margin:0 0 1rem}.settings-page__spinner-wrap{display:flex;align-items:center;gap:.5rem;padding:1rem 0;color:var(--text-muted);font-size:.875rem}.enable-ha-page{position:relative;min-height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.enable-ha-page__center{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;position:relative;z-index:1}.enable-ha-page__card{width:100%;max-width:460px;text-align:center}.enable-ha-page__logo{height:2rem;margin-bottom:1.5rem}.enable-ha-page__title{margin:0 0 .375rem;font-size:1.25rem;font-weight:600;color:var(--text)}.enable-ha-page__subtitle{margin:0 0 1.75rem;font-size:.8125rem;color:var(--text-muted);line-height:1.5}.enable-ha-page__details{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.75rem;text-align:left}.enable-ha-page__detail-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.8125rem}.enable-ha-page__detail-label{color:var(--text-muted);font-weight:500}.enable-ha-page__detail-value{color:var(--text);font-family:var(--font-mono);font-size:.75rem;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enable-ha-page__detail-value--plan{font-family:var(--font-sans);font-size:.8125rem}.enable-ha-page__error{margin-bottom:1rem;padding:.625rem .875rem;background:#f851491a;border:1px solid rgba(248,81,73,.25);border-radius:var(--radius-sm);font-size:.8125rem;color:#f8837a;text-align:left}.enable-ha-page__plan-error{margin-bottom:1rem;padding:.875rem;background:#d2992214;border:1px solid rgba(210,153,34,.25);border-radius:var(--radius-sm);text-align:left}.enable-ha-page__plan-error p{margin:0 0 .5rem;font-size:.8125rem;color:#e3b341}.enable-ha-page__plan-error a{color:var(--accent);font-weight:500;text-decoration:none;font-size:.8125rem}.enable-ha-page__plan-error a:hover{text-decoration:underline}.enable-ha-page__confirm-btn{width:100%}.enable-ha-page__redirect-note{margin:.75rem 0 0;font-size:.75rem;color:var(--text-muted)}.enable-ha-page__success-icon{width:48px;height:48px;margin:0 auto 1rem;border-radius:50%;background:#3fb9501f;border:1px solid rgba(63,185,80,.35);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--success)}.enable-ha-page__login-wrap{display:flex;justify-content:center;margin-top:.5rem}.enable-ha-page__missing-text{font-size:.8125rem;color:var(--text-muted);line-height:1.5}.enable-ha-page__missing-text code{padding:.125rem .375rem;background:var(--surface-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--text)}:root{--bg: #0d1117;--surface: #161b22;--surface-2: #1c2128;--border: #30363d;--text: #e6edf3;--text-muted: #8b949e;--accent: #a5ff11;--accent-glow: rgba(165, 255, 17, .18);--accent-dim: rgba(165, 255, 17, .08);--error: #f85149;--success: #3fb950;--warning: #d29922;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--font-sans: "DM Sans", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-opacity{0%,to{opacity:.5}50%{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;margin:0;padding:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{position:relative;z-index:1;min-height:100vh}.spinner{width:13px;height:13px;border:2px solid rgba(165,255,17,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle;margin-right:.4rem;flex-shrink:0}.spinner-lg{width:24px;height:24px;border-width:3px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.result-ok{color:var(--success)}.result-warn{color:var(--warning)}.result-err{color:var(--error)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}