.docs-page{background:var(--color-bg-primary);flex-direction:column;min-height:100vh;display:flex}.docs-container{padding-top:var(--navbar-height);flex:1;display:flex}.docs-navbar{width:auto;max-width:none;height:var(--navbar-height);border:none;border-bottom:1px solid var(--color-border);transition:background var(--transition-normal);background:#0a0a0a;border-radius:0;top:0;left:0;right:0;transform:none}.docs-navbar.scrolled{background:#0a0a0a}.docs-navbar .container{max-width:100%}.navbar-left{align-items:center;gap:var(--spacing-md);display:flex}.navbar-center{flex:1;justify-content:center;max-width:400px;display:flex}.navbar-icon-link{width:36px;height:36px;color:var(--color-text-secondary);transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex}.navbar-icon-link:hover{color:var(--color-text-primary)}.language-switcher{display:inline-flex;position:relative}.language-switcher-trigger{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:flex}.language-switcher-trigger:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.language-switcher-trigger .flag-icon{font-size:1rem}.language-switcher-dropdown{margin-top:var(--spacing-xs);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:100;position:absolute;top:100%;left:0;transform:translateY(-8px)}.language-switcher.open .language-switcher-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.language-option{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.language-option:first-child{border-radius:var(--radius-md)var(--radius-md)0 0}.language-option:last-child{border-radius:0 0 var(--radius-md)var(--radius-md)}.language-option:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.language-option.active{color:var(--color-accent-blue-light);background:#0d94881a}.docs-header-tabs{align-items:center;gap:var(--spacing-lg);display:flex}.docs-header-tab{padding:var(--spacing-sm)0;color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.docs-header-tab:hover,.docs-header-tab.active{color:var(--color-text-primary)}.docs-header-tab.active:after{content:"";background:var(--color-accent-blue);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.docs-header-right{align-items:center;gap:var(--spacing-md);display:flex}.docs-search{align-items:center;display:flex;position:relative}.docs-search-input{width:240px;padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);padding-left:36px}.docs-search-input::placeholder{color:var(--color-text-tertiary)}.docs-search-input:focus{border-color:var(--color-accent-blue);background:var(--color-bg-tertiary);outline:none}.docs-search-icon{left:var(--spacing-sm);color:var(--color-text-tertiary);pointer-events:none;position:absolute}.docs-search-shortcut{right:var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:var(--font-size-xs);padding:2px 6px;font-family:monospace;position:absolute}.docs-search-dropdown{margin-top:var(--spacing-xs);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:1000;max-height:400px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.docs-search-result{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;transition:background var(--transition-fast)}.docs-search-result:hover,.docs-search-result.selected{background:var(--color-bg-tertiary)}.docs-search-result-title{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:2px;font-weight:500}.docs-search-result-path{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.docs-search-no-results{padding:var(--spacing-lg);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.docs-search-result-desc{font-size:var(--font-size-xs);color:var(--color-text-quaternary);margin-top:4px;line-height:1.4}.docs-search-result mark{color:var(--color-accent-green);background:#10b9814d;border-radius:2px;padding:0 2px}.docs-header-links{align-items:center;gap:var(--spacing-md);display:flex}.docs-header-link{align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none;display:flex}.docs-header-link:hover{color:var(--color-text-primary)}.docs-header-link svg{width:16px;height:16px}.docs-sidebar{top:calc(var(--navbar-height) + 40px);width:var(--docs-sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);padding:var(--spacing-lg);z-index:100;position:fixed;bottom:0;left:0;overflow-y:auto}.docs-sidebar-section{margin-bottom:var(--spacing-xl)}.docs-sidebar-title{padding:var(--spacing-sm)0;color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.docs-sidebar-nav{flex-direction:column;gap:2px;display:flex}.docs-sidebar-item{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.docs-sidebar-item:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.docs-sidebar-item.active{color:var(--color-accent-blue-light);background:#0d948826}.docs-sidebar-item-icon{width:16px;height:16px;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.docs-sidebar-item.expanded .docs-sidebar-item-icon{transform:rotate(90deg)}.docs-sidebar-subnav{margin-left:var(--spacing-lg);max-height:0;transition:max-height var(--transition-normal);flex-direction:column;gap:2px;margin-top:2px;display:flex;overflow:hidden}.docs-sidebar-subnav.expanded{max-height:500px}.docs-sidebar-subitem{padding:var(--spacing-xs)var(--spacing-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none;display:block}.docs-sidebar-subitem:hover{color:var(--color-text-secondary);background:var(--color-bg-card)}.docs-sidebar-subitem.active{color:var(--color-accent-blue-light);background:#0d94881a}.docs-content{margin-left:var(--docs-sidebar-width);padding:var(--spacing-2xl)var(--spacing-3xl);flex:1;max-width:1100px}.docs-page-layout{gap:var(--spacing-2xl);align-items:flex-start;width:100%;display:flex}.docs-page-content{flex:1;min-width:0;max-width:800px}.docs-toc{top:calc(var(--navbar-height) + var(--spacing-2xl));width:240px;max-height:calc(100vh - var(--navbar-height) - 100px);padding-left:var(--spacing-md);flex-shrink:0;display:none;position:sticky;overflow-y:auto}.docs-toc::-webkit-scrollbar{width:4px}.docs-toc::-webkit-scrollbar-track{background:0 0}.docs-toc::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.docs-toc::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.docs-toc-list{border-left:1px solid var(--color-border);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.docs-toc-item a{padding:6px 0 6px var(--spacing-md);color:var(--color-text-tertiary);transition:all var(--transition-fast);border-left:1px solid #0000;margin-left:-1px;font-size:.875rem;line-height:1.4;text-decoration:none;display:block}.docs-toc-item a:hover{color:var(--color-text-secondary);border-left-color:var(--color-border-hover)}.docs-toc-item a.active{color:var(--color-accent-teal-light);border-left-color:var(--color-accent-teal-light);font-weight:500}.docs-toc-level-3 a{padding-left:calc(var(--spacing-md) + var(--spacing-sm));font-size:.8125rem}.docs-content-body h2,.docs-content-body h3,.docs-content-body h4{scroll-margin-top:calc(var(--navbar-height) + var(--spacing-md))}@media (min-width:1025px){.docs-toc{display:block}}.docs-content-header{margin-bottom:var(--spacing-2xl)}.docs-breadcrumb{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--color-accent-blue-light);font-size:var(--font-size-sm);display:flex}.docs-breadcrumb a{color:inherit;text-decoration:none}.docs-breadcrumb a:hover{text-decoration:underline}.docs-content-title{font-size:var(--font-size-4xl);color:var(--color-text-primary);font-weight:700;line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg)}.docs-content-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.docs-content-body{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.docs-content-body h2{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);font-weight:600}.docs-content-body h3{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);font-weight:600}.docs-content-body h4{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-weight:600}.docs-content-body p{margin-bottom:var(--spacing-md)}.docs-content-body ul,.docs-content-body ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.docs-content-body li{margin-bottom:var(--spacing-xs)}.docs-content-body code{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-accent-blue-light);padding:2px 6px;font-family:Fira Code,SF Mono,monospace;font-size:.9em}.docs-content-body pre{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}.docs-content-body pre code{color:var(--color-text-primary);background:0 0;padding:0}.docs-content-body a{color:var(--color-accent-blue-light);text-decoration:none}.docs-content-body a:hover{text-decoration:underline}.docs-stepper{counter-reset:docs-step;padding-left:48px;position:relative;overflow:hidden}.docs-stepper h2{counter-increment:docs-step;margin-top:40px;margin-bottom:var(--spacing-md);border-bottom:none;margin-left:-48px;padding-bottom:0;padding-left:48px;position:relative}.docs-stepper h2:before{content:counter(docs-step);background:var(--color-accent-teal);color:#fff;text-align:center;z-index:1;border-radius:50%;width:32px;height:32px;font-size:14px;font-weight:600;line-height:32px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.docs-stepper h2:after{content:"";background:var(--color-border);width:2px;height:9999px;position:absolute;top:calc(50% + 16px);left:15px}.docs-stepper h2:last-of-type:after{display:none}.docs-stepper h2:first-of-type{margin-top:0}.docs-content-body blockquote{margin:var(--spacing-md)0;padding:var(--spacing-sm)var(--spacing-md);border-left:3px solid var(--color-accent-teal);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-style:italic;line-height:var(--line-height-relaxed);background:#0d94880f}.docs-content-body .docs-table{border-collapse:collapse;width:100%;margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.docs-content-body .docs-table th,.docs-content-body .docs-table td{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);text-align:left}.docs-content-body .docs-table th{background:var(--color-bg-tertiary);color:var(--color-text-primary);font-weight:600}.docs-content-body .docs-table td{color:var(--color-text-secondary)}.docs-content-body .docs-table tbody tr:hover{background:var(--color-bg-secondary)}.docs-content-body img,.docs-content-body .docs-image{max-width:100%;height:auto;margin:var(--spacing-md)0;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 4px 12px #0000004d}.docs-quick-links{gap:var(--spacing-md);margin-top:var(--spacing-2xl);grid-template-columns:repeat(2,1fr);display:grid}.docs-quick-link{padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.docs-quick-link:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover);transform:translateY(-2px)}.docs-quick-link-content{gap:var(--spacing-xs);flex-direction:column;display:flex}.docs-quick-link-title{color:var(--color-text-primary);font-weight:500}.docs-quick-link-desc{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.docs-quick-link-icon{color:var(--color-text-tertiary)}.docs-preview{margin:var(--spacing-2xl)0;padding:var(--spacing-2xl);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#0d948826 0%,#14b8a61a 50%,#06b6d414 100%);justify-content:center;align-items:center;display:flex}.docs-preview-logo{border-radius:var(--radius-xl);width:120px;height:120px}.docs-ai-box{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--spacing-2xl);display:flex}.docs-ai-input{color:var(--color-text-primary);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1}.docs-ai-input::placeholder{color:var(--color-text-tertiary)}.docs-ai-shortcut{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:var(--font-size-xs);padding:4px 8px;font-family:monospace}.docs-ai-submit{background:var(--color-accent-blue);border-radius:var(--radius-md);color:#fff;cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.docs-ai-submit:hover{background:var(--color-accent-blue-light)}:root{--docs-header-height:56px;--docs-sidebar-width:260px}@media (max-width:1024px){.docs-sidebar{transition:transform var(--transition-normal);transform:translate(-100%)}.docs-sidebar.open{transform:translate(0)}.docs-content{padding:var(--spacing-lg);margin-left:0}.docs-quick-links{grid-template-columns:1fr}}@media (max-width:768px){.docs-header-tabs{display:none}.docs-search-input{width:180px}.docs-header-links{display:none}.docs-content-title{font-size:var(--font-size-3xl)}}@media (max-width:480px){.docs-search{display:none}.language-switcher-dropdown{left:auto;right:0}}.docs-sidebar-toggle{bottom:var(--spacing-lg);right:var(--spacing-lg);background:var(--color-accent-gradient);color:#fff;cursor:pointer;width:48px;height:48px;box-shadow:0 4px 20px var(--color-glow-blue);z-index:1000;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed}.docs-sidebar-toggle:hover{transform:scale(1.05)}.docs-sidebar-toggle svg{width:24px;height:24px}.docs-overlay{top:var(--navbar-height);opacity:0;visibility:hidden;z-index:99;background:#00000080;transition:all .3s;position:fixed;bottom:0;left:0;right:0}.docs-overlay.show{opacity:1;visibility:visible}@media (max-width:1024px){.docs-sidebar-toggle{display:flex}.docs-sidebar{top:var(--navbar-height);width:var(--docs-sidebar-width);z-index:100;transition:transform .3s;position:fixed;bottom:0;left:0;transform:translate(-100%)}.docs-sidebar.open{transform:translate(0)}.docs-content{padding:var(--spacing-lg);max-width:100%;margin-left:0}.docs-quick-links{grid-template-columns:1fr}}@media (max-width:768px){.navbar-left{gap:var(--spacing-sm)}.navbar-center,.docs-header-tabs{display:none}.docs-search-input{width:160px}.docs-header-links{display:none}.docs-content{padding:var(--spacing-md)}.docs-content-title{font-size:var(--font-size-2xl)}.docs-content-header{margin-bottom:var(--spacing-lg)}.docs-breadcrumb{flex-wrap:wrap}.docs-content-body pre{max-width:100%;overflow-x:auto}.docs-ai-box{gap:var(--spacing-sm);flex-direction:column}.docs-ai-input{width:100%}.docs-ai-shortcut{display:none}.language-switcher-trigger{padding:var(--spacing-xs)var(--spacing-sm)}.language-switcher-trigger span:last-child{display:none}}@media (max-width:480px){.docs-page{--container-padding:.75rem;--docs-sidebar-width:100%}.docs-navbar .navbar-logo .logo-img{width:32px;height:32px}.docs-navbar .navbar-logo .logo-text{display:none}.docs-content-title{font-size:var(--font-size-xl)}.docs-content-body h2{font-size:var(--font-size-lg)}.docs-content-body h3{font-size:var(--font-size-base)}.docs-sidebar-toggle{bottom:var(--spacing-md);right:var(--spacing-md);width:44px;height:44px}.docs-quick-link{padding:var(--spacing-md)}}
.changelog-page{background:var(--color-bg-primary);min-height:100vh;padding-top:var(--navbar-height)}.changelog-hero{padding:var(--spacing-5xl)0 var(--spacing-3xl);text-align:center;position:relative;overflow:hidden}.changelog-hero:before{content:"";background:radial-gradient(circle,var(--color-glow-teal)0%,transparent 70%);opacity:.3;pointer-events:none;width:600px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.changelog-hero-content{z-index:1;position:relative}.changelog-hero-title{font-size:var(--font-size-5xl);color:var(--color-text-primary);margin-bottom:var(--spacing-md);background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.changelog-hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;line-height:var(--line-height-relaxed);margin:0 auto}.changelog-timeline{padding:var(--spacing-3xl)0 var(--spacing-5xl)}.changelog-timeline-container{max-width:900px;padding-left:var(--spacing-xl);margin:0 auto;position:relative}.changelog-timeline-container:before{content:"";background:linear-gradient(to bottom,transparent 0%,var(--color-border)5%,var(--color-border)95%,transparent 100%);width:2px;position:absolute;top:0;bottom:0;left:0}.changelog-entry{margin-bottom:var(--spacing-3xl);padding-left:var(--spacing-2xl);position:relative}.changelog-entry:before{content:"";left:calc(-1*var(--spacing-xl) - 5px);background:var(--color-accent-teal);width:12px;height:12px;box-shadow:0 0 12px var(--color-glow-teal);border-radius:2px;position:absolute;top:8px;transform:rotate(45deg)}.changelog-entry-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.changelog-date{font-size:var(--font-size-lg);color:var(--color-accent-teal-light);font-family:JetBrains Mono,Fira Code,monospace;font-weight:600}.changelog-version{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;padding:4px 12px;font-weight:500;display:inline-flex}.changelog-tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.changelog-tag{border-radius:var(--radius-sm);font-size:var(--font-size-xs);align-items:center;gap:4px;padding:4px 10px;font-weight:500;display:inline-flex}.changelog-tag-new{color:var(--color-accent-teal-light);background:#0d948826;border:1px solid #0d94884d}.changelog-tag-improved{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.changelog-tag-fixed{color:var(--color-accent-yellow);background:#fbbf2426;border:1px solid #fbbf244d}.changelog-tag-breaking{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.changelog-entry-title{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:600;line-height:var(--line-height-tight)}.changelog-entry-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-normal)}.changelog-entry-content:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover)}.changelog-section{margin-bottom:var(--spacing-lg)}.changelog-section:last-child{margin-bottom:0}.changelog-section-title{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:600;display:flex}.changelog-section-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.changelog-list{margin:0;padding:0;list-style:none}.changelog-list-item{padding-left:var(--spacing-lg);padding-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);position:relative}.changelog-list-item:last-child{padding-bottom:0}.changelog-list-item:before{content:"";background:var(--color-accent-teal);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.changelog-list-nested{margin:var(--spacing-sm)0 0 var(--spacing-lg);padding:0;list-style:none}.changelog-list-nested .changelog-list-item:before{background:var(--color-text-tertiary);width:4px;height:4px}.changelog-image{margin-top:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.changelog-image img{width:100%;height:auto;display:block}.changelog-divider{background:linear-gradient(to right,transparent 0%,var(--color-border)20%,var(--color-border)80%,transparent 100%);height:1px;margin:var(--spacing-lg)0}.changelog-load-more{text-align:center;padding:var(--spacing-2xl)0}.changelog-load-more-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:inline-flex}.changelog-load-more-btn:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.changelog-empty{text-align:center;padding:var(--spacing-4xl)var(--spacing-xl)}.changelog-empty-icon{margin-bottom:var(--spacing-lg);opacity:.5;font-size:4rem}.changelog-empty-text{font-size:var(--font-size-lg);color:var(--color-text-tertiary)}@media (max-width:768px){.changelog-hero{padding:var(--spacing-3xl)0 var(--spacing-2xl)}.changelog-hero-title{font-size:var(--font-size-3xl)}.changelog-hero-subtitle{font-size:var(--font-size-base);padding:0 var(--spacing-md)}.changelog-timeline-container{padding-left:var(--spacing-lg)}.changelog-entry{padding-left:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.changelog-entry:before{left:calc(-1*var(--spacing-lg) - 5px);width:10px;height:10px}.changelog-entry-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.changelog-date{font-size:var(--font-size-base)}.changelog-entry-title{font-size:var(--font-size-lg)}.changelog-entry-content{padding:var(--spacing-lg)}}@media (max-width:480px){.changelog-hero-title{font-size:var(--font-size-2xl)}.changelog-timeline-container:before{left:12px}.changelog-entry:before{width:8px;height:8px;left:5px}.changelog-tags{margin-top:var(--spacing-sm)}.changelog-section-title{font-size:var(--font-size-sm)}.changelog-list-item{font-size:var(--font-size-xs)}}
.referral-page{min-height:calc(100vh - var(--navbar-height));padding-top:calc(var(--navbar-height) + var(--spacing-3xl));padding-bottom:var(--spacing-4xl);position:relative;overflow:hidden}.referral-page .hero-glow{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.referral-hero-card{z-index:10;margin:var(--spacing-3xl)auto var(--spacing-4xl);flex-direction:column;align-items:center;max-width:700px;display:flex;position:relative}.referral-hero-image{z-index:2;width:100%;max-width:350px;margin-bottom:10px;position:relative}.referral-hero-image img{object-fit:contain;filter:drop-shadow(0 10px 30px #0d94884d);mix-blend-mode:lighten;width:100%;height:auto}.referral-hero-content{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);width:100%;padding:var(--spacing-4xl)var(--spacing-3xl)var(--spacing-3xl);text-align:center;background:#141419d9;border:1px solid #0d948833;box-shadow:0 4px 24px #0006,0 0 60px #0d94881a,inset 0 1px #ffffff0d}.referral-hero-subtitle{font-size:clamp(2rem,4vw,var(--font-size-4xl));color:#fff;margin-bottom:var(--spacing-lg);letter-spacing:.08em;font-weight:600}.referral-hero-title-new{font-size:clamp(1.5rem,3vw,var(--font-size-2xl));margin-bottom:var(--spacing-2xl);color:var(--color-text-secondary);font-weight:600;line-height:1.3}.referral-hero-title-new .highlight-text{background:linear-gradient(135deg,#0d9488 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;padding:0 .1em;font-family:SF Mono,Menlo,monospace}.referral-link-bar{text-align:left;width:100%}.referral-link-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);margin-left:12px}.referral-link-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast);background:#0f0f0f;align-items:center;padding:6px;display:flex;box-shadow:0 4px 20px #0003}.referral-link-wrapper:hover,.referral-link-wrapper:focus-within{border-color:#0d948880;box-shadow:0 0 0 4px #0d94881a}.referral-link-input-new{color:var(--color-text-primary);font-size:var(--font-size-base);padding:0 var(--spacing-lg);background:0 0;border:none;outline:none;flex:1;width:100%;font-family:SF Mono,Menlo,monospace}.btn-copy-new{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-xl);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-weight:600;font-size:var(--font-size-sm);white-space:nowrap;background:linear-gradient(135deg,#0d9488 0%,#06b6d4 100%);border:none;flex-shrink:0;display:flex}.btn-copy-new:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #0d948866}.btn-copy-new.copied{background:var(--color-success);color:#fff}.btn-login-for-link{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md)var(--spacing-xl);color:#fff;border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#0d9488 0%,#06b6d4 100%);border:none;text-decoration:none;display:flex;box-shadow:0 4px 20px #0d94884d}.btn-login-for-link:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 24px #0d948880}.btn-login-for-link svg{flex-shrink:0}.referral-stats-grid{gap:var(--spacing-lg);margin-top:var(--spacing-4xl);margin-bottom:var(--spacing-4xl);grid-template-columns:repeat(2,1fr);max-width:800px;margin-left:auto;margin-right:auto;display:grid}.referral-stat-card{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:transform var(--transition-normal);display:flex}.referral-stat-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.referral-stat-icon.invited{color:#60a5fa;background:#3b82f626}.referral-stat-icon.credits{color:#34d399;background:#10b98126}.referral-stat-content{flex-direction:column;display:flex}.referral-stat-value{font-size:var(--font-size-3xl);color:var(--color-text-primary);font-weight:700}.referral-stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.referral-rules-grid{gap:var(--spacing-xl);margin:var(--spacing-5xl)auto;grid-template-columns:repeat(3,1fr);max-width:1000px;display:grid}.rule-card{padding:var(--spacing-xl);text-align:center;border-radius:var(--radius-xl);transition:all var(--transition-normal);border:1px solid #0000;flex-direction:column;align-items:center;display:flex}.rule-card:hover{background:#ffffff05;border-color:#ffffff0d}.rule-icon-wrapper{margin-bottom:var(--spacing-lg);flex-direction:column;justify-content:center;align-items:center;height:100px;display:flex}.rule-icon{width:42px;height:42px;color:var(--color-text-tertiary);stroke-width:1.5px;margin-bottom:var(--spacing-sm);transition:color var(--transition-fast)}.rule-card:hover .rule-icon{color:var(--color-accent-purple)}.rule-values{font-family:SF Mono,Menlo,monospace;font-weight:700;font-size:var(--font-size-xl);color:var(--color-text-primary);align-items:center;gap:8px;display:flex}.rule-single-value{font-family:SF Mono,Menlo,monospace;font-weight:700;font-size:var(--font-size-2xl);color:var(--color-text-primary)}.val-left{color:var(--color-text-secondary)}.val-right{color:var(--color-text-primary)}.arrow{color:var(--color-text-tertiary);font-size:.8em;font-weight:400}.rule-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:280px;margin:0 auto;line-height:1.6}.referral-history{max-width:800px;margin:0 auto var(--spacing-xl)}.referral-history-title{margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-weight:600}.referral-history-list{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.referral-history-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex}.referral-history-item:last-child{border-bottom:none}.referral-history-avatar{background:var(--color-bg-tertiary);width:36px;height:36px;font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.referral-history-info{flex-direction:column;flex:1;display:flex}.referral-history-name{font-size:var(--font-size-sm);color:var(--color-text-primary)}.referral-history-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.referral-history-credits{font-size:var(--font-size-sm);color:var(--color-success);font-weight:600}.btn-earn-credits{z-index:1;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);background:linear-gradient(135deg,#0d9488 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;color:#0d9488;font-size:var(--font-size-sm);transition:all var(--transition-fast);-webkit-background-clip:text;background-clip:text;border:none;font-weight:600;text-decoration:none;display:flex;position:relative}.btn-earn-credits:hover{filter:brightness(1.2);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #0d948880;background-image:linear-gradient(135deg,#0d9488 0%,#06b6d4 100%);-webkit-background-clip:text;transform:translateY(-1px)}.btn-earn-credits svg{stroke-width:2.5px;stroke:#0d9488;width:18px;height:18px;transition:stroke var(--transition-fast)}.btn-earn-credits:hover svg{stroke:#06b6d4;filter:drop-shadow(0 0 5px #06b6d480)}@media (max-width:768px){.referral-hero-card{margin:var(--spacing-xl)auto var(--spacing-3xl)}.referral-hero-image{max-width:280px}.referral-hero-content{padding:var(--spacing-3xl)var(--spacing-lg)var(--spacing-xl)}.referral-stats-grid,.referral-rules-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.referral-hero-title-new{font-size:1.75rem}.referral-link-wrapper{padding:var(--spacing-md);border-radius:var(--radius-lg);background:#0f0f0fcc;flex-direction:column}.referral-link-input-new{width:100%;margin-bottom:var(--spacing-md);text-align:center;padding:0}.btn-copy-new{justify-content:center;width:100%}}
.desktop-success-container{min-height:100vh;padding:var(--spacing-2xl)var(--spacing-lg);z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.desktop-success-logo{top:var(--spacing-xl);left:var(--spacing-xl);position:absolute}.desktop-success-logo .logo-img{border-radius:var(--radius-md);width:40px;height:40px}.success-icon{width:80px;height:80px;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:2px solid #22c55e4d;border-radius:50%;justify-content:center;align-items:center;animation:.5s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex}.success-icon svg{stroke:#22c55e;width:40px;height:40px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-title{font-size:var(--font-size-2xl);color:var(--color-accent-teal);margin-bottom:var(--spacing-xl);font-weight:700}.user-card{align-items:center;gap:var(--spacing-xl);padding:var(--spacing-lg)var(--spacing-2xl);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-2xl);background:#ffffff08;display:flex}.user-card-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.user-info{align-items:center;gap:var(--spacing-sm);display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.user-avatar-placeholder{background:var(--color-accent-teal);color:#fff;width:32px;height:32px;font-size:var(--font-size-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.user-name{font-size:var(--font-size-base);color:var(--color-text-secondary)}.success-message{text-align:center;margin-bottom:var(--spacing-xl)}.success-message-title{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.success-message-desc{font-size:var(--font-size-sm);color:var(--color-text-tertiary);max-width:360px}.open-app-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:12px;min-width:180px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s}.open-app-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #14b8a666}.close-hint{bottom:var(--spacing-xl);font-size:var(--font-size-xs);color:var(--color-text-tertiary);opacity:.6;position:absolute}
.admin-layout{background:#0a0a0f;min-height:100vh}.admin-sidebar{z-index:50;background:linear-gradient(#111118 0%,#0d0d12 100%);border-right:1px solid #0d94881a;width:250px;height:100vh;padding:24px 0;position:fixed;top:0;left:0;overflow-y:auto}.admin-sidebar-header{border-bottom:1px solid #0d94881a;margin-bottom:24px;padding:0 24px 24px}.admin-sidebar-logo{color:#fff;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;text-decoration:none;display:flex}.admin-sidebar-logo img{width:32px;height:32px}.admin-nav{padding:0 12px}.admin-nav-section{margin-bottom:24px}.admin-nav-title{color:#fff6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 12px;font-size:.75rem;font-weight:500}.admin-nav-item{color:#ffffffb3;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.admin-nav-item:hover{color:#fff;background:#0d94881a}.admin-nav-item.active{color:#14b8a6;background:linear-gradient(135deg,#0d948833 0%,#14b8a633 100%)}.admin-nav-item svg{flex-shrink:0;width:20px;height:20px}.admin-main{min-height:100vh;margin-left:250px;padding:24px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-page-title{color:#fff;font-size:1.75rem;font-weight:600}.admin-user-info{color:#ffffffb3;align-items:center;gap:12px;display:flex}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.admin-stat-card{background:linear-gradient(135deg,#0d94880d 0%,#14b8a60d 100%);border:1px solid #0d94881a;border-radius:12px;padding:24px;transition:all .3s}.admin-stat-card:hover{border-color:#0d94884d;transform:translateY(-2px)}.admin-stat-label{color:#fff9;margin-bottom:8px;font-size:.875rem}.admin-stat-value{color:#fff;font-size:2rem;font-weight:700}.admin-stat-change{border-radius:4px;align-items:center;gap:4px;margin-top:8px;padding:4px 8px;font-size:.875rem;display:inline-flex}.admin-stat-change.positive{color:#10b981;background:#10b9811a}.admin-stat-change.negative{color:#ef4444;background:#ef44441a}.admin-table-container{background:linear-gradient(135deg,#0d948808 0%,#14b8a608 100%);border:1px solid #0d94881a;border-radius:12px;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table th{color:#fffc;text-align:left;background:#0d94881a;border-bottom:1px solid #0d94881a;padding:16px;font-size:.875rem;font-weight:500}.admin-table td{color:#ffffffe6;border-bottom:1px solid #0d94880d;padding:16px;font-size:.9rem}.admin-table tr:hover td{background:#0d94880d}.admin-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.admin-btn-primary{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%)}.admin-btn-primary:hover{background:linear-gradient(135deg,#0a7269 0%,#0f766e 100%);transform:translateY(-1px)}.admin-btn-secondary{color:#ffffffe6;background:#ffffff1a;border:1px solid #fff3}.admin-btn-secondary:hover{background:#ffffff26}.admin-btn-danger{color:#ef4444;background:#ef444433;border:1px solid #ef44444d}.admin-btn-danger:hover{background:#ef44444d}.admin-btn-sm{padding:6px 12px;font-size:.8rem}.admin-form-group{margin-bottom:20px}.admin-form-label{color:#fffc;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.admin-form-input,.admin-form-textarea,.admin-form-select{color:#fff;background:#ffffff0d;border:1px solid #0d948833;border-radius:8px;width:100%;padding:12px 16px;font-size:.9rem;transition:all .2s}.admin-form-input:focus,.admin-form-textarea:focus,.admin-form-select:focus{border-color:#0d9488;outline:none;box-shadow:0 0 0 3px #0d94881a}.admin-form-textarea{resize:vertical;min-height:120px}.admin-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background:#111118;border:1px solid #0d948833;border-radius:16px;width:90%;max-width:600px;max-height:90vh;padding:32px;overflow-y:auto}.admin-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-modal-title{color:#fff;font-size:1.25rem;font-weight:600}.admin-modal-close{color:#fff9;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.admin-modal-close:hover{color:#fff}.admin-badge{border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.admin-badge-success{color:#10b981;background:#10b9811a}.admin-badge-warning{color:#f59e0b;background:#f59e0b1a}.admin-badge-danger{color:#ef4444;background:#ef44441a}.admin-badge-info{color:#14b8a6;background:#0d94881a}.admin-pagination{justify-content:center;gap:8px;margin-top:24px;display:flex}.admin-pagination-btn{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #0d948833;border-radius:6px;padding:8px 16px;transition:all .2s}.admin-pagination-btn:hover:not(:disabled){background:#0d94881a;border-color:#0d94884d}.admin-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-pagination-btn.active{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%);border-color:#0000}.admin-search-bar{gap:16px;margin-bottom:24px;display:flex}.admin-search-input{flex:1;max-width:400px}.admin-empty{text-align:center;color:#ffffff80;flex-direction:column;align-items:center;padding:48px;display:flex}.admin-empty svg{opacity:.5;width:64px;height:64px;margin-bottom:16px}.admin-empty .admin-btn{margin-top:16px}.admin-loading{color:#fff9;justify-content:center;align-items:center;padding:48px;display:flex}.admin-loading-spinner{border:3px solid #0d948833;border-top-color:#0d9488;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-login-page{background:linear-gradient(135deg,#0a0a0f 0%,#111118 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-login-card{background:linear-gradient(135deg,#0d94880d 0%,#14b8a60d 100%);border:1px solid #0d948833;border-radius:16px;width:100%;max-width:400px;padding:48px}.admin-login-title{text-align:center;color:#fff;margin-bottom:32px;font-size:1.5rem;font-weight:600}.admin-login-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:20px;padding:12px;font-size:.875rem}.admin-page{padding:0}.admin-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.admin-page-subtitle{color:#ffffff80;margin-top:8px;font-size:.9rem}.admin-content{min-height:200px}.admin-cards{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}.admin-card{background:linear-gradient(135deg,#0d94880d 0%,#14b8a60d 100%);border:1px solid #0d948826;border-radius:16px;transition:all .3s;overflow:hidden}.admin-card:hover{border-color:#0d94884d;transform:translateY(-2px);box-shadow:0 8px 32px #0d948826}.admin-card-header{align-items:flex-start;gap:16px;padding:24px 24px 16px;display:flex}.admin-card-icon{background:linear-gradient(135deg,#0d948833 0%,#14b8a633 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-card-icon svg{color:#14b8a6;width:24px;height:24px}.admin-card-title-group{flex:1;min-width:0}.admin-card-title{color:#fff;margin-bottom:6px;font-size:1.1rem;font-weight:600}.admin-card-badge{color:#14b8a6;background:#0d948826;border-radius:6px;padding:4px 10px;font-size:.75rem;display:inline-block}.admin-card-body{padding:0 24px 16px}.admin-card-row{border-bottom:1px solid #0d948814;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.admin-card-row:last-child{border-bottom:none}.admin-card-label{color:#ffffff80;font-size:.85rem}.admin-card-value{color:#ffffffe6;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-size:.85rem;overflow:hidden}.admin-card-secret{letter-spacing:.05em;font-family:monospace}.admin-card-footer{background:#0003;border-top:1px solid #0d948814;gap:8px;padding:16px 24px;display:flex}.admin-btn svg{width:16px;height:16px}.admin-btn-success{color:#10b981;background:#10b98133;border:1px solid #10b9814d}.admin-btn-success:hover{background:#10b9814d}.admin-btn-success:disabled{opacity:.5;cursor:not-allowed}.admin-loading-container{color:#fff9;flex-direction:column;justify-content:center;align-items:center;padding:64px;display:flex}.admin-loading-container p{margin-top:16px}.user-menu{position:relative}.user-avatar-trigger{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.user-avatar-trigger:hover{opacity:.8}.user-dropdown{opacity:0;visibility:hidden;z-index:1000;background:#1a1a1a;border:1px solid #0d948833;border-radius:12px;min-width:220px;transition:all .2s;position:absolute;top:calc(100% + 12px);right:-10px;transform:translateY(-10px);box-shadow:0 10px 40px #00000080}.user-dropdown:before{content:"";background:#1a1a1a;border-top:1px solid #0d948833;border-left:1px solid #0d948833;width:14px;height:14px;position:absolute;top:-8px;right:20px;transform:rotate(45deg)}.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-header{cursor:pointer;border-radius:12px 12px 0 0;padding:16px 20px;text-decoration:none;transition:background .2s;display:block}.user-dropdown-header:hover{background:#0d94881a}.user-name{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:600;display:block}.user-email{color:#ffffff80;font-size:.875rem;display:block}.user-dropdown-divider{background:#0d948826;height:1px;margin:4px 0}.user-dropdown-item{color:#ffffffe6;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.user-dropdown-item:hover{color:#fff;background:#0d94881a}.user-dropdown-item svg{opacity:.7;flex-shrink:0}.user-dropdown-logout{color:#ef4444}.user-dropdown-logout:hover{color:#ef4444;background:#ef44441a}.user-avatar{color:#1a1a1a;background:#4a4a4a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.payment-settings-page .page-description{color:var(--color-text-secondary);margin-top:8px;font-size:.95rem}.payment-settings-page .settings-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.payment-settings-page .settings-section-title{color:var(--color-text-primary);margin-bottom:20px;font-size:1.1rem;font-weight:600}.payment-settings-page .settings-form{flex-direction:column;gap:20px;display:flex}.payment-settings-page .form-group{flex-direction:column;gap:6px;display:flex}.payment-settings-page .form-label{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.payment-settings-page .form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);padding:10px 14px;font-family:monospace;font-size:.9rem;transition:border-color .2s}.payment-settings-page .form-input:focus{border-color:var(--color-primary,#7c3aed);outline:none}.payment-settings-page .form-input::placeholder{color:var(--color-text-tertiary)}.payment-settings-page .form-hint{color:var(--color-text-tertiary);margin:0;font-size:.8rem}.payment-settings-page .settings-actions{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px}.payment-settings-page .settings-info{background:#6366f10d;border:1px solid #6366f11a}.payment-settings-page .settings-info h3{color:var(--color-text-primary);margin-bottom:12px;font-size:1rem}.payment-settings-page .settings-info ul{color:var(--color-text-secondary);margin:0;padding-left:20px;font-size:.875rem;line-height:1.8}.payment-settings-page .settings-info ul li{margin-bottom:4px}.payment-settings-page .settings-info a{color:var(--color-primary,#7c3aed);text-decoration:none}.payment-settings-page .settings-info a:hover{text-decoration:underline}.payment-settings-page .settings-info code{background:var(--color-bg-tertiary);border-radius:4px;padding:2px 6px;font-size:.8rem}.payment-settings-page .page-footer{background:var(--color-bg-primary);border-top:1px solid var(--color-border);justify-content:flex-end;padding:16px 0;display:flex;position:sticky;bottom:0}.payment-settings-page .alert{border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;display:flex}.payment-settings-page .alert-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.payment-settings-page .alert-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.payment-settings-page .alert-icon{font-size:1.1rem}.payment-settings-page .btn{border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.payment-settings-page .btn:disabled{opacity:.6;cursor:not-allowed}.payment-settings-page .btn-primary{background:var(--color-primary,#7c3aed);color:#fff}.payment-settings-page .btn-primary:hover:not(:disabled){background:var(--color-primary-hover,#6d28d9)}.payment-settings-page .btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.payment-settings-page .btn-secondary:hover:not(:disabled){background:var(--color-bg-primary)}.payment-settings-page .loading{text-align:center;color:var(--color-text-tertiary);padding:60px}