@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";.offline-page-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1e293b,#0f172a);color:#fff;padding:1rem}.offline-content{text-align:center;max-width:450px}.offline-icon-wrapper{margin-bottom:2rem;display:inline-block}.offline-icon{color:#94a3b8;filter:drop-shadow(0 0 20px rgba(148,163,184,.3))}.offline-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff}.offline-message{color:#94a3b8;line-height:1.6;margin-bottom:2.5rem;font-size:1.1rem}.retry-btn{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2rem;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #3b82f666}.retry-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680;background:#2563eb}.retry-btn:disabled{opacity:.7;cursor:wait}.spin{animation:spin 1s linear infinite}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid transparent;padding:1rem 0}.navbar.scrolled{background:#0a0a0a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);padding:.8rem 0}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:50px}.logo{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.4rem;color:var(--color-text-main);letter-spacing:-.02em}.logo-icon{color:var(--color-primary);filter:drop-shadow(0 0 8px var(--color-primary-glow))}.desktop-menu{display:flex;gap:2.5rem;background:#ffffff08;padding:.5rem 1.5rem;border-radius:50px;border:1px solid rgba(255,255,255,.05)}.nav-link{color:var(--color-text-muted);font-weight:500;font-size:.95rem;transition:color .2s;position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%) scaleX(0);width:100%;height:1px;background:var(--color-primary);transition:transform .2s}.nav-link:hover:after{transform:translate(-50%) scaleX(1)}.desktop-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color .2s}.theme-toggle:hover{color:var(--color-text-main)}.btn-primary{display:flex;align-items:center;gap:.4rem;background:var(--color-text-main);color:var(--color-bg);padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.9rem;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffffff26}.nav-link-simple{color:var(--color-text-main);font-weight:500;font-size:.9rem;padding:.5rem}.nav-link-simple:hover{color:var(--color-primary)}.mobile-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;background:#ffffff0d;border-radius:50%;cursor:pointer;z-index:1002;align-items:center;border:1px solid rgba(255,255,255,.1);transition:all .2s}.mobile-toggle:hover{background:#ffffff1a}.bar{width:18px;height:2px;background-color:var(--color-text-main);transition:all .3s cubic-bezier(.16,1,.3,1);transform-origin:center}.mobile-toggle.active .bar-1{transform:translateY(4px) rotate(45deg)}.mobile-toggle.active .bar-2{transform:translateY(-4px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-bg);z-index:1001;display:flex;align-items:center;justify-content:center;overflow:hidden}.glow-mobile{position:absolute;bottom:-20%;left:-20%;width:80%;height:60%;background:var(--color-primary);filter:blur(150px);opacity:.2;border-radius:50%}.mobile-links-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;z-index:2;width:100%;max-width:300px}.mobile-links-container a{font-size:2rem;font-weight:700;color:var(--color-text-main);letter-spacing:-.02em;text-decoration:none;transition:color .2s}.mobile-links-container a:hover{color:var(--color-primary)}.mobile-divider{width:40px;height:2px;background:var(--color-border);margin:1rem 0}.mobile-auth-actions{display:flex;flex-direction:column;gap:1rem;width:100%}.btn-mobile-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--color-text-main);color:var(--color-bg);padding:1rem;border-radius:12px;font-weight:600;font-size:1.1rem;width:100%}.btn-mobile-secondary{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-main);padding:1rem;border-radius:12px;font-weight:600;font-size:1.1rem;border:1px solid var(--color-border);width:100%}.mobile-theme-btn{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.9rem;margin-top:1rem}@media(max-width:768px){.navbar{padding:.8rem 0}.desktop-menu,.desktop-actions{display:none}.mobile-toggle{display:flex}.mobile-menu{position:fixed;top:70px;left:0;width:100%;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem;box-shadow:0 10px 30px #00000080}.mobile-menu a{font-size:1.1rem;color:var(--color-text-main)}.mobile-actions{display:flex;flex-direction:column;gap:.8rem;padding-top:1rem;border-top:1px solid var(--color-border)}.btn-secondary{text-align:center;padding:.8rem;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-main);font-weight:500}}.navbar.scrolled{background:#0a0a0acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:80px}.logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.5rem;color:var(--color-text-main)}.logo-icon{color:var(--color-primary)}.desktop-menu{display:flex;gap:2rem}.nav-link{color:var(--color-text-muted);font-weight:500;transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text-main)}.desktop-actions{display:flex;align-items:center;gap:1.5rem}.btn-primary{display:flex;align-items:center;gap:.5rem;background:var(--gradient-brand);color:#fff;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;transition:opacity var(--transition-fast)}.btn-primary:hover{opacity:.9}.mobile-toggle{display:none;color:var(--color-text-main);cursor:pointer}@media(max-width:768px){.desktop-menu,.desktop-actions{display:none}.mobile-toggle{display:block}.mobile-menu{background:var(--color-surface);padding:1rem;display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid var(--color-border)}.mobile-menu a{color:var(--color-text-main);padding:.5rem 0;font-weight:500}.mobile-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.btn-secondary{text-align:center;padding:.6rem;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-main)}}.hero{position:relative;padding:8rem 0 6rem;overflow:hidden;min-height:90vh;display:flex;align-items:center}.hero-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-radial-glow{background:radial-gradient(ellipse 60% 50% at 50% 30%,rgba(var(--color-primary-rgb),.08) 0%,transparent 70%);pointer-events:none}.absolute-fill{position:absolute;top:0;left:0;width:100%;height:100%}.hero-content{display:flex;flex-direction:column;align-items:center;gap:4rem;position:relative;z-index:1}.hero-text-center{text-align:center;max-width:800px;margin:0 auto}.pill-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:.9rem;color:var(--color-text-muted);margin-bottom:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pill-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 8px var(--color-primary)}.hero-title{font-size:4.5rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:1.5rem}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);line-height:1.6;max-width:600px;margin:0 auto 2.5rem}.hero-actions-center{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.btn-hero-primary{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--color-text-main);color:var(--color-bg);font-weight:600;font-size:1rem;border-radius:8px;transition:transform .2s,box-shadow .2s}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.btn-hero-secondary{padding:1rem 2rem;background:#ffffff0d;color:var(--color-text-main);border:1px solid rgba(255,255,255,.1);font-weight:500;font-size:1rem;border-radius:8px;transition:background .2s}.btn-hero-secondary:hover{background:#ffffff1a}.hero-trust{display:flex;flex-direction:column;align-items:center;gap:.8rem;font-size:.9rem;color:var(--color-text-muted)}.trust-avatars{display:flex}.avatar-circle{width:32px;height:32px;border-radius:50%;border:3px solid var(--color-bg);margin-left:-10px}.avatar-circle:first-child{margin-left:0}.hero-visual-center{width:100%;max-width:900px;position:relative;margin-top:-2rem}.app-mockup{width:100%;background:#111;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:16 / 9}.mockup-header{height:40px;background:#ffffff0d;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.window-dots{display:flex;gap:6px;margin-right:1rem}.window-dots span{width:10px;height:10px;border-radius:50%;background:#fff3}.mockup-url{flex:1;background:#0000004d;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#666;max-width:400px;margin:0 auto}.mockup-body{display:flex;height:calc(100% - 40px)}.mockup-sidebar{width:200px;border-right:1px solid rgba(255,255,255,.05);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.mockup-nav-item{height:12px;background:#ffffff1a;border-radius:4px;width:80%}.mockup-nav-item.active{background:var(--color-primary);width:100%}.mockup-content{flex:1;padding:2rem;background:linear-gradient(to bottom right,rgba(59,130,246,.05),transparent)}.mockup-card-lg{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.mockup-row{display:flex;gap:1rem;margin-bottom:1.5rem}.mockup-icon-box{width:40px;height:40px;background:#3b82f633;border-radius:8px;display:flex;align-items:center;justify-content:center}.mockup-text-lines .line{background:#ffffff1a;border-radius:4px;height:10px;margin-bottom:6px}.line-md{width:120px}.line-sm{width:80px}.line-xs{width:40px}.mockup-stat-big{font-size:2rem;font-weight:700;margin-bottom:.5rem}.mockup-tag{display:inline-block;font-size:.75rem;padding:.25rem .6rem;background:#10b98133;color:#10b981;border-radius:4px}.mockup-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mockup-card-sm{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:1rem}.text-muted{color:#666}.text-accent{color:var(--color-accent)}.mt-2{margin-top:.8rem}.floating-bubble{position:absolute;padding:.8rem 1.2rem;border-radius:12px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;z-index:10}.bubble-1{top:20%;right:-20px;background:#141414cc!important}.bubble-2{bottom:20%;left:-20px;background:#141414cc!important}.bubble-icon{color:var(--color-primary);flex-shrink:0}@media(max-width:768px){.hero{padding:6rem 0 4rem;min-height:auto}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-actions-center{flex-direction:column;width:100%;padding:0 1rem}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}.app-mockup{aspect-ratio:auto;height:300px}.mockup-sidebar,.bubble-1,.bubble-2{display:none}}.features-section{padding:6rem 0;position:relative;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0%,transparent 50%)}.section-header{margin-bottom:4rem}.section-header.center{text-align:center;max-width:800px;margin:0 auto 5rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;margin-top:1rem}.section-header p{color:var(--color-text-muted);font-size:1.1rem}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,300px);gap:1.5rem}.bento-card{position:relative;border-radius:20px;overflow:hidden;padding:2rem;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.bento-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000004d}.card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between}.feature-icon-wrapper{width:50px;height:50px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:1.5rem}.feature-text h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.feature-text p{color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.card-bg-gradient{position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;background:var(--color-primary);filter:blur(80px);opacity:.1;z-index:1;transition:opacity .3s}.bento-card:hover .card-bg-gradient{opacity:.2}.grid-lg{grid-column:span 2;grid-row:span 1}.grid-md,.grid-sm{grid-column:span 1;grid-row:span 1}@media(max-width:968px){.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.grid-lg,.grid-md,.grid-sm{grid-column:span 1;grid-row:auto;min-height:250px}}.global-stats{padding:80px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:radial-gradient(ellipse at center,rgba(var(--color-primary-rgb),.04) 0%,transparent 70%);position:relative;overflow:hidden}.stats-wrapper{text-align:center;position:relative;z-index:2}.stats-wrapper h3{margin-bottom:3rem;font-size:1rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-box{padding:2rem;position:relative;display:flex;flex-direction:column;align-items:center}.stat-box:after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:linear-gradient(to bottom,transparent,var(--color-border),transparent)}.stat-box:last-child:after{display:none}.stat-number{display:block;font-size:3rem;font-weight:800;line-height:1;margin-bottom:.5rem;letter-spacing:-.03em;color:var(--color-text-main)}.stat-desc{font-size:1rem;color:var(--color-text-muted);font-weight:500}@media(max-width:968px){.stats-grid{grid-template-columns:1fr 1fr;gap:0}.stat-box:after{display:none}.stat-box{border-bottom:1px solid var(--color-border);padding:1.5rem}.stat-box:nth-last-child(-n+2){border-bottom:none}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr;gap:0}.stat-box{border-bottom:1px solid var(--color-border);padding:1.5rem}.stat-box:last-child{border-bottom:none}.stat-number{font-size:2.5rem}}.footer{position:relative;padding:8rem 0 3rem;background:#000;border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.footer:before{content:"";position:absolute;bottom:-50%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 60%);filter:blur(80px);z-index:0;pointer-events:none}.footer .container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem}.footer-top{display:grid;grid-template-columns:2fr 3fr;gap:4rem;margin-bottom:5rem}.footer-brand{max-width:320px}.footer-brand .logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:1.5rem}.footer-brand .logo-icon{color:#3b82f6}.footer-brand p{color:#888;font-size:.95rem;line-height:1.6;margin-bottom:2rem}.social-links{display:flex;gap:1.25rem}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#888;transition:all .3s ease}.social-links a:hover{color:#fff;background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.link-col{display:flex;flex-direction:column;gap:1rem}.link-col h4{font-size:.95rem;font-weight:600;color:#e2e8f0;margin-bottom:.75rem;letter-spacing:.02em}.link-col a{color:#888;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s ease;width:fit-content}.link-col a:hover{color:#fff}.footer-bottom{padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;color:#888;font-size:.85rem}.system-status{display:flex;align-items:center;gap:.5rem;background:#10b9810d;border:1px solid rgba(16,185,129,.2);padding:.35rem .75rem;border-radius:20px;color:#10b981;font-size:.8rem;font-weight:500;transition:background .2s;cursor:default}.system-status:hover{background:#10b9811a}.status-dot{width:6px;height:6px;background-color:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981cc;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 4px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.legal-links{display:flex;gap:2rem}.legal-links a{color:#888;transition:color .2s}.legal-links a:hover{color:#fff}@media(max-width:900px){.footer-top{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:1.5rem;align-items:flex-start}.legal-links{gap:1.5rem}}.dev-section{padding:100px 0;position:relative;overflow:hidden;background:radial-gradient(circle at 100% 50%,rgba(59,130,246,.05),transparent 40%)}.dev-content-wrapper{display:flex;align-items:center;gap:4rem;justify-content:space-between}.dev-text{flex:1;max-width:500px}.dev-text h2{font-size:2.8rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.02em}.dev-text p{color:var(--color-text-muted);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.dev-features-list{list-style:none;margin-bottom:2.5rem;display:flex;flex-direction:column;gap:1rem}.dev-features-list li{display:flex;align-items:center;gap:1rem;font-size:1rem;color:var(--color-text-main)}.check-circle{width:24px;height:24px;border-radius:50%;background:#10b9811a;color:#10b981;display:flex;align-items:center;justify-content:center}.btn-dev-docs{padding:.8rem 1.6rem;background:#ffffff0d;border:1px solid var(--color-border);color:var(--color-text-main);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-dev-docs:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}.dev-terminal-wrapper{flex:1;position:relative}.glass-terminal{background:#0f0f14e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #00000080;font-family:JetBrains Mono,Fira Code,monospace}.terminal-header{background:#ffffff08;padding:.8rem 1.2rem;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.terminal-controls{display:flex;gap:6px;margin-right:auto}.control{width:10px;height:10px;border-radius:50%}.control.red{background:#ef4444}.control.yellow{background:#f59e0b}.control.green{background:#10b981}.terminal-title{color:var(--color-text-muted);font-size:.8rem;margin-right:auto}.terminal-copy{color:var(--color-text-muted);cursor:pointer;opacity:.6}.terminal-body{padding:1.5rem;font-size:.85rem;color:#e2e8f0;line-height:1.5}.token.keyword{color:#f472b6}.token.flag{color:#60a5fa}.token.string{color:#a78bfa}.terminal-response{margin-top:1.5rem;padding-top:1rem;border-top:1px dashed rgba(255,255,255,.1);color:#94a3b8}.response-meta{display:flex;gap:1rem;font-size:.75rem;margin-bottom:.5rem}.status-success{color:#10b981}.terminal-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:var(--color-primary);filter:blur(120px);opacity:.15;z-index:-1;border-radius:20px}@media(max-width:968px){.dev-content-wrapper{flex-direction:column;gap:3rem}.dev-text{text-align:center}.dev-text .pill-badge{align-self:center}.dev-features-list{align-items:flex-start;display:inline-flex;text-align:left}}.support-section{position:relative;padding:10rem 0;background:#000;border-top:1px solid rgba(255,255,255,.05);overflow:hidden;font-family:Inter,-apple-system,sans-serif}.support-background{position:absolute;inset:0;z-index:0;pointer-events:none}.support-glow{position:absolute;top:0;right:0;width:800px;height:800px;transform:translate(30%,-30%);background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 60%);filter:blur(80px)}.support-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.support-left{max-width:500px}.support-left h2{font-size:3.5rem;font-weight:700;letter-spacing:-.04em;color:#fff;line-height:1.1;margin-bottom:1.5rem}.support-left h2 span{color:#888}.support-left p{font-size:1.1rem;color:#888;line-height:1.6;margin-bottom:3rem}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.method-item{display:flex;align-items:flex-start;gap:1rem}.method-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#fff}.method-text h4{font-size:.95rem;font-weight:600;color:#fff;margin:0 0 .25rem}.method-text p{font-size:.9rem;color:#888;margin:0}.support-right{position:relative}.modern-form{background:#0a0a0a;border:1px solid #222;border-radius:16px;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 20px 40px #00000080}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.input-block{display:flex;flex-direction:column;gap:.5rem}.input-block label{font-size:.85rem;font-weight:500;color:#888}.modern-input{width:100%;background:#000;border:1px solid #333;border-radius:8px;padding:.85rem 1rem;color:#fff;font-size:.95rem;font-family:inherit;transition:all .2s ease}.modern-input::placeholder{color:#444}.modern-input:focus{outline:none;border-color:#666;box-shadow:0 0 0 1px #666}textarea.modern-input{resize:vertical;min-height:120px}.submit-btn{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;color:#000;border:none;padding:1rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#e5e5e5;transform:translateY(-1px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn.processing{background:#222;color:#fff;cursor:not-allowed;border:1px solid #333}.submit-btn.success{background:#10b981;color:#fff}@media(max-width:900px){.support-container{grid-template-columns:1fr;gap:4rem}.support-left h2{font-size:2.5rem}.form-row{grid-template-columns:1fr}.modern-form{padding:2rem 1.5rem}}.auth-layout{display:flex;min-height:100vh;background:var(--color-bg);overflow:hidden}.auth-visual{flex:1;position:relative;background:#050505;display:flex;flex-direction:column;justify-content:space-between;padding:4rem;overflow:hidden;color:#fff}.visual-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px)}.visual-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between}.brand-badge{display:flex;align-items:center;gap:.8rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.visual-hero{max-width:600px}.visual-hero h2{font-size:4rem;line-height:1.1;font-weight:800;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.visual-hero p{color:#a1a1aa;font-size:1.25rem;line-height:1.6;margin-bottom:3rem}.feature-pills{display:flex;gap:1rem;flex-wrap:wrap}.feature-pills span{padding:.6rem 1.2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-form-container{flex:0 0 550px;display:flex;align-items:center;justify-content:center;padding:4rem;background:var(--color-bg);position:relative;z-index:10;box-shadow:-20px 0 50px #0003}.auth-form-wrapper{width:100%;max-width:400px}.auth-header{margin-bottom:3rem;text-align:center}.auth-header h1{font-size:2.2rem;font-weight:700;margin-bottom:.8rem;letter-spacing:-.02em}.auth-header a{color:var(--color-primary);font-weight:500;text-decoration:none}.auth-header a:hover{text-decoration:underline}.form-group{margin-bottom:1.8rem}.form-label{display:block;margin-bottom:.6rem;font-size:.9rem;font-weight:500;color:var(--color-text-main)}.form-input{width:100%;padding:1rem 1.2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-main);font-size:1rem;transition:all .2s}.form-input:focus{outline:none;background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow)}.btn-auth{width:100%;padding:1rem;background:var(--color-text-main);color:var(--color-bg);font-weight:600;font-size:1.05rem;border-radius:12px;transition:transform .2s;margin-top:1rem}.btn-auth:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ffffff1a}.btn-auth:disabled{opacity:.7;cursor:not-allowed;transform:none}@media(max-width:1024px){.auth-layout{flex-direction:column}.auth-visual{display:none}.auth-form-container{flex:1;width:100%;padding:2rem}}.auth-visual{flex:1;position:relative;background:#000;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;overflow:hidden;border-right:1px solid var(--color-border)}.visual-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.visual-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between}.brand-badge{display:flex;align-items:center;gap:.8rem;font-size:1.2rem;font-weight:700;color:var(--color-text-main)}.brand-icon{color:var(--color-primary)}.visual-hero h2{font-size:3.5rem;line-height:1.1;font-weight:800;margin-bottom:1.5rem;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.visual-hero p{color:var(--color-text-muted);font-size:1.2rem;max-width:500px;margin-bottom:2rem}.feature-pills{display:flex;gap:.8rem;flex-wrap:wrap}.feature-pills span{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.9rem;color:var(--color-text-main)}.visual-footer p{color:#ffffff4d;font-size:.9rem}.auth-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--color-bg)}.auth-form-wrapper{width:100%;max-width:440px}.auth-header{margin-bottom:2.5rem}.auth-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:var(--color-text-muted)}.auth-header a{color:var(--color-primary);font-weight:500;transition:color var(--transition-fast)}.auth-header a:hover{color:var(--color-accent)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--color-text-muted);font-weight:500}.form-input{width:100%;padding:.8rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-main);font-size:1rem;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.btn-auth{width:100%;padding:.9rem;background:var(--gradient-brand);color:#fff;font-weight:600;font-size:1rem;border-radius:8px;transition:opacity var(--transition-fast)}.btn-auth:hover{opacity:.9}.btn-auth:disabled{opacity:.7;cursor:not-allowed}@media(max-width:968px){.auth-layout{flex-direction:column}.auth-visual{display:none}.auth-form-container{padding:4rem 1.5rem;align-items:flex-start}}.country-select-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-main);font-size:1rem;cursor:pointer;text-align:left;transition:all .2s ease}.country-select-button:hover{border-color:var(--color-text-muted);background:var(--color-surface-hover)}.country-select-button:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.country-value{display:flex;align-items:center;gap:.8rem}.country-flag{font-size:1.4rem;line-height:1}.country-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:50;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 40px #0006;overflow:hidden;max-height:320px;display:flex;flex-direction:column;animation:slideDown .2s ease-out}.dropdown-search-container{padding:.8rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.dropdown-search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--color-text-muted);pointer-events:none}.dropdown-search-input{width:100%;background:var(--color-bg);border:1px solid var(--color-border);padding:.6rem .6rem .6rem 2.4rem;border-radius:8px;color:var(--color-text-main);font-size:.9rem;transition:border-color .2s}.dropdown-search-input:focus{outline:none;border-color:var(--color-primary)}.country-list{overflow-y:auto;flex:1;padding:.4rem}.country-list::-webkit-scrollbar{width:6px}.country-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.country-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem .8rem;border:none;background:transparent;color:var(--color-text-main);cursor:pointer;text-align:left;border-radius:6px;transition:background .1s;font-size:.95rem}.country-option:hover{background:var(--color-surface-hover)}.country-option.selected{background:#3b82f61a;color:var(--color-primary)}.country-option-content{display:flex;align-items:center;gap:.8rem}.country-option-flag{font-size:1.2rem}.empty-state{padding:1.5rem;text-align:center;color:var(--color-text-muted);font-size:.9rem}.phone-input-group{display:flex;gap:.8rem}.dial-code-box{width:80px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-muted);font-weight:500}.password-group{position:relative}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle-btn:hover{color:var(--color-text-main);background:#ffffff0d}.legal-text{font-size:.85rem;color:var(--color-text-muted);margin-bottom:2rem;line-height:1.5}.legal-text a{color:var(--color-text-main);text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:2px;transition:all .2s}.legal-text a:hover{color:var(--color-primary);text-decoration-color:var(--color-primary)}.banned-page-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#2a1010,#000);color:#fff;padding:1rem}.banned-content{background:#ff32320d;border:1px solid rgba(255,50,50,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2rem;border-radius:24px;max-width:500px;width:100%;text-align:center;box-shadow:0 0 50px #dc26261a}.icon-wrapper{margin-bottom:2rem;display:inline-flex;padding:1.5rem;background:#dc26261a;border-radius:50%;border:1px solid rgba(220,38,38,.3);box-shadow:0 0 30px #dc262633}.banned-icon{color:#ef4444}.banned-title{font-size:2rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(to right,#ef4444,#f87171);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.banned-message{color:#d1d5db;line-height:1.6;margin-bottom:2.5rem;font-size:1.05rem}.banned-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.contact-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#ef4444;color:#fff;padding:.9rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .2s}.contact-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.logout-btn{padding:.9rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#9ca3af;border-radius:12px;cursor:pointer;font-weight:500;transition:all .2s}.logout-btn:hover{border-color:#ffffff4d;color:#fff}.support-info{font-size:.8rem;color:#6b7280;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.docs-page{--docs-bg: #000000;--docs-text: #ededed;--docs-muted: #888888;--docs-border: #222222;--docs-border-light: rgba(255, 255, 255, .08);--docs-code-bg: #050505;--docs-code-border: #333;--get-color: #0070f3;--post-color: #10b981;--put-color: #f5a623;--delete-color: #e00;background-color:var(--docs-bg);color:var(--docs-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;padding-top:60px}.docs-page h1,.docs-page h2,.docs-page h3,.docs-page h4{margin:0;color:#fff;letter-spacing:-.02em}.docs-page p{margin:0 0 1.5rem;line-height:1.7;color:var(--docs-muted)}.docs-container{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:4rem;padding:0 2rem}.docs-sidebar{position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;padding:3rem 1rem 3rem 0;border-right:1px solid var(--docs-border)}.docs-sidebar::-webkit-scrollbar{width:0}.docs-nav-group{margin-bottom:2.5rem}.docs-nav-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#444;margin-bottom:1rem}.docs-nav-list{display:flex;flex-direction:column;gap:.25rem}.docs-nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem 0;font-size:.9rem;font-weight:500;color:var(--docs-muted);background:transparent;border:none;border-left:2px solid transparent;cursor:pointer;transition:all .2s;text-align:left}.docs-nav-item:hover{color:#fff}.docs-nav-item.active{color:#fff;font-weight:600}.docs-content{padding:4rem 0 8rem;max-width:800px;animation:contentFade .4s ease forwards}@keyframes contentFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.api-section-header{border-bottom:1px solid var(--docs-border);padding-bottom:2rem;margin-bottom:4rem}.api-section-title{font-size:2.5rem;font-weight:700;letter-spacing:-.04em;margin-bottom:1rem}.api-section-desc{font-size:1.1rem;color:var(--docs-muted);line-height:1.6}.endpoint-section{margin-bottom:6rem;padding-top:2rem}.endpoint-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.endpoint-desc{font-size:1rem;margin-bottom:2.5rem}.endpoint-url-bar{display:flex;align-items:center;background:#111;border:1px solid var(--docs-border);border-radius:8px;padding:.5rem;margin-bottom:2.5rem;width:100%}.endpoint-method{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;padding:.35rem .6rem;border-radius:4px;text-transform:uppercase}.method-GET{background:#0070f31a;color:var(--get-color);border:1px solid rgba(0,112,243,.2)}.method-POST{background:#10b9811a;color:var(--post-color);border:1px solid rgba(16,185,129,.2)}.method-PUT{background:#f5a6231a;color:var(--put-color);border:1px solid rgba(245,166,35,.2)}.method-DELETE{background:#ee00001a;color:var(--delete-color);border:1px solid rgba(238,0,0,.2)}.endpoint-path{font-family:JetBrains Mono,monospace;font-size:.9rem;color:#fff;margin:0 1rem;flex-grow:1;overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.endpoint-path::-webkit-scrollbar{display:none}.endpoint-copy-btn{background:transparent;border:1px solid transparent;color:var(--docs-muted);padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}.endpoint-copy-btn:hover{color:#fff;background:#222;border-color:#333}.params-section{margin-bottom:3rem}.params-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem;letter-spacing:-.01em}.params-table{width:100%;text-align:left;border-collapse:collapse}.params-table th{font-size:.85rem;font-weight:500;color:var(--docs-muted);border-bottom:1px solid var(--docs-border);padding:.75rem 0}.params-table td{padding:1rem 0;border-bottom:1px solid var(--docs-border-light);vertical-align:top}.params-table tr:last-child td{border-bottom:none}.param-name{font-family:JetBrains Mono,monospace;font-size:.85rem;color:#fff;font-weight:500}.param-type{display:inline-block;font-size:.75rem;color:var(--docs-muted);margin-top:.25rem}.param-req{font-size:.7rem;color:var(--post-color);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-left:.5rem}.param-desc{font-size:.95rem;color:var(--docs-muted);line-height:1.5;padding-left:2rem}.params-col-param{width:30%}.endpoint-body-section,.endpoint-responses-section{margin-top:3rem}.code-section{background:var(--docs-code-bg);border:1px solid var(--docs-border);border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.code-header{display:flex;justify-content:space-between;align-items:center;background:#111;padding:.5rem 1rem;border-bottom:1px solid var(--docs-border)}.code-title{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--docs-muted)}.code-tabs{display:flex;align-items:center;gap:1rem}.code-badge{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;background:#222;color:#eee}.code-badge.success{background:#10b9811a;color:#10b981}.code-badge.pending{background:#f5a6231a;color:#f5a623}.code-badge.error{background:#ee00001a;color:#e00}.code-copy{background:none;border:none;color:var(--docs-muted);cursor:pointer;transition:color .2s}.code-copy:hover{color:#fff}.code-content{margin:0;padding:1.5rem;overflow-x:auto}.code-content code{font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.6;color:#e2e8f0}.auth-box{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--docs-border)}.auth-box h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#444;margin-bottom:1rem}.auth-box p{font-size:.85rem;color:var(--docs-muted);line-height:1.5}.auth-code{background:#111;border:1px solid var(--docs-border);padding:.5rem;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#a5b4fc;margin-top:.5rem}@media(max-width:900px){.docs-container{grid-template-columns:1fr;padding:0 1.5rem;gap:0}.docs-sidebar{position:relative;top:0;height:auto;padding:2rem 0;border-right:none;border-bottom:1px solid var(--docs-border);overflow-x:auto;white-space:nowrap}.docs-nav-list{flex-direction:row;gap:1.5rem}.docs-content{padding-top:2rem}.api-section-title{font-size:2rem}.endpoint-url-bar{flex-direction:column;align-items:stretch;gap:1rem}.endpoint-path{margin:0}.params-table th,.params-table td{display:block;width:100%;padding-left:0}.param-desc{padding-left:0;padding-top:.5rem}}.notification-container{position:relative}.icon-btn-header{background:transparent;border:none;color:var(--color-text-main);padding:8px;border-radius:50%;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:background .2s}.icon-btn-header:hover{background:var(--color-bg)}.badge-count{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;min-width:16px;height:16px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--color-surface)}.notification-dropdown{position:absolute;top:120%;right:0;width:320px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 30px #00000026;z-index:1000;overflow:hidden}.notification-header{padding:1rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.notification-header h3{margin:0;font-size:1rem;font-weight:600}.mark-all-btn{background:transparent;border:none;color:var(--color-primary);font-size:.8rem;cursor:pointer;font-weight:500}.notification-list{max-height:350px;overflow-y:auto}.notification-item{padding:1rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:start;cursor:pointer;transition:background .2s}.notification-item:hover{background:var(--color-bg)}.notification-item.unread{background:#3b82f60d}.notif-content{display:flex;flex-direction:column;gap:.3rem;flex:1}.notif-title{font-weight:600;font-size:.9rem;color:var(--color-text-main)}.notif-message{font-size:.85rem;color:var(--color-text-muted);margin:0;line-height:1.4}.notif-time{font-size:.75rem;color:var(--color-text-light);margin-top:.2rem}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);margin-top:6px;flex-shrink:0}.empty-notifs{padding:2rem;text-align:center;color:var(--color-text-muted);font-size:.9rem}.support-fab{position:fixed;bottom:28px;right:28px;z-index:1000;width:56px;height:56px;border-radius:50%;background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #3b82f673;border:none;cursor:pointer;transition:box-shadow .25s}.support-fab:hover{box-shadow:0 6px 28px #3b82f699}.support-fab-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-bg)}.support-panel{position:fixed;bottom:96px;right:28px;z-index:1000;width:360px;height:600px;max-height:calc(100vh - 110px);display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #0003}.support-panel.minimized{max-height:64px}.support-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.support-header.escalated{background:#ef44440d}.support-header-info{display:flex;align-items:center;gap:10px}.support-avatar{width:34px;height:34px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.support-agent-name{font-weight:600;font-size:.9rem;color:var(--color-text);margin:0}.support-status{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--color-text-muted);margin:0}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.online{background:#10b981}.status-dot.offline{background:#6b7280}.support-header-actions{display:flex;align-items:center;gap:6px}.header-icon-btn{background:#8080801a;border:none;color:var(--color-text-muted);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;transition:background .2s,color .2s}.header-icon-btn:hover{background:#80808033;color:var(--color-text)}.header-icon-btn.close:hover{background:#ef444426;color:#ef4444}.support-system-msg{display:flex;align-items:center;gap:6px;background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:8px;padding:8px 12px;font-size:.8rem;color:var(--color-text-muted);margin:4px 0;text-align:center;align-self:center;max-width:90%}.support-messages{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.support-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px 16px;color:var(--color-text-muted)}.support-empty svg{color:var(--color-primary);opacity:.5}.support-connection-error{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px 16px;color:#ef4444}.support-connection-error p{color:var(--color-text-muted);margin:0}.retry-btn{margin-top:6px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.retry-btn:hover{opacity:.85}.support-bubble{display:flex;align-items:flex-end;gap:8px;max-width:88%}.support-bubble.user{align-self:flex-end;flex-direction:row-reverse}.support-bubble.assistant{align-self:flex-start}.bubble-avatar{width:26px;height:26px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.bubble-body{background:var(--color-surface);border-radius:18px 18px 18px 4px;padding:12px 16px;font-size:.92rem;line-height:1.55;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 12px #00000026;color:var(--color-text-main)}.support-bubble.user .bubble-body{background:var(--color-primary);color:#fff;border-color:var(--color-primary);border-radius:18px 18px 4px;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.25)}.bubble-sender{display:block;font-size:.72rem;font-weight:600;color:var(--color-accent);margin-bottom:2px}.bubble-time{display:block;font-size:.7rem;color:#ffffff73;margin-top:4px;text-align:right}.support-bubble.assistant .bubble-time{color:var(--color-text-muted)}.typing-dots{display:flex;gap:4px;padding:4px 2px;align-items:center}.typing-dots span{width:7px;height:7px;border-radius:50%;background:var(--color-text-muted);animation:typingBounce 1.2s ease-in-out infinite}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.support-input-area{display:flex;align-items:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.support-input{flex:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;color:var(--color-text-main);font-size:.88rem;font-family:inherit;resize:none;max-height:100px;outline:none;line-height:1.4;transition:border-color .2s}.support-input:focus{border-color:var(--color-primary)}.support-send-btn{background:var(--gradient-brand);color:#fff;border:none;border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .2s}.support-send-btn:disabled{opacity:.4;cursor:not-allowed}.support-footer-note{text-align:center;font-size:.7rem;color:var(--color-text-muted);padding:4px 0 8px;opacity:.6}.call-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#3b82f61a;border-bottom:1px solid rgba(59,130,246,.2);font-size:.85rem;flex-shrink:0}.call-ring{animation:ring 1s ease-in-out infinite;color:var(--color-primary)}@keyframes ring{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.call-accept{background:#10b981;color:#fff;border:none;padding:5px 12px;border-radius:6px;font-size:.82rem;cursor:pointer;font-weight:600}.call-decline{background:#ef4444;color:#fff;border:none;padding:5px 12px;border-radius:6px;font-size:.82rem;cursor:pointer;font-weight:600}.call-active{background:#0a0a0a;display:flex;flex-direction:column;align-items:center;padding:16px;gap:12px;flex-shrink:0}.video-grid{position:relative;width:100%;height:180px;border-radius:12px;overflow:hidden;background:#111}.remote-video{width:100%;height:100%;object-fit:cover}.local-video{position:absolute;bottom:8px;right:8px;width:80px;height:60px;object-fit:cover;border-radius:8px;border:2px solid #fff}.audio-call-ui{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0;color:#fff}.audio-avatar{width:60px;height:60px;background:var(--gradient-brand);border-radius:50%;display:flex;align-items:center;justify-content:center}.audio-timer{font-size:.8rem;color:#ffffff80}.end-call-btn{background:#ef4444;color:#fff;border:none;border-radius:10px;padding:8px 20px;display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;font-size:.88rem}@media(max-width:480px){.support-panel{width:calc(100vw - 24px);right:12px;bottom:80px;height:calc(100vh - 100px);max-height:none}.support-fab{bottom:20px;right:20px}}.md-body{font-size:.92rem;line-height:1.6;letter-spacing:.2px}.md-body .md-p{margin:0 0 4px}.md-body .md-ul,.md-body .md-ol{margin:4px 0 4px 16px;padding-left:4px}.md-body li{margin-bottom:2px}.md-body .md-h1,.md-body .md-h2,.md-body .md-h3{font-weight:700;margin:6px 0 2px}.md-body .md-h1{font-size:.97rem}.md-body .md-h2{font-size:.93rem}.md-body .md-h3{font-size:.9rem}.md-code{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:1px 5px;font-family:monospace;font-size:.85em}.support-bubble.user .md-code{background:#0000002e;border-color:#0000001f}.md-table-wrapper{overflow-x:auto;margin:6px 0;border-radius:8px;border:1px solid var(--color-border)}.md-table{border-collapse:collapse;width:100%;font-size:.82rem}.md-table th{background:#3b82f61f;font-weight:700;padding:5px 10px;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.md-table td{padding:4px 10px;border-bottom:1px solid var(--color-border)}.md-table tr:last-child td{border-bottom:none}.md-table tr:nth-child(2n) td{background:#ffffff08}.bubble-action-wrapper{margin-top:8px;display:flex;justify-content:flex-start}.support-bubble.user .bubble-action-wrapper{justify-content:flex-end}.bubble-action-btn{background:rgba(var(--color-primary-rgb),.15);border:1px solid rgba(var(--color-primary-rgb),.3);color:var(--color-primary);padding:10px 18px;border-radius:20px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%;max-width:max-content;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000d}.dashboard-popup{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);margin:0 0 1.2rem;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 4px 16px #0000001f;position:relative}.dashboard-popup:active{cursor:grabbing}.popup-info{border-left:4px solid var(--color-primary);background:#3b82f60f}.popup-info .popup-icon{color:var(--color-primary)}.popup-warning{border-left:4px solid #f59e0b;background:#f59e0b0f}.popup-warning .popup-icon{color:#f59e0b}.popup-promo{border-left:4px solid var(--color-accent);background:#8b5cf60f}.popup-promo .popup-icon{color:var(--color-accent)}.popup-success{border-left:4px solid #10b981;background:#10b9810f}.popup-success .popup-icon{color:#10b981}.popup-announcement{border-left:4px solid #ec4899;background:#ec48990f}.popup-announcement .popup-icon{color:#ec4899}.popup-icon{flex-shrink:0;margin-top:2px}.popup-body{flex:1;min-width:0}.popup-title{font-weight:700;font-size:.88rem;margin:0 0 2px;color:var(--color-text-main)}.popup-content{font-size:.82rem;color:var(--color-text-muted);margin:0;line-height:1.4}.popup-link{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:var(--color-primary);font-weight:600;margin-top:5px;text-decoration:none}.popup-link:hover{text-decoration:underline}.popup-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;flex-shrink:0;transition:background .2s}.popup-close:hover{background:var(--color-surface-hover);color:var(--color-text-main)}@media(max-width:600px){.dashboard-popup{margin:0 0 1rem;border-radius:10px}}.dashboard-layout{display:flex;min-height:100vh;background:var(--color-bg)}.sidebar{width:260px;height:100vh;position:fixed;top:0;left:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:50;transition:transform var(--transition-normal)}.sidebar-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}.sidebar .logo{font-size:1.25rem}.close-sidebar{display:none;color:var(--color-text-muted)}.sidebar-nav{flex:1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;color:var(--color-text-muted);border-radius:8px;font-weight:500;transition:all var(--transition-fast)}.nav-item:hover{background:var(--color-surface-hover);color:var(--color-text-main)}.nav-item.active{background:var(--color-primary-glow);color:var(--color-primary)}.sidebar-footer{padding:1.5rem;border-top:1px solid var(--color-border)}.logout-btn{width:100%;color:#ef4444}.logout-btn:hover{background:#ef44441a;color:#ef4444}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;max-width:100%;position:relative}.page-content{padding:2rem;flex:1;width:100%;max-width:100%}.header-wrapper{position:sticky;top:1rem;z-index:40;padding:0 2rem;pointer-events:none}.dashboard-header-floating{height:64px;background:#121214d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:100px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem 0 2rem;color:#fff;box-shadow:0 10px 30px #00000026,inset 0 1px #ffffff1a;pointer-events:auto}.header-left{display:flex;align-items:center;gap:1rem}.mobile-floating-menu{display:none;pointer-events:auto}.header-title-text{font-size:1.15rem;font-weight:600;margin:0;color:#fff;letter-spacing:-.2px}.header-actions{display:flex;align-items:center;gap:1.5rem}.header-icons{display:flex;align-items:center;gap:1rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.9rem;box-shadow:0 2px 5px #0003}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .2s;background:transparent;border:none;cursor:pointer;width:36px;height:36px;border-radius:50%}.theme-toggle-btn:hover{color:#fff;background:#ffffff1a}.header-icons button{color:#9ca3af}.header-icons button:hover{color:#fff}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.page-content{padding:1rem}.menu-toggle,.close-sidebar{display:block}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.header-wrapper{padding:1rem;display:flex;align-items:center;position:static}.mobile-floating-menu{position:fixed;top:1rem;left:1rem;z-index:50;display:flex;align-items:center;justify-content:center;width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;background:#121214d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);color:#fff;box-shadow:0 10px 30px #00000026;cursor:pointer;flex-shrink:0;padding:0}.mobile-floating-menu:hover{background:#28282de6}.dashboard-header-floating{flex:1;padding:0 .5rem 0 1rem;height:50px;margin-left:60px}.header-title-text{font-size:1.1rem;display:none}.header-actions{gap:.75rem;flex:1;justify-content:flex-end}.header-icons{gap:.25rem}}[data-theme=light] .dashboard-header-floating,[data-theme=light] .mobile-floating-menu{background:#ffffffd9;border:1px solid rgba(0,0,0,.08);color:var(--color-text-main);box-shadow:0 10px 30px #0000000d,inset 0 1px #ffffff80}[data-theme=light] .header-title-text{color:var(--color-text-main)}[data-theme=light] .theme-toggle-btn,[data-theme=light] .header-icons button,[data-theme=light] .mobile-floating-menu{color:var(--color-primary)}[data-theme=light] .theme-toggle-btn:hover,[data-theme=light] .header-icons button:hover,[data-theme=light] .mobile-floating-menu:hover{color:var(--color-primary);background:#2563eb1a}@media(min-width:768px)and (max-width:1024px){.header-title-text{display:block}}.push-banner{position:fixed;bottom:88px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;background:var(--color-surface, #1a1a2e);border:1px solid rgba(99,102,241,.35);border-radius:16px;padding:14px 18px;max-width:480px;width:calc(100% - 40px);box-shadow:0 8px 32px #00000073,0 0 0 1px #6366f133;z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:push-slide-up .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes push-slide-up{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.push-banner__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;flex-shrink:0}.push-banner__content{flex:1;min-width:0}.push-banner__title{font-size:.85rem;font-weight:700;color:var(--color-text, #f1f5f9);margin:0 0 2px}.push-banner__body{font-size:.75rem;color:var(--color-text-muted, #94a3b8);margin:0;line-height:1.4}.push-banner__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.push-banner__btn{border:none;cursor:pointer;border-radius:10px;font-size:.78rem;font-weight:600;transition:all .2s ease}.push-banner__btn--enable{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:8px 14px}.push-banner__btn--enable:hover{opacity:.88;transform:scale(1.04)}.push-banner__btn--dismiss{background:transparent;color:var(--color-text-muted, #64748b);padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%}.push-banner__btn--dismiss:hover{background:#ffffff14}.push-banner__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:480px){.push-banner{bottom:100px;flex-wrap:wrap;padding:12px 14px}.push-banner__body{display:none}}.dashboard-home{animation:fadeIn .4s ease}.welcome-banner{margin-bottom:2rem}.welcome-banner h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.welcome-banner p{color:var(--color-text-muted)}.stats-grid-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--color-surface);padding:1.5rem;border-radius:12px;border:1px solid var(--color-border);display:flex;align-items:center;gap:1rem;transition:transform var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);border-color:var(--color-border-hover)}.stat-icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon-wrapper.blue{background:#3b82f61a;color:#3b82f6}.stat-icon-wrapper.green{background:#10b9811a;color:#10b981}.stat-icon-wrapper.purple{background:#8b5cf61a;color:#8b5cf6}.stat-icon-wrapper.orange{background:#f973161a;color:#f97316}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.85rem;color:var(--color-text-muted)}.stat-value{font-size:1.5rem;font-weight:700}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media(max-width:900px){.content-grid{grid-template-columns:1fr}}.chart-section,.quick-actions-section{background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);padding:1.5rem}.chart-container{height:300px}.period-select{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-main);padding:.4rem .8rem;border-radius:6px;font-size:.85rem}.actions-list{display:flex;flex-direction:column;gap:1rem}.action-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:10px;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-main);font-weight:500;transition:all var(--transition-fast)}.action-card:hover{border-color:var(--color-primary);background:#3b82f60d;color:var(--color-primary)}.empty-state{height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.processing-alert{background:linear-gradient(to right,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pulsing-dot{width:10px;height:10px;background-color:#f59e0b;border-radius:50%;box-shadow:0 0 #f59e0bb3;animation:pulse-orange 2s infinite}@keyframes pulse-orange{0%{transform:scale(.95);box-shadow:0 0 #f59e0bb3}70%{transform:scale(1);box-shadow:0 0 0 10px #f59e0b00}to{transform:scale(.95);box-shadow:0 0 #f59e0b00}}.processing-content{flex:1}.processing-content h3{font-size:1rem;color:#f59e0b;margin-bottom:.2rem}.processing-content p{font-size:.9rem;color:var(--color-text-main)}.view-link{color:#f59e0b;font-weight:500;font-size:.9rem;text-decoration:none;padding:.5rem 1rem;border-radius:6px;background:#f59e0b1a;transition:all .2s}.view-link:hover{background:#f59e0b33}.page-loader-container{display:flex;align-items:center;justify-content:center;min-height:400px;height:100%;width:100%;animation:fadeIn .3s ease}.loader-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loader-ring{position:absolute;width:80px;height:80px;border:4px solid rgba(59,130,246,.1);border-top-color:var(--color-primary);border-radius:50%;top:-10px;animation:spin 1s cubic-bezier(.55,.055,.675,.19) infinite}.loader-circle{width:60px;height:60px;background:var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0003;z-index:2;border:1px solid var(--color-border)}.loader-icon{color:var(--color-primary);animation:pulse 2s infinite ease-in-out}.loader-text{color:var(--color-text-muted);font-size:.95rem;font-weight:500;letter-spacing:.5px;margin-top:1rem;animation:pulseText 1.5s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.9);opacity:.8}}@keyframes pulseText{0%,to{opacity:.8}50%{opacity:.4}}.gv-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap}.gv-button:disabled{opacity:.5;cursor:not-allowed}.gv-button--full-width{width:100%}.gv-button--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.gv-button--primary:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.85);border-color:rgba(var(--color-primary-rgb),.85)}.gv-button--secondary{background:var(--color-surface-hover);color:var(--color-text-main);border-color:var(--color-border)}.gv-button--secondary:hover:not(:disabled){background:var(--color-border);border-color:var(--color-text-muted)}.gv-button--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.gv-button--outline:hover:not(:disabled){background:var(--color-primary);color:#fff}.gv-button--danger{background:transparent;color:#ef4444;border-color:#ef4444}.gv-button--danger:hover:not(:disabled){background:#ef4444;color:#fff}.gv-button--ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.gv-button--ghost:hover:not(:disabled){color:var(--color-text-main);background:var(--color-surface-hover)}.gv-button--sm{padding:.4rem .85rem;font-size:.8rem;border-radius:6px}.gv-button--lg{padding:.85rem 1.75rem;font-size:1rem;border-radius:10px}.gv-button__spinner{animation:spin 1s linear infinite}.gv-tabs-list{display:inline-flex;align-items:center;gap:.25rem;background:var(--color-surface-hover);border-radius:10px;padding:.35rem;border:1px solid var(--color-border)}.gv-tabs-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.15rem;border-radius:8px;font-size:.85rem;font-weight:500;font-family:inherit;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.gv-tabs-trigger:hover:not([data-state=active]){color:var(--color-text-main);background:#ffffff08}.gv-tabs-trigger[data-state=active]{background:var(--color-surface);color:var(--color-text-main);font-weight:600;box-shadow:0 2px 8px #00000026}.gv-tabs-trigger:disabled{opacity:.4;cursor:not-allowed}.gv-tabs-content{outline:none;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.gv-tabs-list--sm .gv-tabs-trigger{padding:.35rem .85rem;font-size:.8rem;border-radius:6px}.gv-tabs-list--lg .gv-tabs-trigger{padding:.65rem 1.5rem;font-size:.95rem;border-radius:10px}.modern-numbers-page{animation:fadeUp .4s ease-out forwards;max-width:1200px;margin:0 auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mnp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.mnp-title{font-size:2rem;font-weight:700;letter-spacing:-.03em;color:var(--color-text-main);margin:0}.mnp-controls{display:flex;gap:1rem;align-items:center}.mnp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.modern-number-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 20px #00000005}.modern-number-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #3b82f626;border-color:#3b82f6}.modern-history-card{opacity:.7;filter:grayscale(100%);background:transparent}.modern-history-card:hover{opacity:1;filter:grayscale(0%)}.mnc-top{display:flex;justify-content:space-between;align-items:center}.mnc-service{display:flex;align-items:center;gap:.6rem}.mnc-dot{width:8px;height:8px;border-radius:50%}.mnc-dot--active,.mnc-dot--completed{background:#10b981}.mnc-dot--waiting{background:#f59e0b;animation:pulse 2s infinite}.mnc-dot--expired,.mnc-dot--cancelled{background:#ef4444}.mnc-dot--pending{background:var(--color-primary)}@keyframes pulse{0%{opacity:1;box-shadow:0 0 #f59e0b66}50%{opacity:.5;box-shadow:0 0 0 4px #f59e0b00}to{opacity:1;box-shadow:0 0 #f59e0b00}}.mnc-service-name{font-weight:600;font-size:.95rem;color:var(--color-text-main)}.mnc-country{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--color-text-muted);background:var(--color-bg);padding:.2rem .6rem;border-radius:9999px}.mnc-main{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.5rem 0}.mnc-phone{font-family:JetBrains Mono,SF Mono,monospace;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-main)}.mnc-copy-icon{color:var(--color-text-muted);opacity:.3;transition:opacity .2s,color .2s}.mnc-main:hover .mnc-copy-icon{opacity:1;color:var(--color-primary)}.mnc-timer{font-size:.8rem;color:var(--color-text-muted)}.mnc-time{color:#ef4444;font-weight:600;font-family:JetBrains Mono,monospace}.mnc-messages-area{background:transparent;padding:0;min-height:auto;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.mnc-messages-area::-webkit-scrollbar{width:4px}.mnc-messages-area::-webkit-scrollbar-track{background:transparent}.mnc-messages-area::-webkit-scrollbar-thumb{background:#80808033;border-radius:10px}.mnc-messages-area::-webkit-scrollbar-thumb:hover{background:#80808066}.mnc-message-bubble{background:#8080800a;border-radius:12px;padding:.85rem 1rem}.mnc-bubble-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.mnc-code{font-weight:800;font-size:1.2rem;color:var(--color-primary);font-family:JetBrains Mono,monospace}.mnc-action-btn{background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);opacity:.5;transition:.2s;padding:0;display:flex}.mnc-action-btn:hover{opacity:1;color:var(--color-text-main);transform:scale(1.1)}.mnc-bubble-body{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.mnc-text{font-size:.85rem;color:var(--color-text-muted);line-height:1.4;flex:1;word-break:break-word}.mnc-no-messages{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;color:var(--color-text-muted);font-size:.85rem;padding:1rem 0}.mnc-pulse{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);animation:pulse-simple 1.5s infinite}@keyframes pulse-simple{0%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(.8)}}.mnc-footer-actions{display:flex;gap:.5rem;margin-top:auto;padding-top:.5rem}.mnp-empty{text-align:center;padding:6rem 1rem;color:var(--color-text-muted);border:1px dashed rgba(128,128,128,.2);border-radius:20px}.mnp-empty svg{margin:0 auto 1rem;opacity:.2}.mnp-empty h3{font-size:1.25rem;color:var(--color-text-main);margin-bottom:.5rem;font-weight:600}.mnc-pending-info{font-size:.85rem;color:var(--color-text-muted);text-align:center;padding:1.5rem 0;display:flex;flex-direction:column;gap:.5rem}@media(max-width:640px){.mnp-header{flex-direction:column;align-items:flex-start;gap:1rem}.modern-number-card{padding:1.2rem;gap:1rem;box-shadow:0 8px 24px #3b82f61a;border-color:#3b82f699}.mnc-phone{font-size:1.5rem}.mnc-message-bubble{padding:.75rem}}.bnp-container{max-width:1200px;margin:0 auto;padding:2rem 1rem 6rem;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:2rem;align-items:start;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}@media(max-width:992px){.bnp-container{grid-template-columns:1fr}}.bnp-left{display:flex;flex-direction:column;gap:1.5rem}.bnp-right{position:sticky;top:5.5rem;display:flex;flex-direction:column;gap:1.5rem;z-index:10}.bnp-header-card{background:var(--color-surface);border:1px solid var(--border);border-radius:20px;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:0 4px 12px #00000005}.bnp-header-left{display:flex;align-items:center;gap:1.2rem}.bnp-header-icon{width:48px;height:48px;border-radius:12px;background:var(--color-background);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.bnp-title{font-size:1.5rem;font-weight:700;color:var(--color-text-main);letter-spacing:-.5px;margin:0}.bnp-subtitle{font-size:.95rem;color:var(--color-text-muted);margin-top:.2rem}.bnp-mode-toggle{display:flex;background:var(--color-background);border:1px solid var(--border);border-radius:12px;padding:4px;gap:4px}.bnp-mode-btn{display:flex;align-items:center;gap:8px;padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:600;color:var(--color-text-muted);transition:all .2s ease;background:transparent;border:none}.bnp-mode-btn:hover{color:var(--color-text-main)}.bnp-mode-btn.active{background:var(--color-surface);color:var(--color-text-main);box-shadow:0 2px 6px #0000000a}.bnp-panel{background:var(--color-surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000005}.bnp-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid var(--border);background:var(--color-surface)}.bnp-panel-title{font-size:1.1rem;font-weight:600;color:var(--color-text-main);display:flex;align-items:center;gap:.6rem;letter-spacing:-.2px}.bnp-panel-title svg{color:var(--color-primary)}.bnp-search{position:relative;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--color-background)}.bnp-search-icon{position:absolute;left:2.4rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.bnp-search-input{width:100%;padding:.75rem 1rem .75rem 2.6rem;background:var(--color-surface);border:1px solid var(--border);border-radius:10px;color:var(--color-text-main);font-size:.95rem;transition:all .2s ease}.bnp-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0071e326}.bnp-list{max-height:480px;overflow-y:auto;padding:.8rem}.bnp-list::-webkit-scrollbar{width:6px}.bnp-list::-webkit-scrollbar-track{background:transparent}.bnp-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.bnp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem;padding:.8rem}.bnp-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--color-surface);cursor:pointer;transition:all .2s ease;text-align:left}.bnp-item:hover{background:var(--color-background)}.bnp-item.selected{background:var(--color-background);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.bnp-item-flag{width:28px;height:20px;border-radius:4px;object-fit:cover;border:1px solid rgba(0,0,0,.1)}.bnp-item-icon{width:32px;height:32px;border-radius:8px;background:var(--color-background);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--color-text-main)}.bnp-item.selected .bnp-item-icon{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.bnp-item-name{flex:1;font-size:.9rem;font-weight:500;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnp-item.selected .bnp-item-name{font-weight:600}.bnp-order-card{background:var(--color-surface);border:1px solid var(--border);border-radius:20px;padding:2rem;box-shadow:0 8px 24px #0000000a}.bnp-order-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-text-main);letter-spacing:-.3px}.bnp-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--border)}.bnp-summary-label{font-size:.9rem;color:var(--color-text-muted)}.bnp-summary-value{font-size:.95rem;font-weight:600;color:var(--color-text-main);display:flex;align-items:center;gap:.6rem}.bnp-quality-selector{margin:1.5rem 0;display:flex;flex-direction:column;gap:.8rem}.bnp-quality-label{font-size:.9rem;font-weight:600;color:var(--color-text-main)}.bnp-quality-options{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.bnp-quality-btn{padding:1rem;border:1px solid var(--border);border-radius:12px;background:var(--color-surface);display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;transition:all .2s ease}.bnp-quality-btn:hover{background:var(--color-background)}.bnp-quality-btn.active{background:var(--color-background);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.bnp-quality-btn svg{color:var(--color-text-muted)}.bnp-quality-btn.active svg{color:var(--color-primary)}.bnp-quality-title{font-size:.9rem;font-weight:600;color:var(--color-text-main)}.bnp-quality-desc{font-size:.75rem;color:var(--color-text-muted);text-align:center}.bnp-checkout-footer{margin-top:1.5rem;padding-top:1.5rem}.bnp-total-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem}.bnp-total-label{font-size:1rem;font-weight:600;color:var(--color-text-main)}.bnp-total-price{font-size:2rem;font-weight:700;color:var(--color-text-main);line-height:1;letter-spacing:-1px}.bnp-buy-btn{width:100%;padding:1rem;border-radius:12px;background:var(--color-text-main);color:var(--color-surface);font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .2s ease;border:none}.bnp-buy-btn:hover:not(:disabled){opacity:.9;transform:scale(.99)}.bnp-buy-btn:disabled{background:var(--border);color:var(--color-text-muted);cursor:not-allowed}.bnp-wallet-info{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:1rem;font-size:.85rem;color:var(--color-text-muted)}.bnp-wallet-val{font-weight:600;color:var(--color-text-main)}.bnp-error-box{background:#ef44441a;color:#ef4444;padding:.8rem 1rem;border-radius:8px;font-size:.85rem;display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.bnp-skeleton{background:var(--border);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:8px;height:48px}.bnp-empty{padding:3rem 1rem;text-align:center;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.text-success{color:#34c759}.text-warning{color:#fc0}.text-primary{color:var(--color-primary)}.animate-spin{animation:spin 1s linear infinite}.bnp-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--color-background);border:1px solid var(--border);color:var(--color-text-main);transition:all .2s ease}.bnp-back-btn:hover{background:var(--border)}.bnp-step-container{position:relative}.bnp-region-header{grid-column:1 / -1;font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:1rem .5rem .2rem;border-bottom:1px solid var(--border);margin-top:.5rem}.bnp-region-header:first-child{margin-top:0}.esim-page{max-width:1100px;margin:0 auto;padding:1rem}.esim-page-header{margin-bottom:1.5rem}.page-subtitle{margin:.2rem 0 0;color:var(--color-text-muted);font-size:.95rem}.tabs-header{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--color-border);padding-bottom:0}.tab-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;border-bottom:2px solid transparent;padding:.75rem 1.2rem;color:var(--color-text-muted);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;margin-bottom:-1px}.tab-btn:hover{color:var(--color-text-main)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-count{background:var(--color-primary);color:#fff;font-size:.7rem;padding:1px 6px;border-radius:10px;font-weight:700}.search-bar-esim{display:flex;align-items:center;gap:.8rem;background:var(--color-surface);padding:.9rem 1.2rem;border-radius:12px;border:1px solid var(--color-border);margin-bottom:2rem;transition:border-color .2s}.search-bar-esim:focus-within{border-color:var(--color-primary)}.search-bar-esim input{background:transparent;border:none;outline:none;width:100%;color:var(--color-text-main);font-size:.95rem}.search-icon{color:var(--color-text-muted)}.clear-search{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;padding:2px}.clear-search:hover{color:var(--color-text-main)}.regions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem}.region-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.2rem .8rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;cursor:pointer;transition:all .2s;text-align:center}.region-card:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 4px 16px #3b82f61f}.region-flag{width:36px;height:26px;object-fit:cover;border-radius:4px;box-shadow:0 1px 4px #00000026}.region-icon-placeholder{color:var(--color-text-muted)}.region-name{font-weight:600;font-size:.85rem;color:var(--color-text-main);line-height:1.3}.view-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.btn-back{display:flex;align-items:center;gap:.3rem;background:transparent;border:none;color:var(--color-primary);font-size:.9rem;cursor:pointer;font-weight:500;padding:0}.btn-back:hover{text-decoration:underline}.view-title{display:flex;align-items:center;gap:.8rem}.view-title h2{font-size:1.2rem;margin:0}.header-flag{width:30px;border-radius:4px}.plan-count-badge{background:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;padding:2px 10px;font-size:.78rem;color:var(--color-text-muted);font-weight:600}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.4rem;display:flex;flex-direction:column;gap:1rem;transition:all .2s}.plan-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f61a}.plan-card-top{display:flex;flex-direction:column;gap:.8rem}.data-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--color-primary),#6366f1);color:#fff;padding:.35rem 1rem;border-radius:20px;font-weight:800;font-size:1.1rem;width:fit-content}.plan-tags{display:flex;flex-wrap:wrap;gap:.4rem}.plan-tag{display:inline-flex;align-items:center;gap:.3rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:3px 8px;font-size:.78rem;color:var(--color-text-muted);font-weight:500}.plan-tag.extendable{border-color:#10b9814d;color:#10b981;background:#10b9810d}.plan-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--color-border);margin-top:auto}.plan-price{font-size:1.2rem;font-weight:800;color:var(--color-text-main)}.btn-buy-esim{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-primary);color:#fff;border:none;padding:.55rem 1.1rem;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-buy-esim:hover{opacity:.9;transform:scale(1.02)}.btn-buy-esim:disabled{opacity:.6;cursor:wait;transform:none}.my-esims-list{display:flex;flex-direction:column;gap:.8rem}.esim-item-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:border-color .2s}.esim-item-card:hover{border-color:var(--color-primary)}.esim-item-card.cancelled{opacity:.6}.esim-item-left{display:flex;align-items:center;gap:1rem;overflow:hidden}.esim-icon-wrap{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#3b82f626,#6366f126);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.esim-info h3{margin:0 0 .3rem;font-size:1rem;font-weight:600}.esim-meta-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.3rem}.esim-meta{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--color-text-muted)}.esim-iccid{display:block;font-family:monospace;font-size:.78rem;color:var(--color-text-muted)}.status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.72rem;text-transform:uppercase;font-weight:700;letter-spacing:.03em}.status-badge.active{background:#10b9811a;color:#10b981}.status-badge.expired{background:#ef44441a;color:#ef4444}.status-badge.depleted{background:#f59e0b1a;color:#f59e0b}.status-badge.cancelled{background:#9ca3af1a;color:#9ca3af}.esim-item-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-icon-action{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-main);white-space:nowrap}.btn-icon-action:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-icon-action.topup{border-color:#10b98166;color:#10b981;background:#10b9810d}.btn-icon-action.topup:hover{background:#10b9811a}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;width:100%;max-width:420px;box-shadow:0 24px 60px #0006;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 1.6rem 0}.modal-header h2{display:flex;align-items:center;gap:.6rem;margin:0;font-size:1.1rem}.btn-modal-close{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:all .2s}.btn-modal-close:hover{color:var(--color-text-main);border-color:var(--color-text-muted)}.detail-modal{padding-bottom:1.6rem}.data-remaining-bar{display:flex;justify-content:space-between;background:var(--color-bg);border-radius:10px;padding:.9rem 1.2rem;margin:1.2rem 1.6rem 0;border:1px solid var(--color-border)}.data-stat{display:flex;flex-direction:column;gap:.2rem}.data-stat.text-right{text-align:right}.data-stat-label{font-size:.75rem;color:var(--color-text-muted)}.data-stat-value{font-size:1.1rem;font-weight:700}.qr-section{background:#fff;padding:1.5rem;border-radius:14px;margin:1.2rem 1.6rem;display:flex;flex-direction:column;align-items:center}.qr-image{width:200px;height:200px}.qr-hint{color:#666;margin-top:.6rem;font-size:.85rem;font-weight:500}.activation-details{display:flex;flex-direction:column;gap:.8rem;padding:0 1.6rem}.detail-row label{display:block;font-size:.78rem;color:var(--color-text-muted);margin-bottom:.3rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.copy-box{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg);padding:.75rem 1rem;border-radius:8px;font-family:monospace;font-size:.88rem;font-weight:600;cursor:pointer;border:1px solid var(--color-border);transition:border-color .2s;gap:.5rem;overflow:hidden}.copy-box:hover{border-color:var(--color-primary)}.copy-box span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-icon{color:var(--color-text-muted);flex-shrink:0}.copy-icon.copied{color:#10b981}.truncate-code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.modal-footer-actions{display:flex;gap:.8rem;padding:1.2rem 1.6rem 0}.btn-topup-action{flex:1;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-topup-action:hover{background:#10b98133}.btn-delete-action{display:inline-flex;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.1rem;background:#ef44440d;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-delete-action:hover{background:#ef44441a}.btn-delete-action:disabled{opacity:.6;cursor:wait}.topup-plans-list{padding:1rem 1.6rem 1.6rem;display:flex;flex-direction:column;gap:.6rem;max-height:60vh;overflow-y:auto}.topup-plan-row{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg);border:1px solid var(--color-border);padding:.9rem 1rem;border-radius:10px;transition:border-color .2s}.topup-plan-row:hover{border-color:var(--color-primary)}.topup-plan-info{display:flex;flex-direction:column;gap:.2rem}.topup-data{font-weight:700;font-size:1rem}.topup-duration{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--color-text-muted)}.topup-plan-right{display:flex;align-items:center;gap:.8rem}.topup-price{font-weight:700;font-size:.95rem}.btn-topup-confirm{background:var(--color-primary);color:#fff;border:none;padding:.45rem 1rem;border-radius:7px;font-weight:700;font-size:.88rem;cursor:pointer;transition:opacity .2s;min-width:52px;display:flex;justify-content:center}.btn-topup-confirm:hover{opacity:.85}.btn-topup-confirm:disabled{opacity:.6;cursor:wait}.loader-center{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--color-text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 1rem;text-align:center;color:var(--color-text-muted)}.col-span-all{grid-column:1 / -1}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.spin{animation:spin .7s linear infinite}@media(max-width:768px){.regions-grid{grid-template-columns:repeat(3,1fr);gap:.6rem}.plans-grid{grid-template-columns:1fr}.esim-item-card{flex-direction:column;align-items:flex-start}.esim-item-actions{width:100%}.btn-icon-action{flex:1;justify-content:center}.view-header{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-content{border-radius:16px}.tabs-header{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{white-space:nowrap}}.wallet-page{animation:fadeIn .4s ease;max-width:860px;margin:0 auto}.wallet-balance-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#6d28d9);border-radius:20px;padding:2rem 2rem 1.75rem;margin-bottom:2rem;color:#fff;box-shadow:0 8px 32px #3b82f659,0 2px 8px #0000004d}.wbc-blob{position:absolute;border-radius:50%;pointer-events:none;opacity:.18;filter:blur(40px)}.wbc-blob-1{width:220px;height:220px;background:#fff;top:-60px;right:-40px}.wbc-blob-2{width:160px;height:160px;background:#a78bfa;bottom:-50px;left:30px}.wbc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;position:relative;z-index:1}.wbc-chip{opacity:.9}.wbc-label{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.wbc-mid{margin-bottom:2rem;position:relative;z-index:1}.wbc-balance-eyebrow{font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin-bottom:.3rem}.wbc-balance-amount{font-size:3.25rem;font-weight:800;letter-spacing:-.025em;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.2)}.wbc-bottom{display:flex;gap:2rem;position:relative;z-index:1;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.2)}.wbc-meta{display:flex;flex-direction:column;gap:.2rem}.wbc-meta-label{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.55}.wbc-meta-value{font-size:.9rem;font-weight:700;opacity:.95}.wallet-section-title{font-size:.95rem;font-weight:600;color:var(--color-text-main);margin-bottom:1rem}.wallet-fund-section{margin-bottom:2.5rem}.wallet-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.wallet-method-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.5rem;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;position:relative}.wallet-method-card:hover:not(.disabled){border-color:var(--color-primary);background:var(--color-surface-hover);transform:translateY(-1px)}.wallet-method-card.active{border-color:var(--color-primary);background:var(--color-surface-hover);cursor:default}.wallet-method-card.disabled{opacity:.45;cursor:not-allowed}.wallet-method-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.85rem}.wallet-method-chevron{color:var(--color-text-muted);transition:transform .2s;margin-top:2px;flex-shrink:0}.wallet-method-chevron.open{transform:rotate(90deg);color:var(--color-primary)}.wallet-method-name{font-size:.95rem;font-weight:600;color:var(--color-text-main);margin-bottom:.4rem}.wallet-method-desc{font-size:.8rem;color:var(--color-text-muted);line-height:1.55}.wallet-method-form{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--color-border);animation:fadeIn .2s ease}.wallet-amount-row{display:flex;gap:.6rem;align-items:center}.wallet-input{flex:1;background:var(--color-bg);border:1px solid var(--color-border);padding:.75rem 1rem;border-radius:8px;color:var(--color-text-main);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s}.wallet-input:focus{border-color:var(--color-primary)}.wallet-input::placeholder{color:var(--color-text-muted);font-size:.85rem}.wallet-pay-btn{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.2rem;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;transition:opacity .2s}.wallet-pay-btn:hover:not(:disabled){opacity:.88}.wallet-pay-btn:disabled{opacity:.45;cursor:not-allowed}.wallet-token-grid{display:flex;gap:.5rem;margin-bottom:.85rem}.wallet-token-btn{flex:1;padding:.5rem 0;border:1px solid var(--color-border);border-radius:7px;font-size:.78rem;font-weight:600;letter-spacing:.05em;cursor:pointer;background:transparent;color:var(--color-text-muted);font-family:monospace;transition:all .15s}.wallet-token-btn.selected{border-color:var(--color-primary);color:var(--color-primary);background:#3b82f614}.wallet-address-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;padding:1rem;animation:fadeIn .25s ease}.wallet-address-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.65rem}.wallet-address-row{display:flex;align-items:center;gap:.65rem;border:1px solid var(--color-border);border-radius:7px;padding:.65rem .9rem;margin-bottom:.75rem;background:var(--color-surface)}.wallet-address-value{flex:1;font-family:monospace;font-size:.78rem;color:var(--color-text-main);word-break:break-all;line-height:1.5}.wallet-copy-btn{flex-shrink:0;padding:.28rem .65rem;font-size:.75rem;font-weight:600;border:1px solid var(--color-border);border-radius:5px;background:transparent;cursor:pointer;color:var(--color-text-muted);font-family:inherit;transition:all .15s;display:inline-flex;align-items:center;gap:3px}.wallet-copy-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.wallet-address-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.65rem}.wallet-pill{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:2px 9px;border-radius:9999px}.wallet-pill.network{background:#3b82f61f;color:#3b82f6}.wallet-pill.token{background:#10b9811f;color:#10b981}.wallet-address-note{font-size:.8rem;color:#f59e0b;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:7px;padding:.65rem .9rem;line-height:1.5;margin-bottom:.75rem}.wallet-link-btn{background:none;border:none;color:var(--color-primary);font-size:.8rem;font-weight:500;cursor:pointer;font-family:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}.wallet-link-btn:hover{opacity:.75}.wallet-disabled-msg,.wallet-methods-loading{font-size:.85rem;color:var(--color-text-muted)}.wallet-tx-section{margin-bottom:4rem}.wallet-tx-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.wallet-tx-top .wallet-section-title{margin-bottom:0}.wallet-search-box{display:flex;align-items:center;gap:.5rem;border:1px solid var(--color-border);border-radius:8px;padding:.45rem .75rem;background:var(--color-surface);color:var(--color-text-muted)}.wallet-search-box input{background:transparent;border:none;outline:none;font-size:.85rem;color:var(--color-text-main);font-family:inherit;width:130px}.wallet-search-box input::placeholder{color:var(--color-text-muted)}.wallet-tx-list{display:flex;flex-direction:column;gap:.6rem}.wallet-tx-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;transition:background .15s,border-color .15s}.wallet-tx-item:hover{background:var(--color-surface-hover);border-color:#ffffff1a}.wallet-tx-icon-wrap{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wallet-tx-icon-wrap.deposit{background:#10b9811f;color:#10b981}.wallet-tx-icon-wrap.refund{background:#8b5cf61f;color:#8b5cf6}.wallet-tx-icon-wrap.purchase{background:#3b82f61f;color:#3b82f6}.wallet-tx-icon-wrap.crypto{background:#f59e0b1f;color:#f59e0b}.wallet-tx-icon-wrap.default{background:var(--color-surface);color:var(--color-text-muted)}.wallet-tx-info{min-width:0}.wallet-tx-desc{font-size:.88rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.wallet-tx-sub{font-size:.75rem;color:var(--color-text-muted);font-family:monospace}.wallet-tx-amount{font-size:.9rem;font-weight:700;text-align:right;white-space:nowrap;font-family:monospace}.wallet-tx-amount.credit{color:#10b981}.wallet-tx-amount.debit{color:var(--color-text-main)}.wallet-tx-badge{font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:9999px;white-space:nowrap}.wallet-tx-badge.completed{background:#10b9811f;color:#10b981}.wallet-tx-badge.pending{background:#f59e0b1f;color:#f59e0b}.wallet-tx-badge.failed{background:#ef44441a;color:#ef4444}.wallet-tx-empty{padding:3.5rem 1.5rem;text-align:center;color:var(--color-text-muted);font-size:.9rem;display:flex;flex-direction:column;align-items:center}@media(max-width:640px){.wallet-balance-card{padding:1.5rem 1.5rem 1.4rem;border-radius:16px}.wbc-balance-amount{font-size:2.25rem}.wbc-bottom{gap:1.25rem}.wallet-method-grid{grid-template-columns:1fr;gap:.6rem}.wallet-method-card{padding:.85rem 1rem;border-radius:10px}.wallet-method-card-top svg:first-child{width:22px;height:22px}.wallet-method-name{font-size:.82rem;margin-bottom:.2rem}.wallet-method-desc{font-size:.72rem;line-height:1.45}.wallet-method-form{margin-top:.85rem;padding-top:.85rem}.wallet-amount-row{flex-direction:row;gap:.5rem}.wallet-input{padding:.6rem .75rem;font-size:.82rem}.wallet-pay-btn{padding:.6rem .9rem;font-size:.8rem}.wallet-token-grid{gap:.35rem}.wallet-token-btn{padding:.4rem 0;font-size:.7rem}.wallet-tx-item{grid-template-columns:auto 1fr auto}.wallet-tx-badge{display:none}}.referral-page{padding:1.5rem;max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.8rem;margin-bottom:.5rem;color:var(--color-text-main)}.page-header p{color:var(--color-text-muted)}.referral-link-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 6px -1px #0000001a}.link-info h3{margin-bottom:.25rem;color:var(--color-text-main)}.link-info p{color:var(--color-text-muted);font-size:.9rem}.link-box{display:flex;align-items:center;gap:.75rem;background:var(--color-bg);padding:.75rem 1rem;border-radius:8px;border:1px dashed var(--color-primary)}.link-box code{flex:1;font-family:monospace;font-size:1rem;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-copy,.btn-share{background:var(--color-surface-hover);color:var(--color-text-main);border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-copy:hover,.btn-share:hover{background:var(--color-border);color:var(--color-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.users{background:#3b82f61a;color:#3b82f6}.stat-icon.earnings{background:#10b9811a;color:#10b981}.stat-content{display:flex;flex-direction:column}.stat-content .label{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.25rem}.stat-content .value{font-size:1.5rem;font-weight:700;color:var(--color-text-main)}.stat-content .value.highlight{color:#10b981}.recent-referrals-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.recent-referrals-section h3{margin-bottom:1.5rem;font-size:1.1rem}.referrals-table-container{overflow-x:auto}.referrals-table{width:100%;border-collapse:collapse}.referrals-table th{text-align:left;padding:.75rem 1rem;color:var(--color-text-muted);font-weight:500;font-size:.85rem;border-bottom:1px solid var(--color-border)}.referrals-table td{padding:1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-main)}.user-cell{display:flex;align-items:center;gap:.75rem}.avatar-placeholder{width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}.user-details{display:flex;flex-direction:column}.user-details .name{font-weight:500;font-size:.9rem}.user-details .email{font-size:.8rem;color:var(--color-text-muted)}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.success{background:#10b9811a;color:#10b981}.empty-state{padding:3rem;text-align:center;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}@media(min-width:768px){.referral-link-card{flex-direction:row;align-items:center;justify-content:space-between}.link-box{min-width:350px}}.dev-page-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.dev-access-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:3rem;max-width:500px;width:100%;text-align:center}.dev-icon-header{margin-bottom:1.5rem;display:flex;justify-content:center}.dev-access-card h1{font-size:1.8rem;margin-bottom:1rem}.status-pending{margin-top:2rem;padding:2rem;background:#eab3081a;border:1px solid rgba(234,179,8,.2);border-radius:12px;color:#eab308}.status-pending h3{margin:1rem 0 .5rem}.access-form-wrapper textarea{width:100%;padding:1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-main);margin:1rem 0;resize:vertical}.dev-dashboard{padding:1rem;max-width:1200px;margin:0 auto}.dev-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.plan-badge{background:#10b9811a;color:#10b981;padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem}.dev-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:12px;background:#3b82f61a;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.keys-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:2rem;margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.keys-table-wrapper{overflow-x:auto}.keys-table{width:100%;border-collapse:collapse}.keys-table th{text-align:left;padding:1rem;color:var(--color-text-muted);font-weight:500;border-bottom:1px solid var(--color-border)}.keys-table td{padding:1rem;border-bottom:1px solid var(--color-border)}.key-code{background:#0000004d;padding:.3rem .6rem;border-radius:4px;font-family:monospace;color:var(--color-text-muted)}.btn-icon.danger{color:#ef4444}.btn-icon.danger:hover{background:#ef44441a}.docs-link-section{background:linear-gradient(135deg,#3b82f61a,#9333ea0d);border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:2rem}.docs-card{display:flex;justify-content:space-between;align-items:center}.api-key-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.api-key-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:2rem;width:90%;max-width:500px;box-shadow:0 20px 50px #0000004d;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275)}.modal-header{text-align:center;margin-bottom:1.5rem}.modal-icon-wrapper{width:64px;height:64px;background:#10b9811a;color:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.modal-header h2{font-size:1.5rem;margin-bottom:.5rem}.modal-header p{color:var(--color-text-muted);font-size:.95rem}.key-display-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.key-value{font-family:monospace;font-size:1.1rem;color:var(--color-primary);word-break:break-all;font-weight:600}.copy-btn{background:#3b82f61a;color:var(--color-primary);border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#3b82f633}.modal-actions{display:flex;flex-direction:column;gap:.75rem}.warning-text{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.85rem;background:#ef44441a;padding:.75rem;border-radius:8px;margin-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.webhook-config-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.webhook-desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.webhook-desc code{background:#0000004d;padding:.1rem .4rem;border-radius:4px;font-family:monospace;font-size:.85rem;color:var(--color-primary)}.webhook-events{display:flex;gap:.5rem;flex-wrap:wrap}.event-badge{background:#3b82f61a;color:var(--color-primary);border:1px solid rgba(59,130,246,.25);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-family:monospace;font-weight:600}.webhook-field{display:flex;flex-direction:column;gap:.5rem}.webhook-field label{font-size:.875rem;font-weight:600;color:var(--color-text-main)}.webhook-input-row{display:flex;gap:.75rem;align-items:center}.webhook-url-input{flex:1;padding:.625rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-main);font-size:.9rem;outline:none;transition:border-color .2s}.webhook-url-input:focus{border-color:var(--color-primary)}.webhook-url-input::placeholder{color:var(--color-text-muted)}.secret-reveal-box{display:flex;flex-direction:column;gap:.75rem}.secret-alert{display:flex;align-items:center;gap:.5rem;color:#f59e0b;font-size:.85rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);padding:.625rem .875rem;border-radius:8px}.dev-warning-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.banner-content{display:flex;align-items:flex-start;gap:1rem}.banner-icon{color:#ef4444;flex-shrink:0;margin-top:.25rem}.banner-text h3{color:#ef4444;margin:0 0 .5rem;font-size:1.2rem}.banner-text p{color:var(--color-text-main);margin:0;line-height:1.5}.banner-form{margin-top:.5rem}.inline-usecase-form{display:flex;gap:1rem;align-items:center}.usecase-input{flex:1;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-main);font-size:.95rem;outline:none}.usecase-input:focus{border-color:#ef4444}.inline-pending{display:flex;align-items:center;gap:.5rem;color:#eab308;background:#eab3081a;border:1px solid rgba(234,179,8,.2);padding:.75rem 1rem;border-radius:8px;width:fit-content;font-weight:500}.api-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.api-plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:2.5rem 2rem;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 6px #00000005}.api-plan-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000014;border-color:#3b82f666}.api-plan-card.active-plan{border-color:#3b82f6;background:linear-gradient(180deg,rgba(59,130,246,.03) 0%,transparent 100%);box-shadow:0 8px 30px #3b82f61f}.plan-badge-active{position:absolute;top:0;right:0;background:#3b82f6;color:#fff;font-size:.75rem;font-weight:700;padding:.4rem 1.25rem;border-bottom-left-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:-2px 2px 10px #3b82f633}.plan-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.plan-header h3{font-size:1.6rem;margin-bottom:.5rem;color:var(--color-text-main);font-weight:800;letter-spacing:-.5px}.plan-desc{color:var(--color-text-muted);font-size:.95rem;margin-bottom:1.5rem;line-height:1.4}.plan-price{font-size:2.5rem;font-weight:800;color:var(--color-text-main);letter-spacing:-1.5px;display:flex;justify-content:center;align-items:baseline;gap:.25rem}.plan-price span{font-size:1.1rem;color:var(--color-text-muted);font-weight:500;letter-spacing:0}.plan-features{flex:1;margin-bottom:2.5rem}.plan-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.plan-features li{display:flex;align-items:flex-start;gap:.85rem;color:var(--color-text-main);font-size:.95rem;line-height:1.5;font-weight:500}.feature-icon{color:#10b981;flex-shrink:0;margin-top:.15rem}.plan-action{margin-top:auto}.empty-text{color:var(--color-text-muted);font-style:italic}@media(max-width:768px){.dev-dashboard{padding:.5rem}.dev-header{flex-direction:column;align-items:flex-start;gap:1rem}.dev-stats-grid{grid-template-columns:1fr;gap:1rem}.dev-warning-banner{padding:1rem}.banner-content{flex-direction:column;align-items:flex-start}.inline-usecase-form{flex-direction:column;align-items:stretch}.keys-section{padding:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-header button{width:100%}.webhook-config-card{padding:1rem}.webhook-input-row{flex-direction:column;align-items:stretch}.secret-reveal-box .webhook-input-row{flex-direction:row;flex-wrap:wrap}.secret-reveal-box .webhook-input-row .key-code{width:100%;margin-bottom:.5rem}.api-plans-grid{grid-template-columns:1fr}.docs-card{flex-direction:column;text-align:center;gap:1.5rem}.docs-card .btn-outline{width:100%}.api-key-modal{padding:1.5rem;width:95%}.key-display-box{flex-direction:column;text-align:center}.key-display-box .copy-btn{width:100%}.dev-access-card{padding:1.5rem;margin:1rem}}.settings-page{animation:fadeIn .4s ease;max-width:900px;margin:0 auto;padding-bottom:2rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem}@media(max-width:768px){.settings-card{padding:1.25rem}.settings-grid{gap:1.25rem}.twofa-row,.social-row{flex-direction:column;align-items:flex-start;gap:1rem}.toggle-btn,.btn-link,.btn-unlink{width:100%;justify-content:center}}.settings-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.75rem;box-shadow:0 4px 20px #00000008;transition:transform .2s,box-shadow .2s}.settings-card:hover{box-shadow:0 8px 30px #0000000d}.settings-card.danger{border-color:#ef444440;background:linear-gradient(180deg,var(--color-surface) 0%,rgba(239,68,68,.02) 100%)}.card-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.card-header h3{font-size:1.15rem;font-weight:600}.card-icon{color:var(--color-primary);background:rgba(var(--color-primary-rgb, 10, 10, 10),.05);padding:8px;border-radius:10px;width:38px;height:38px}.settings-card.danger .card-icon{color:#ef4444;background:#ef44441a}.settings-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.6rem}.form-group label{font-size:.9rem;color:var(--color-text-muted);font-weight:500}.input-field{background:var(--color-bg);border:1px solid var(--color-border);padding:.85rem 1rem;border-radius:10px;color:var(--color-text-main);font-size:.95rem;transition:all .2s}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 10, 10, 10),.1)}.input-field.disabled{background:rgba(var(--color-border-rgb, 200, 200, 200),.3);color:var(--color-text-muted);cursor:not-allowed}.input-hint{font-size:.8rem;color:var(--color-text-muted);font-style:normal;margin-top:-4px}.appearance-toggle{display:flex;justify-content:space-between;align-items:center}.toggle-switch-container{display:flex;background:var(--color-bg);padding:4px;border-radius:10px;cursor:pointer;border:1px solid var(--color-border)}.mode-option{padding:6px 18px;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-option.active{background:var(--color-surface);box-shadow:0 2px 8px #00000014;color:var(--color-primary)}.settings-actions{display:flex;flex-direction:column;gap:1.2rem}.full-width{width:100%}.btn-danger{background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:.85rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.badge-container{display:flex;gap:.6rem;flex-wrap:wrap}.badge-role,.badge-country,.badge-verified,.badge-google{display:flex;align-items:center;gap:6px;background:var(--color-bg);border:1px solid var(--color-border);padding:4px 10px;border-radius:6px;font-size:.85rem;font-weight:500}.badge-role{font-family:monospace;text-transform:uppercase;color:var(--color-primary)}.badge-verified{color:#10b981;background:#10b9810d;border-color:#10b98133}.badge-google{color:#4285f4;background:#4285f40d;border-color:#4285f433}.twofa-row,.social-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;transition:border-color .2s}.twofa-row:hover,.social-row:hover{border-color:var(--color-primary)}.twofa-info,.social-info{flex:1}.twofa-title,.social-title{font-weight:600;font-size:.95rem;margin-bottom:4px;color:var(--color-text-main);display:flex;align-items:center;gap:6px}.twofa-desc,.social-desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.4}.toggle-btn{display:flex;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:6px 14px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s;color:var(--color-text-muted);flex-shrink:0}.toggle-btn.on{color:#10b981;border-color:#10b981;background:#10b98114}.toggle-btn.off{color:var(--color-text-muted)}.toggle-btn:hover:not(:disabled){background:var(--color-surface-hover)}.toggle-btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-main);padding:.85rem 1.25rem;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-primary)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-primary);color:#fff;border:none;padding:.85rem 1.25rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){opacity:.9}.btn-unlink{background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:6px 14px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-unlink:hover:not(:disabled){background:#ef4444;color:#fff}.btn-unlink:disabled{opacity:.6;cursor:not-allowed}.btn-link{background:#4285f414;color:#4285f4;border:1px solid rgba(66,133,244,.2);padding:6px 14px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-link:hover:not(:disabled){background:#4285f4;color:#fff}.btn-link:disabled{opacity:.6;cursor:not-allowed}.pw-form{border-top:1px solid var(--color-border);padding-top:1.5rem;margin-top:.5rem}.settings-divider{height:1px;background:var(--color-border);margin:1.5rem 0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.95rem}.info-label{color:var(--color-text-muted)}.info-value{font-weight:600}.currency-badge{background:var(--color-bg);border:1px solid var(--color-border);padding:4px 12px;border-radius:8px;font-family:monospace}.referral-row{display:flex;align-items:center;gap:12px;background:var(--color-bg);border:1px dashed var(--color-primary);border-radius:10px;padding:10px 14px;transition:background .2s}.referral-row:hover{background:rgba(var(--color-primary-rgb, 10, 10, 10),.02)}.referral-code{flex:1;font-family:monospace;font-size:1rem;letter-spacing:.05em;color:var(--color-primary);font-weight:600}.copy-btn{display:flex;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--color-bg);color:var(--color-text-main);border-color:var(--color-primary)}.input-icon-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.with-icon{padding-left:40px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-box{background:var(--color-surface);border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:2rem;width:100%;max-width:440px;animation:slideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.modal-header h3{flex:1;font-size:1.2rem;font-weight:700}.modal-close{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;padding:6px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-surface);color:var(--color-text-main)}.modal-desc{font-size:.95rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem}.delete-pending-box{background:#ef44440a;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1.25rem}.delete-pending-info{display:flex;align-items:flex-start;gap:.75rem}.delete-pending-title{font-weight:600;font-size:.95rem;color:#ef4444;margin-bottom:4px}.delete-pending-desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.icon-danger,.text-danger{color:#ef4444}.activities-page{padding:2rem;max-width:1000px;margin:0 auto}.activities-page .page-header{margin-bottom:2rem}.activities-page .page-title-group{display:flex;align-items:center;gap:1rem}.activities-page .page-icon{color:var(--color-primary);width:32px;height:32px}.activities-page .page-title{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:var(--color-text)}.activities-page .page-desc{color:var(--color-text-muted);font-size:.95rem;margin:0}.activities-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;gap:1rem;padding:1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;align-items:center;transition:transform .2s,box-shadow .2s}.activity-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.activity-icon-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface);border-radius:50%;color:var(--color-primary);flex-shrink:0}.activity-details{flex:1;display:flex;flex-direction:column;gap:.4rem}.activity-header{display:flex;justify-content:space-between;align-items:center}.activity-type{font-weight:600;font-size:.95rem}.activity-type.success{color:var(--color-text)}.activity-type.failed{color:#ef4444}.activity-time{color:var(--color-text-muted);font-size:.85rem}.activity-meta{display:flex;gap:1.5rem;color:var(--color-text-muted);font-size:.85rem}.meta-item{display:flex;align-items:center;gap:.4rem}.activity-risks{display:flex;align-items:center;gap:.4rem;color:#f59e0b;font-size:.85rem;font-weight:500;background:#f59e0b1a;padding:.25rem .5rem;border-radius:4px;width:fit-content;margin-top:.25rem}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--color-text-muted);gap:1rem}.empty-icon{color:var(--color-border)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.pagination span{color:var(--color-text-muted);font-size:.9rem}@media(max-width:600px){.activities-page,.activities-card{padding:1rem}.activity-item{align-items:flex-start;padding:.75rem;gap:.75rem}.activity-header{flex-direction:column;align-items:flex-start;gap:.25rem}.activity-meta{flex-direction:column;gap:.4rem;margin-top:.25rem}.activity-icon-container{width:32px;height:32px}.activity-icon-container svg{width:16px;height:16px}}.whitelabel-page{padding:var(--spacing-lg) var(--spacing-md);max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.whitelabel-header{text-align:center;margin-bottom:3rem;padding:0 1rem}.whitelabel-title{font-size:clamp(2rem,6vw,3rem);font-weight:800;margin-bottom:1rem;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.whitelabel-subtitle{color:var(--color-text-muted);font-size:clamp(1rem,2.5vw,1.1rem);max-width:600px;margin:0 auto;line-height:1.5}.whitelabel-actions{display:flex;justify-content:center;margin-top:2rem}.btn-view-sites{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-main);border-radius:30px;font-weight:500;transition:all .2s ease;cursor:pointer}.btn-view-sites:hover{background:var(--color-surface-hover);border-color:#fff3}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;box-sizing:border-box;margin-bottom:2rem}.wl-plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:2.5rem 2rem;display:flex;flex-direction:column;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden;box-sizing:border-box;width:100%}.wl-plan-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:#ffffff1a}.wl-plan-card.recommended:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-brand)}.wl-plan-header{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.wl-plan-name{font-size:1.25rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem}.wl-plan-price-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;word-break:break-word}.wl-plan-original-price{font-size:1.1rem;color:var(--color-text-muted);text-decoration:line-through}.wl-plan-price{font-size:clamp(2rem,8vw,3rem);font-weight:800;color:var(--color-text-main);line-height:1}.wl-plan-period{color:var(--color-text-muted);font-size:.95rem;font-weight:500}.wl-plan-features{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1;display:flex;flex-direction:column;gap:1.2rem}.feature-item{display:flex;align-items:flex-start;gap:12px;color:var(--color-text-main);font-size:.95rem;line-height:1.4}.feature-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.wl-plan-action{margin-top:auto;width:100%}.btn-plan{width:100%;padding:1rem;border-radius:12px;font-size:1.05rem;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;box-sizing:border-box}.btn-plan.primary{background:var(--gradient-brand);color:#fff;border:none}.btn-plan.primary:hover{box-shadow:0 0 20px var(--color-primary-glow);filter:brightness(1.1)}.btn-plan.secondary{background:transparent;color:var(--color-text-main);border:2px solid var(--color-border)}.btn-plan.secondary:hover{background:#ffffff0d;border-color:#ffffff4d}@media(max-width:768px){.whitelabel-page{padding:1rem}.whitelabel-header{margin-bottom:2rem}.plans-grid{grid-template-columns:1fr;gap:1.5rem}.wl-plan-card{padding:1.8rem 1.5rem}input,button,select,textarea{font-size:16px!important}}.buy-whitelabel-page{padding:var(--spacing-lg) var(--spacing-md);max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.checkout-header{text-align:center;margin-bottom:2.5rem;padding:0 1rem}.checkout-title{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:800;color:var(--color-text-main);margin-bottom:.5rem;line-height:1.2}.checkout-subtitle{color:var(--color-text-muted);font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.5}.status-bars{display:flex;gap:6px;margin-bottom:2rem;justify-content:center;max-width:300px;margin-left:auto;margin-right:auto}.status-dash{height:4px;flex:1;background:#ffffff1a;border-radius:4px;transition:background .3s ease}.status-dash.active{background:var(--color-primary)}.step-content-body{width:100%}.step-label{font-size:1.4rem;font-weight:800;margin-bottom:.5rem;color:#fff;display:flex;align-items:center;gap:10px}.step-description{font-size:.95rem;color:var(--color-text-muted);margin-bottom:2rem}.domain-toggle{display:flex;gap:8px;background:#ffffff0d;padding:6px;border-radius:14px;margin-bottom:1.5rem;width:100%;box-sizing:border-box}.toggle-btn{flex:1;padding:14px;border-radius:10px;color:var(--color-text-muted);font-weight:600;text-align:center;transition:all .2s ease;border:none;background:transparent;cursor:pointer;font-size:.95rem}.toggle-btn.active{background:var(--color-surface);color:#fff;box-shadow:0 4px 12px #0003}.form-group{margin-bottom:1.5rem;width:100%;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.form-group label{font-size:.95rem;font-weight:500;color:var(--color-text-muted)}.input-wrapper{position:relative;width:100%;box-sizing:border-box;display:flex;align-items:center}.input-wrapper input,.input-wrapper select{width:100%;padding:16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;color:#fff;font-family:var(--font-family);font-size:1rem;transition:all .2s ease;box-sizing:border-box}.input-wrapper input:focus,.input-wrapper select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.input-suffix{position:absolute;right:16px;color:var(--color-text-muted);font-weight:500;pointer-events:none}#custom-domain-wrapper{display:flex}.search-btn{position:absolute;right:8px;background:var(--color-surface-hover);border:none;border-radius:8px;padding:10px 18px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease}.search-btn:hover{background:var(--color-primary)}.domain-result{margin-top:1rem;padding:1.2rem;border-radius:12px;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;line-height:1.4}.domain-result.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.domain-result.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.credentials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;box-sizing:border-box;margin-bottom:1.5rem}.coupon-row{display:flex;gap:12px;width:100%;box-sizing:border-box}.coupon-row input{flex:1;padding:16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;color:#fff;font-size:1rem;box-sizing:border-box}.coupon-row input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.btn-apply{padding:0 28px;background:var(--color-surface-hover);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-apply:hover{background:var(--color-text-muted)}.summary-box{background:#0000004d;border-radius:16px;padding:1.8rem;margin-bottom:2rem;width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.05)}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:var(--color-text-muted);font-size:1.05rem}.summary-row.discount{color:#10b981}.summary-total{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border);font-weight:800;font-size:1.6rem;color:#fff}.wizard-actions{display:flex;align-items:center;margin-top:2rem;border-top:1px solid var(--color-border);padding-top:1.5rem}.wizard-actions.right-align{justify-content:flex-end}.wizard-actions.space-between{justify-content:space-between}.btn-next{padding:14px 28px;border-radius:12px;background:var(--gradient-brand);color:#fff;font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .2s ease;border:none;cursor:pointer}.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--color-primary-glow)}.btn-next:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.btn-back{padding:14px 24px;border-radius:12px;background:#ffffff0d;color:var(--color-text-muted);font-size:1.05rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s ease;border:1px solid var(--color-border);cursor:pointer}.btn-back:hover{background:#ffffff1a;color:#fff}.btn-checkout{padding:14px 28px;border-radius:12px;background:var(--gradient-brand);color:#fff;font-size:1.05rem;font-weight:800;display:flex;align-items:center;gap:10px;transition:all .2s ease;border:none;cursor:pointer}.btn-checkout:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px var(--color-primary-glow)}.btn-checkout:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(1);transform:none!important;box-shadow:none!important}@media(max-width:768px){.buy-whitelabel-page{padding:1.2rem 1rem}.domain-toggle{flex-direction:column;gap:6px;background:transparent;padding:0}.toggle-btn{background:#ffffff0d}.toggle-btn.active{background:var(--color-surface)}.credentials-grid{grid-template-columns:1fr;gap:0}.input-wrapper,#custom-domain-wrapper{flex-direction:column;align-items:stretch}.input-wrapper input{width:100%;padding:14px 16px}.search-btn{position:relative;right:auto;top:auto;transform:none;width:100%;margin-top:12px;padding:14px;display:block}.coupon-row{flex-direction:column}.coupon-row input{width:100%}.btn-apply{width:100%;padding:14px}.domain-result{flex-direction:column;align-items:flex-start;text-align:left}.summary-box{padding:1.5rem}.summary-total{flex-direction:column;align-items:stretch;gap:8px;font-size:1.3rem}.summary-total span:last-child{color:var(--color-primary);font-size:1.8rem}.wizard-actions{flex-direction:column-reverse;gap:12px}.wizard-actions.right-align{flex-direction:column}.btn-next,.btn-back,.btn-checkout{width:100%;justify-content:center}input,select,button{font-size:16px!important}}.my-whitelabels-page{padding:var(--spacing-lg) var(--spacing-md);max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}.page-title{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:800;color:var(--color-text-main)}.btn-new-site{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--gradient-brand);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease}.btn-new-site:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--color-primary-glow)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-text-muted);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:24px;margin:2rem 0}.empty-state svg{color:var(--color-primary);margin-bottom:1.5rem;opacity:.8}.empty-state h3{color:var(--color-text-main);font-size:1.8rem;margin-bottom:1rem;font-weight:700}.empty-state p{font-size:1.05rem;max-width:500px;margin:0 auto;line-height:1.5}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;width:100%;box-sizing:border-box}.site-card{padding:2rem;border-radius:20px;background:var(--color-surface);border:1px solid var(--color-border);transition:all .3s ease;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.site-card:hover{border-color:#ffffff1a;box-shadow:0 8px 30px #0006;transform:translateY(-4px)}.site-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:12px}.site-name{font-size:1.4rem;font-weight:700;color:var(--color-text-main);margin-bottom:6px;word-break:break-word}.site-domain{display:flex;align-items:center;gap:6px;font-size:.95rem;color:var(--color-text-muted);word-break:break-all}.site-link{color:var(--color-primary);text-decoration:none;transition:opacity .2s ease}.site-link:hover{opacity:.8;text-decoration:underline}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.text-success{color:#10b981}.text-warning{color:#f59e0b}.status-badge.active{background:#10b98126;color:#10b981}.status-badge.pending_setup{background:#f59e0b26;color:#f59e0b}.status-badge.suspended{background:#ef444426;color:#ef4444}.site-details{background:#00000040;padding:1.25rem;border-radius:12px;margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.95rem}.detail-row:last-child{margin-bottom:0}.detail-label{color:var(--color-text-muted)}.detail-val{color:var(--color-text-main);font-weight:600;text-align:right}.site-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;border-top:1px solid var(--color-border)}.tier-badge{background:#ffffff0d;padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:1px}.tier-group{display:flex;align-items:center;gap:8px}.domain-markup-info{font-size:.8rem;color:var(--color-text-muted)}.site-actions-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-icon-action{display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--color-border);color:var(--color-text-muted);width:36px;height:36px;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-icon-action:hover{background:var(--color-surface-hover);color:#fff;border-color:#fff3}.btn-admin{display:flex;align-items:center;background:var(--color-primary);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .2s ease;text-decoration:none}.btn-admin:hover{background:var(--color-primary-glow);transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;width:100%;max-width:500px;padding:2rem;box-sizing:border-box}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{margin:0;font-size:1.4rem;color:#fff}.btn-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:color .2s ease}.btn-close:hover{color:#fff}.modal-desc{color:var(--color-text-muted);margin-bottom:1.5rem;line-height:1.5;font-size:.95rem}.modal-body .form-group{margin-bottom:1.25rem}.modal-body .form-group label{display:block;margin-bottom:6px;color:var(--color-text-muted);font-size:.9rem;font-weight:500}.color-input-container{display:flex;align-items:center;gap:12px}.color-input-container input[type=color]{width:48px;height:48px;padding:0;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;background:transparent;flex-shrink:0}.color-input-container input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input-container input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.color-input-container input[type=text]{flex:1}.form-group input[type=url],.form-group input[type=text]{width:100%;padding:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:8px;color:var(--text);font-size:.95rem}.logo-upload-container{display:flex;align-items:center;gap:12px;margin-bottom:10px}.file-upload-label{cursor:pointer}.file-upload-label .btn-secondary{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text);font-size:.85rem;display:inline-block;transition:all .2s ease}.file-upload-label:hover .btn-secondary{background:#ffffff26}.file-name{font-size:.85rem;color:var(--text-secondary);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-separator{text-align:center;font-size:.8rem;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.color-pickers{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-body input,.modal-body select{width:100%;padding:12px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:#fff;font-size:1rem;box-sizing:border-box;transition:all .2s ease}.modal-body input:focus,.modal-body select:focus{outline:none;border-color:var(--color-primary)}.warning-box{display:flex;align-items:flex-start;gap:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b;padding:1rem;border-radius:12px;margin-top:1.5rem;font-size:.9rem;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:2rem}.btn-cancel{padding:10px 20px;background:transparent;border:1px solid var(--color-border);color:#fff;border-radius:10px;cursor:pointer;font-weight:600;transition:background .2s}.btn-cancel:hover{background:#ffffff0d}.btn-submit{padding:10px 20px;background:var(--color-primary);border:none;color:#fff;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s}.btn-submit:hover:not(:disabled){background:var(--color-primary-glow)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.my-whitelabels-page{padding:1.2rem 1rem}.page-header{flex-direction:column;align-items:flex-start;gap:16px;padding:0}.btn-new-site{width:100%;justify-content:center;padding:14px}.sites-grid{grid-template-columns:1fr}.site-card{padding:1.5rem}.site-header{flex-direction:column;align-items:flex-start;gap:12px}.status-badge{align-self:flex-start}.site-details{padding:1rem}.site-footer{flex-direction:column;align-items:flex-start;gap:16px}.site-actions-row{width:100%;justify-content:space-between}.btn-admin{flex:1;justify-content:center;padding:12px}.btn-icon-action{width:44px;height:44px}.modal-content{padding:1.5rem}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;padding:14px}}.proxy-premium-root{min-height:100%;color:#e2e8f0;font-family:Inter,system-ui,-apple-system,sans-serif;max-width:1100px;margin:0 auto;animation:proxyFadeIn .5s ease-out}@keyframes proxyFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.proxy-premium-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:2rem}.proxy-premium-header-left{display:flex;align-items:center;gap:1.25rem}.proxy-premium-icon-wrap{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #3b82f666}.proxy-premium-title{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:var(--color-text-main)}.proxy-premium-subtitle{margin:0;font-size:.9rem;color:var(--color-text-muted);margin-top:.25rem}.proxy-my-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.85rem;font-weight:600;color:var(--color-text-main);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.proxy-my-btn:hover{background:#ffffff14;border-color:#3b82f6;color:#3b82f6;box-shadow:0 0 15px #3b82f633}.proxy-premium-stepper{display:flex;align-items:center;justify-content:center;margin-bottom:3rem;gap:.5rem;padding:0 1rem}.proxy-premium-step{display:flex;flex-direction:column;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:0;position:relative;z-index:2;transition:opacity .3s}.proxy-premium-step:disabled{cursor:not-allowed;opacity:.5}.proxy-premium-step-circle{width:32px;height:32px;border-radius:50%;background:#ffffff08;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;color:var(--color-text-muted);transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.proxy-premium-step.active .proxy-premium-step-circle{background:var(--color-surface);border-color:#3b82f6;color:#3b82f6;box-shadow:0 0 15px #3b82f666}.proxy-premium-step.done .proxy-premium-step-circle{background:#3b82f6;border-color:#3b82f6;color:#fff}.proxy-premium-step-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);transition:color .3s}.proxy-premium-step.active .proxy-premium-step-label{color:var(--color-text-main)}.proxy-premium-step-connector{flex:1;max-width:80px;height:2px;background:#ffffff1a;margin-bottom:20px;transition:background .3s ease}.proxy-premium-step-connector.done{background:#3b82f6;box-shadow:0 0 8px #3b82f680}.proxy-premium-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.proxy-premium-panel-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.proxy-premium-panel-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-main)}.proxy-premium-count{background:#3b82f61a;color:#3b82f6;padding:.2rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:700}.proxy-premium-search-wrap{position:relative;margin-bottom:2rem}.proxy-premium-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.proxy-premium-search-input{width:100%;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem 1rem 1rem 3rem;font-size:.95rem;color:var(--color-text-main);transition:all .3s ease}.proxy-premium-search-input:focus{outline:none;border-color:#3b82f6;background:#3b82f60d;box-shadow:0 0 0 3px #3b82f626}.proxy-premium-search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:var(--color-text-main);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;transition:background .2s}.proxy-premium-search-clear:hover{background:#fff3}.proxy-premium-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.proxy-premium-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.proxy-premium-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s}.proxy-premium-item:hover{background:#ffffff0a;border-color:#3b82f64d;transform:translateY(-3px);box-shadow:0 8px 25px #0003}.proxy-premium-item:hover:before{opacity:1}.proxy-premium-item.selected{background:#3b82f614;border-color:#3b82f6;box-shadow:0 0 20px #3b82f626}.proxy-premium-item-icon{width:36px;height:36px;border-radius:10px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--color-text-main)}.proxy-premium-item.selected .proxy-premium-item-icon{background:#3b82f6;color:#fff}.proxy-premium-flag{width:36px;height:26px;border-radius:4px;object-fit:cover;box-shadow:0 2px 8px #0003}.proxy-premium-item-name{font-weight:600;font-size:.95rem;color:var(--color-text-main);flex:1;z-index:1}.proxy-premium-item-arrow{color:var(--color-text-muted);transition:transform .2s;z-index:1}.proxy-premium-item:hover .proxy-premium-item-arrow{transform:translate(3px);color:#3b82f6}.proxy-premium-summary{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:2rem}.proxy-premium-summary-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.proxy-premium-summary-label{color:var(--color-text-muted);font-size:.9rem;font-weight:500}.proxy-premium-summary-value{color:var(--color-text-main);font-weight:600;font-size:1rem;display:flex;align-items:center;gap:.5rem}.proxy-premium-summary-flag{width:24px;border-radius:3px}.proxy-premium-price-row{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;margin-top:1rem}.proxy-premium-price-label{font-size:1.1rem;font-weight:600;color:var(--color-text-main)}.proxy-premium-price-value{font-size:2rem;font-weight:800;color:#3b82f6;text-shadow:0 0 20px rgba(59,130,246,.3)}.proxy-premium-wallet{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.5rem;font-size:.9rem;color:var(--color-text-muted)}.proxy-premium-wallet-balance{font-weight:700;color:var(--color-text-main);font-family:JetBrains Mono,monospace}.proxy-premium-buy-btn{width:100%;padding:1.2rem;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 8px 25px #3b82f64d;transition:all .3s ease}.proxy-premium-buy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #3b82f666}.proxy-premium-buy-btn:disabled{background:#ffffff1a;color:#fff6;box-shadow:none;cursor:not-allowed}.proxy-premium-terminal{background:#0f172a;border:1px solid #1e293b;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0006}.proxy-premium-terminal-header{background:#1e293b;padding:.75rem 1.25rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #334155}.proxy-premium-terminal-dot{width:12px;height:12px;border-radius:50%}.proxy-premium-terminal-dot.red{background:#ef4444}.proxy-premium-terminal-dot.yellow{background:#eab308}.proxy-premium-terminal-dot.green{background:#22c55e}.proxy-premium-terminal-title{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.8rem;color:#94a3b8}.proxy-premium-terminal-body{padding:2rem}.proxy-premium-cred-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.proxy-premium-cred-row:last-child{margin-bottom:0}.proxy-premium-cred-label{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.proxy-premium-cred-value-wrap{display:flex;background:#020617;border:1px solid #1e293b;border-radius:8px;padding:.75rem 1rem;align-items:center;justify-content:space-between}.proxy-premium-cred-value{font-family:JetBrains Mono,monospace;color:#10b981;font-size:.95rem;word-break:break-all}.proxy-premium-copy-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.4rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.proxy-premium-copy-btn:hover{background:#1e293b;color:#f8fafc}.proxy-premium-insufficient{display:flex;align-items:center;gap:.5rem;color:#ef4444;background:#ef44441a;padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.9rem}.proxy-premium-topup-link{background:none;border:none;color:#ef4444;text-decoration:underline;cursor:pointer;font-weight:600;padding:0}@media(max-width:768px){.proxy-premium-panel{padding:1.5rem}.proxy-premium-grid{grid-template-columns:1fr}}.proxy-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bp-back-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.9rem;padding:0;transition:color .2s}.bp-back-btn:hover{color:var(--color-text-main)}.bp-breadcrumb{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.bp-skeleton-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.bp-skeleton-item{height:76px;background:#ffffff08;border-radius:14px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.bp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:var(--color-text-muted);gap:1rem;background:#ffffff03;border-radius:16px;border:1px dashed rgba(255,255,255,.1)}.banner-error{background:#ef44441a;color:#ef4444;padding:10px;border-radius:8px;margin-bottom:15px;font-size:.85rem;display:flex;align-items:flex-start;gap:8px}.banner-error svg{flex-shrink:0;margin-top:2px}.support-page-container{display:flex;height:calc(100vh - 120px);background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;margin-top:10px}.support-sidebar{width:320px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:rgba(var(--bg-card-rgb),.5)}.support-sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.support-sidebar-header h3{margin:0;font-size:1.2rem;font-weight:600}.new-ticket-btn{background:var(--color-primary);color:#fff;border:none;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.new-ticket-btn:hover{opacity:.9;transform:scale(1.05)}.ticket-list{flex:1;overflow-y:auto;padding:10px}.ticket-item{padding:15px;border-radius:8px;cursor:pointer;margin-bottom:8px;transition:all .2s ease;border:1px solid transparent}.ticket-item:hover{background:var(--bg-hover)}.ticket-item.active{background:var(--color-primary-light);border-color:var(--color-primary)}.ticket-item-header{display:flex;justify-content:space-between;margin-bottom:5px}.ticket-id{font-size:.8rem;color:var(--text-muted);font-weight:600}.ticket-status{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:600;text-transform:capitalize}.ticket-status.open{background:#3b82f61a;color:#3b82f6}.ticket-status.escalated{background:#f59e0b1a;color:#f59e0b}.ticket-status.admin_joined{background:#10b9811a;color:#10b981}.ticket-status.closed{background:#6b72801a;color:#6b7280}.ticket-subject{font-size:.95rem;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-preview{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-main{flex:1;display:flex;flex-direction:column;background:var(--bg-color);position:relative}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-align:center;padding:20px}.chat-empty-state p{margin-top:10px;max-width:300px}.chat-header{padding:15px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-card);display:flex;align-items:center;justify-content:space-between}.chat-header-info h4{margin:0 0 4px;font-size:1.1rem}.chat-header-meta{font-size:.85rem;color:var(--text-muted);display:flex;gap:15px}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.chat-bubble{max-width:75%;padding:12px 16px;border-radius:18px;position:relative;font-size:.95rem;line-height:1.6;letter-spacing:.2px}.chat-bubble.user{align-self:flex-end;background:var(--color-primary);color:#fff;border-radius:18px 18px 4px;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.25)}.chat-bubble.assistant{align-self:flex-start;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:18px 18px 18px 4px;box-shadow:0 4px 12px #00000026}.chat-bubble.admin{align-self:flex-start;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--text-color);border-radius:18px 18px 18px 4px}.message-meta{font-size:.7rem;opacity:.7;margin-top:5px;display:block;text-align:right}.bubble-action-wrapper{margin-top:10px;display:flex;justify-content:flex-end}.bubble-action-btn{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb),.3);padding:10px 18px;border-radius:20px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 8px #0000000d}.bubble-action-btn:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--color-primary-rgb),.35)}.chat-typing-indicator{align-self:flex-start;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px 12px 12px 2px;color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;gap:8px}.chat-typing-indicator .dots span{animation:typing 1.4s infinite ease-in-out both;display:inline-block;height:4px;width:4px;background-color:var(--text-muted);border-radius:50%;margin:0 2px}.chat-typing-indicator .dots span:nth-child(1){animation-delay:-.32s}.chat-typing-indicator .dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-area{padding:20px;background:var(--bg-card);border-top:1px solid var(--border-color)}.chat-input-wrapper{display:flex;gap:10px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:8px;transition:all .2s ease}.chat-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.chat-input-wrapper input{flex:1;background:transparent;border:none;color:var(--text-color);padding:8px 12px;outline:none}.send-btn{background:var(--color-primary);color:#fff;border:none;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.create-ticket-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10}.create-ticket-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:25px;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.create-ticket-modal h3{margin:0 0 15px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:.9rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);border-radius:8px;outline:none;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:8px 16px;border-radius:8px;cursor:pointer}.btn-submit{background:var(--color-primary);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer}.mobile-back-btn{display:none;background:transparent;border:none;color:var(--text-color);margin-right:10px;cursor:pointer}@media(max-width:768px){.support-sidebar{width:100%}.support-main{position:absolute;inset:0;z-index:5;transform:translate(100%);transition:transform .3s ease}.support-main.active{transform:translate(0)}.mobile-back-btn{display:block}}.dialpad-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s}.dialpad-container{width:100%;height:100dvh;background-color:var(--color-surface, #ffffff);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease-out;font-family:system-ui,-apple-system,sans-serif}@media(min-width:640px){.dialpad-overlay{align-items:center}.dialpad-container{height:auto;max-height:85vh;max-width:400px;border-radius:32px;box-shadow:0 25px 50px -12px #00000040}}.dialpad-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border, #f1f5f9)}.dialpad-header button{padding:8px;border-radius:50%;background:transparent;border:none;color:var(--color-text-main, #475569);cursor:pointer;transition:background-color .2s}.dialpad-header button:hover{background-color:var(--color-bg, #f1f5f9)}.dialpad-header-info{display:flex;flex-direction:column;align-items:center}.dialpad-header-title{font-weight:600;color:var(--color-text-main, #1e293b);font-size:14px}.dialpad-header-number{font-size:12px;color:var(--color-text-muted, #64748b);font-family:monospace}.dialpad-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background-color:var(--color-bg, #f8fafc)}.dialpad-display{width:100%;text-align:center;margin-bottom:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px}.dialpad-number-input{width:100%;background:transparent;border:none;outline:none;text-align:center;font-size:36px;font-weight:300;color:var(--color-text-main, #0f172a);letter-spacing:2px}.dialpad-number-input::placeholder{color:var(--color-text-muted, #94a3b8);opacity:.5}.dialpad-status{font-size:14px;font-weight:500;color:#2563eb;margin-top:8px;height:20px}.dialpad-grid-wrapper{width:100%;max-width:280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}.dialpad-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:32px;row-gap:16px}.dialpad-btn{width:64px;height:64px;border-radius:50%;background-color:var(--color-surface, #ffffff);box-shadow:0 1px 2px #0000000d;border:1px solid var(--color-border, #e2e8f0);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.dialpad-btn:active{background-color:var(--color-border, #e2e8f0)}.dialpad-btn:hover{background-color:var(--color-bg, #f8fafc)}.dialpad-btn-digit{font-size:24px;font-weight:300;color:var(--color-text-main, #1e293b)}.dialpad-btn-letters{font-size:10px;font-weight:500;color:var(--color-text-muted, #94a3b8);letter-spacing:1px}.dialpad-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr);column-gap:32px;align-items:center;margin-top:16px}.dialpad-action-center{display:flex;justify-content:center}.dialpad-call-btn{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:none;box-shadow:0 10px 15px -3px #0000001a;transition:transform .1s,background-color .2s;cursor:pointer}.dialpad-call-btn:active{transform:scale(.95)}.dialpad-call-btn.ready{background-color:#22c55e}.dialpad-call-btn.ready:hover{background-color:#16a34a}.dialpad-call-btn.disabled{background-color:#86efac;cursor:not-allowed}.dialpad-delete-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #94a3b8);background:transparent;border:none;cursor:pointer;transition:background-color .2s,color .2s}.dialpad-delete-btn:hover{background-color:var(--color-border, #e2e8f0);color:var(--color-text-main, #475569)}.dialpad-delete-btn:active{background-color:var(--color-bg, #cbd5e1)}.dialpad-incall{display:flex;flex-direction:column;align-items:center;gap:48px;margin-top:32px}.dialpad-avatar-wrapper{position:relative}.dialpad-avatar-ping{position:absolute;inset:0;background-color:#dbeafe;border-radius:50%;opacity:.75;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(1.5);opacity:0}}.dialpad-avatar{position:relative;width:128px;height:128px;background-color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 25px -5px #0000001a}.dialpad-avatar svg{color:#fff;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dialpad-incall-actions{display:flex;gap:32px}.dialpad-mute-btn{width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .2s;box-shadow:0 4px 6px -1px #0000001a;border:none;cursor:pointer}.dialpad-mute-btn.active{background-color:#fff;color:#ef4444;border:1px solid #fecaca}.dialpad-mute-btn.inactive{background-color:#1e293b;color:#fff}.dialpad-hangup-btn{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#ef4444;color:#fff;box-shadow:0 10px 15px -3px #0000001a;border:none;cursor:pointer;transition:transform .1s,background-color .2s}.dialpad-hangup-btn:hover{background-color:#dc2626}.dialpad-hangup-btn:active{transform:scale(.95)}.dialpad-footer{background-color:var(--color-bg, #f8fafc);padding-bottom:32px;text-align:center;font-size:12px;color:var(--color-text-muted, #94a3b8)}@media(min-width:640px){.dialpad-footer{padding-bottom:24px}}.loading-state{padding:20px;text-align:center;color:var(--color-text-muted)}.loading-state svg{margin-bottom:10px}.rental-page{animation:fadeIn .4s ease}.rental-tabs{display:flex;gap:.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.3rem;margin-bottom:2rem;width:fit-content}.rental-tab{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;border:none;border-radius:8px;background:transparent;color:var(--color-text-muted);font-size:.88rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.rental-tab.active{background:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 2px 12px #3b82f659}.credits-banner{background:linear-gradient(135deg,#0f172a,#1e1b4b);border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:1.5rem 2rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:relative;overflow:hidden}.credits-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(139,92,246,.15) 0%,transparent 60%);pointer-events:none}.credits-banner-left{display:flex;align-items:center;gap:1.25rem;z-index:1}.credits-icon-wrap{width:48px;height:48px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#a78bfa;flex-shrink:0}.credits-label{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-bottom:.2rem}.credits-amount{font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.credits-banner-right{z-index:1;display:flex;gap:.75rem;align-items:center;flex-shrink:0}.btn-topup{display:flex;align-items:center;gap:.5rem;background:#8b5cf6;color:#fff;border:none;padding:.65rem 1.25rem;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .15s;white-space:nowrap}.btn-topup:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-topup:disabled{opacity:.5;cursor:not-allowed}.rental-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.rental-section-title{font-size:1.1rem;font-weight:700;color:var(--color-text-main)}.rental-filters{display:flex;gap:.5rem;flex-wrap:wrap}.rental-filter-select{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-main);padding:.5rem .75rem;border-radius:8px;font-size:.83rem;font-family:inherit;outline:none;cursor:pointer;transition:border-color .2s}.rental-filter-select:focus{border-color:var(--color-primary)}.rental-number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem}.rental-number-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.4rem;display:flex;flex-direction:column;gap:.85rem;cursor:pointer;transition:border-color .2s,transform .15s,box-shadow .2s}.rental-number-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f61f}.rental-number-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.rental-phone-num{font-family:monospace;font-size:1.15rem;font-weight:700;color:var(--color-text-main);letter-spacing:.5px}.rental-region-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:9999px;background:#3b82f61a;color:var(--color-primary);white-space:nowrap}.rental-features{display:flex;gap:.4rem;flex-wrap:wrap}.rental-feature-chip{display:flex;align-items:center;gap:3px;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.rental-price-row{display:flex;align-items:baseline;gap:.35rem}.rental-price{font-size:1.35rem;font-weight:800;color:var(--color-text-main)}.rental-price-per{font-size:.75rem;color:var(--color-text-muted)}.btn-rent{width:100%;padding:.65rem;background:var(--color-primary);color:#fff;border:none;border-radius:9px;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s}.btn-rent:hover{opacity:.88}.btn-rent:disabled{opacity:.45;cursor:not-allowed}.rental-active-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:0;overflow:hidden;transition:box-shadow .2s}.rental-active-card:hover{box-shadow:0 4px 20px #0000001f}.rac-header{padding:1.25rem 1.5rem;background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.rac-phone{font-family:monospace;font-size:1.25rem;font-weight:800;color:var(--color-text-main);letter-spacing:.5px;display:flex;align-items:center;gap:.5rem;cursor:pointer}.rac-phone svg{color:var(--color-text-muted);opacity:.5;transition:opacity .2s}.rac-phone:hover svg{opacity:1}.rac-status-badges{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.rac-expiry-badge{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:9999px;background:#f59e0b1a;color:#f59e0b}.rac-expiry-badge.critical{background:#ef44441a;color:#ef4444}.rac-provider-badge{font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:9999px;background:#8b5cf61a;color:#8b5cf6;letter-spacing:.05em;text-transform:uppercase}.rac-body{padding:1.25rem 1.5rem}.rac-inbox-header{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.75rem}.rac-inbox-badge{background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:9999px;margin-left:.25rem}.rac-message-list{display:flex;flex-direction:column;gap:.6rem;max-height:220px;overflow-y:auto;margin-bottom:1rem}.rac-message-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;padding:.75rem 1rem;animation:fadeIn .3s ease}.rac-message-code{font-size:1.3rem;font-weight:800;color:var(--color-primary);font-family:monospace;display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.rac-message-text{font-size:.8rem;color:var(--color-text-muted);line-height:1.5}.rac-message-from{font-size:.72rem;color:var(--color-text-muted);margin-top:.25rem;opacity:.6}.rac-empty-inbox{text-align:center;padding:1.5rem 0;color:var(--color-text-muted);font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.rac-empty-inbox svg{opacity:.2}.rac-actions{display:flex;gap:.6rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--color-border)}.btn-rac{display:flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border-radius:8px;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;border:1px solid var(--color-border);background:transparent;color:var(--color-text-main)}.btn-rac:hover{background:var(--color-surface-hover)}.btn-rac:disabled{opacity:.4;cursor:not-allowed}.btn-rac.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-rac.primary:hover{opacity:.85}.btn-rac.success{border-color:#10b981;color:#10b981}.btn-rac.success:hover{background:#10b98114}.btn-rac.danger{border-color:#ef4444;color:#ef4444}.btn-rac.danger:hover{background:#ef444414}.btn-rac.purple{border-color:#8b5cf6;color:#8b5cf6}.btn-rac.purple:hover{background:#8b5cf614}.rental-action-panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;margin-top:1rem;animation:fadeIn .25s ease}.rap-title{font-size:.88rem;font-weight:700;color:var(--color-text-main);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.rap-form{display:flex;flex-direction:column;gap:.65rem}.rap-input{width:100%;background:var(--color-surface);border:1px solid var(--color-border);padding:.7rem 1rem;border-radius:8px;color:var(--color-text-main);font-size:.88rem;font-family:inherit;outline:none;transition:border-color .2s;box-sizing:border-box}.rap-input:focus{border-color:var(--color-primary)}.rap-input::placeholder{color:var(--color-text-muted)}.rap-textarea{resize:vertical;min-height:90px}.rap-row{display:flex;gap:.6rem;justify-content:flex-end}.rental-modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.rental-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:2rem;width:100%;max-width:420px;position:relative;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.rental-modal-close{position:absolute;top:1.25rem;right:1.25rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:.35rem .6rem;cursor:pointer;color:var(--color-text-muted);font-family:inherit;transition:color .2s}.rental-modal-close:hover{color:var(--color-text-main)}.rental-modal h3{font-size:1.1rem;font-weight:700;margin-bottom:.4rem}.rental-modal p{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1.5rem;line-height:1.6}.rental-modal-field{margin-bottom:1rem}.rental-modal-label{display:block;font-size:.78rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.06em}.rental-modal-input{width:100%;background:var(--color-bg);border:1px solid var(--color-border);padding:.7rem 1rem;border-radius:10px;color:var(--color-text-main);font-size:.9rem;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .2s}.rental-modal-input:focus{border-color:var(--color-primary)}.rental-modal-cost{background:#8b5cf612;border:1px solid rgba(139,92,246,.2);border-radius:10px;padding:.85rem 1rem;margin-bottom:1.25rem;font-size:.88rem;display:flex;justify-content:space-between;align-items:center}.rental-modal-cost-label{color:var(--color-text-muted)}.rental-modal-cost-value{font-weight:800;color:#8b5cf6;font-size:1.1rem}.btn-modal-confirm{width:100%;padding:.85rem;background:var(--color-primary);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s}.btn-modal-confirm:hover:not(:disabled){opacity:.88}.btn-modal-confirm:disabled{opacity:.45;cursor:not-allowed}.call-active-indicator{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;color:#10b981;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:.45rem .85rem;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.rental-empty{text-align:center;padding:4rem 2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.rental-empty h3{color:var(--color-text-main);font-size:1.1rem}.rental-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--color-text-muted)}.spin-icon{animation:spin 1s linear infinite}@media(max-width:640px){.credits-banner{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.credits-banner-right{width:100%}.btn-topup{width:100%;justify-content:center}.rental-number-grid{grid-template-columns:1fr;gap:1rem}.rental-section-header{flex-direction:column;align-items:flex-start}.rac-header{flex-direction:column;align-items:flex-start;gap:.75rem}.rac-phone{font-size:1.1rem}.rac-actions{flex-direction:column}.btn-rac{justify-content:center}.rental-modal{padding:1.5rem;border-radius:16px}.rental-tabs{width:100%}.rental-tab{flex:1;justify-content:center}}.imessage-container{display:flex;height:calc(100vh - 100px);background:var(--bg-primary);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000d;border:1px solid var(--border-color);margin:20px}.imessage-sidebar{width:320px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--bg-secondary)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color)}.sidebar-header h2{margin:0;font-size:1.2rem;font-weight:600}.back-btn,.new-chat-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:8px;border-radius:50%;transition:background .2s;display:flex;align-items:center;justify-content:center}.back-btn:hover,.new-chat-btn:hover{background:#0000000d}.search-bar{padding:10px 15px;display:flex;align-items:center;background:var(--bg-primary);margin:10px 15px;border-radius:8px;border:1px solid var(--border-color)}.search-bar input{border:none;background:none;outline:none;margin-left:10px;width:100%;color:var(--text-primary)}.threads-list{flex:1;overflow-y:auto}.empty-threads{padding:20px;text-align:center;color:var(--text-secondary);font-size:.9rem}.thread-item{display:flex;padding:15px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(0,0,0,.03)}.thread-item:hover{background:#00000005}.thread-item.active{background:var(--primary-color)}.thread-item.active .name,.thread-item.active .time,.thread-item.active .thread-preview{color:#fff}.avatar{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-right:15px;color:#64748b;flex-shrink:0}.thread-info{flex:1;min-width:0}.thread-top{display:flex;justify-content:space-between;margin-bottom:4px}.thread-top .name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-top .time{font-size:.8rem;color:var(--text-secondary)}.thread-preview{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.imessage-chat{flex:1;display:flex;flex-direction:column;background:var(--bg-primary)}.empty-chat-pane,.new-chat-pane{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.placeholder-icon{margin-bottom:20px;opacity:.3}.chat-header{padding:15px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-contact-info{display:flex;align-items:center}.chat-contact-info .details h3{margin:0;font-size:1.1rem}.number-subtitle{font-size:.8rem;color:var(--text-secondary)}.save-contact-btn{padding:6px 12px;background:none;border:1px solid var(--primary-color);color:var(--primary-color);border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s}.save-contact-btn:hover{background:var(--primary-color);color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.chat-messages.empty{justify-content:center;align-items:center}.message-bubble{max-width:70%;padding:10px 15px;border-radius:20px;position:relative;font-size:.95rem;line-height:1.4}.message-bubble.inbound{align-self:flex-start;background:#e5e5ea;color:#000;border-bottom-left-radius:5px}.message-bubble.outbound{align-self:flex-end;background:var(--primary-color, #007aff);color:#fff;border-bottom-right-radius:5px}.bubble-meta{font-size:.7rem;margin-top:4px;opacity:.7;text-align:right}.chat-input-area{padding:15px 20px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.chat-input-area form{display:flex;align-items:center;background:var(--bg-secondary);border-radius:24px;padding:5px 5px 5px 15px;border:1px solid var(--border-color)}.chat-input-area input{flex:1;border:none;background:none;outline:none;padding:10px 0;font-size:.95rem;color:var(--text-primary)}.send-btn{background:var(--primary-color, #007aff);color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s}.send-btn:active{transform:scale(.9)}.send-btn:disabled{background:#ccc;cursor:not-allowed}.new-chat-pane{width:100%;height:100%}.new-chat-to{display:flex;padding:15px 20px;border-bottom:1px solid var(--border-color);align-items:center}.new-chat-to span{color:var(--text-secondary);margin-right:10px}.new-chat-to input{border:none;background:none;outline:none;flex:1;font-size:1rem;color:var(--text-primary)}[data-theme=dark] .imessage-container{background:#1a1a1a;border-color:#333}[data-theme=dark] .imessage-sidebar,[data-theme=dark] .chat-input-area form{background:#222}[data-theme=dark] .sidebar-header,[data-theme=dark] .chat-header,[data-theme=dark] .chat-input-area,[data-theme=dark] .new-chat-to,[data-theme=dark] .search-bar{border-color:#333}[data-theme=dark] .message-bubble.inbound{background:#333;color:#eee}[data-theme=dark] .chat-header{background:#1a1a1acc}[data-theme=dark] .search-bar{background:#111}.mobile-back-btn{display:none;background:none;border:none;color:var(--primary-color);margin-right:15px;padding:5px;cursor:pointer}@media(max-width:768px){.imessage-container{margin:10px;height:calc(100vh - 140px)}.imessage-sidebar{width:100%;border-right:none}.mobile-back-btn{display:flex;align-items:center;justify-content:center}.imessage-container.chat-active .imessage-sidebar,.imessage-container.sidebar-active .imessage-chat{display:none}}.legal-page{background:var(--color-bg);min-height:100vh;color:var(--color-text-main)}.legal-nav{border-bottom:1px solid var(--color-border);padding:1rem 0;background:var(--color-surface);position:sticky;top:0;z-index:50}.legal-nav__inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.legal-nav__logo{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.15rem;color:var(--color-text-main);text-decoration:none}.legal-nav__logo-icon{color:var(--color-primary)}.legal-nav__back{display:flex;align-items:center;gap:.4rem;color:var(--color-text-muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.legal-nav__back:hover{color:var(--color-text-main)}.legal-layout{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 6rem;display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.legal-layout{grid-template-columns:240px 1fr;padding:4rem 1.5rem 6rem}}.legal-sidebar{display:none}@media(min-width:1024px){.legal-sidebar{display:block;position:sticky;top:80px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto}}.legal-sidebar__title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.legal-sidebar__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.15rem}.legal-sidebar__link{display:block;padding:.45rem .6rem;border-radius:6px;font-size:.82rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast);border-left:2px solid transparent}.legal-sidebar__link:hover{color:var(--color-text-main);background:var(--color-surface-hover)}.legal-sidebar__link--active{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08);border-left-color:var(--color-primary);font-weight:600}.legal-main{max-width:800px}.legal-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.legal-header__badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);padding:.35rem .85rem;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:1.25rem}.legal-header__title{font-size:2.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.15;margin:0 0 .75rem;color:var(--color-text-main)}.legal-header__date{color:var(--color-text-muted);font-size:.95rem;margin:0 0 1rem}.legal-header__desc{color:var(--color-text-muted);font-size:.95rem;line-height:1.7;margin:0;max-width:620px}.legal-trust-strip{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:3rem;padding:1.25rem 1.5rem;background:var(--color-surface);border-radius:14px;border:1px solid var(--color-border)}.legal-trust-item{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:var(--color-primary)}.legal-section{margin-bottom:2.5rem;scroll-margin-top:80px}.legal-section__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.legal-section__icon{width:36px;height:36px;border-radius:10px;background:rgba(var(--color-primary-rgb),.12);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.legal-section__title{font-size:1.25rem;font-weight:700;color:var(--color-text-main);margin:0}.legal-section__content{line-height:1.85;color:var(--color-text-muted);font-size:.95rem}.legal-section__content p{margin:0 0 .75rem}.legal-section__content p:last-child{margin-bottom:0}.legal-section__content ul{list-style:disc;padding-left:1.5rem;margin:.5rem 0}.legal-section__content li{margin-bottom:.5rem;padding-left:.25rem}.legal-section__content strong{color:var(--color-text-main);font-weight:600}.legal-section__content h4{font-size:1rem;font-weight:600;color:var(--color-text-main);margin:1rem 0 .4rem}.legal-contact{background:var(--color-surface);padding:1.5rem;border-radius:14px;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:.85rem;margin-top:.5rem}.legal-contact__link{display:flex;align-items:center;gap:.75rem;color:var(--color-text-main);font-size:.9rem;font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.legal-contact__link:hover,.legal-contact__icon{color:var(--color-primary)}@media(max-width:768px){.legal-header__title{font-size:2rem}.legal-layout{padding:2rem 1rem 4rem}.legal-nav__inner{padding:0 1rem}}:root{--color-bg: #0a0a0a;--color-surface: #121212;--color-surface-hover: #1e1e1e;--color-border: #2a2a2a;--color-primary: #3b82f6;--color-primary-rgb: 59, 130, 246;--color-primary-glow: rgba(59, 130, 246, .5);--color-accent: #8b5cf6;--color-accent-rgb: 139, 92, 246;--color-text-main: #ffffff;--color-text-muted: #a1a1aa;--gradient-brand: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-dark: linear-gradient(to bottom, #0a0a0a, #121212);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--font-family: "Inter", system-ui, -apple-system, sans-serif;--transition-fast: .2s ease;--transition-normal: .3s ease}[data-theme=light]{--color-bg: #ffffff;--color-surface: #f3f4f6;--color-surface-hover: #e5e7eb;--color-border: #e5e7eb;--color-text-main: #111827;--color-text-muted: #6b7280;--color-primary: #2563eb;--color-primary-rgb: 37, 99, 235;--color-accent: #7c3aed;--color-accent-rgb: 124, 58, 237;--color-primary-glow: rgba(37, 99, 235, .2)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-family);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.bg-grid{background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%)}.bg-aurora{background:radial-gradient(circle at 50% -20%,var(--color-primary-glow) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.15) 0%,transparent 40%)}.glass-panel{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0003}.glass-panel:hover{border-color:#ffffff26;background:#ffffff0d}.text-glow{text-shadow:0 0 20px rgba(59,130,246,.5)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float 7s ease-in-out infinite 1s}@keyframes pulse-glow{0%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.5;transform:scale(1)}}.animate-pulse-glow{animation:pulse-glow 3s infinite}