:root,[data-theme=light],[data-theme=dark]{--demo-bg: #080c14;--demo-bg2: #0b1220;--demo-surface: #0e1628;--demo-card: #111d32;--demo-card2: #16233b;--demo-border: rgba(255,255,255,.08);--demo-border2: rgba(255,255,255,.14);--demo-text: #eaeaea;--demo-text2: #c8d2e3;--demo-muted: #6b7a95;--demo-muted2: #9aa8c0;--demo-primary: #3d73f5;--demo-primary-d: #2658d2;--demo-primary-dim: rgba(61,115,245,.12);--demo-purple: #a259f7;--demo-purple-dim: rgba(162,89,247,.12);--demo-green: #10c97e;--demo-green-dim: rgba(16,201,126,.12);--demo-orange: #f59e0b;--demo-orange-dim: rgba(245,158,11,.12);--demo-red: #ef4444;--demo-red-dim: rgba(239,68,68,.12);--demo-cyan: #22d3ee;--demo-cyan-dim: rgba(34,211,238,.12);--demo-radius: 14px;--demo-transition:.22s ease;--bg-page: var(--demo-bg);--bg-card: var(--demo-card);--bg-hover: var(--demo-card2);--bg-input: var(--demo-surface);--border-color: var(--demo-border);--border-header: var(--demo-border);--border-input: var(--demo-border2);--text-primary: var(--demo-text);--text-muted: var(--demo-muted2);--accent: var(--demo-primary);--sidebar-bg: var(--demo-surface);--shadow-card: 0 6px 24px rgba(0,0,0,.35);--bg: var(--demo-bg);--bg2: var(--demo-bg2);--bg3: var(--demo-surface);--card: var(--demo-card);--card-hover: var(--demo-card2);--text: var(--demo-text);--text2: var(--demo-muted2);--border: var(--demo-border);--border2: var(--demo-border2);--glow: rgba(61,115,245,.35);--mc2: var(--demo-muted2)}html[data-theme=light] body,html[data-theme=dark] body,body{background:var(--demo-bg);color:var(--demo-text);font-family:Inter,Poppins,ui-sans-serif,system-ui,sans-serif}body.light{--demo-bg: #eef2f9;--demo-bg2: #e4eaf4;--demo-surface: #ffffff;--demo-card: #ffffff;--demo-card2: #f5f8ff;--demo-border: rgba(21,38,70,.1);--demo-border2: rgba(21,38,70,.18);--demo-text: #1a2540;--demo-text2: #334156;--demo-muted: #8096bb;--demo-muted2: #5a7aaa;--demo-primary-dim: rgba(61,115,245,.12);--demo-purple-dim: rgba(162,89,247,.12);--demo-green-dim: rgba(16,201,126,.14);--demo-orange-dim: rgba(245,158,11,.14);--demo-red-dim: rgba(239,68,68,.12);--demo-cyan-dim: rgba(34,211,238,.14);--bg: var(--demo-bg);--bg2: var(--demo-bg2);--bg3: var(--demo-surface);--card: var(--demo-card);--card-hover: var(--demo-card2);--text: var(--demo-text);--text2: var(--demo-muted2);--border: var(--demo-border);--border2: var(--demo-border2);--glow: rgba(61,115,245,.25);--mc2: var(--demo-muted2);--bg-page: var(--demo-bg);--bg-card: #ffffff;--bg-hover: var(--demo-card2);--bg-input: #ffffff;--bg-header: #ffffff;--border-color: var(--demo-border);--border-header: var(--demo-border);--border-input: var(--demo-border2);--text-primary: var(--demo-text);--text-secondary: var(--demo-muted2);--text-muted: var(--demo-muted);--accent: var(--demo-primary);--accent-hover: #2955d0;--shadow-card: 0 2px 10px rgba(21,38,70,.06);background:var(--demo-bg)!important;color:var(--demo-text)!important}html:has(body.light){--bg-page: #eef2f9;--bg-card: #ffffff;--bg-hover: #f5f8ff;--bg-input: #ffffff;--bg-header: #ffffff;--border-color: rgba(21,38,70,.1);--border-header: rgba(21,38,70,.1);--border-input: rgba(21,38,70,.18);--text-primary: #1a2540;--text-secondary: #5a7aaa;--text-muted: #8096bb;--accent: #3d73f5;--accent-hover: #2955d0;--shadow-card: 0 2px 10px rgba(21,38,70,.06);--demo-card: #ffffff;--demo-card2: #f5f8ff;--demo-bg: #eef2f9;--demo-bg2: #e4eaf4;--demo-text: #1a2540;--demo-muted: #8096bb;--demo-muted2: #5a7aaa;--demo-border: rgba(21,38,70,.1);--demo-border2: rgba(21,38,70,.18)}body.light ::-webkit-scrollbar-track{background:var(--demo-bg2)}body.light ::-webkit-scrollbar-thumb{background:#c5d0e3}body.light ::-webkit-scrollbar-thumb:hover{background:#a7b6d0}body.light .card,body.light .bg-white,body.light .shadow,body.light .shadow-sm,body.light .shadow-md,body.light .shadow-lg{box-shadow:0 2px 10px #1526460f,0 1px 3px #1526460a!important}body.light .sidebar{background:linear-gradient(180deg,#fff,#eef2f9)!important;border-right:1px solid var(--demo-border)!important;box-shadow:2px 0 20px #1526460a}body.light .sidebar-brand-name{background:linear-gradient(135deg,#1a2540,#3d73f5);-webkit-background-clip:text;background-clip:text;color:transparent!important}body.light .topbar,body.light .top-nav{background:#ffffffd9!important;border-bottom:1px solid var(--demo-border)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.light thead,body.light thead tr,body.light thead th{background:#f5f8ff!important;color:var(--demo-muted2)!important}body.light tbody tr:hover{background:#f5f8ff!important}body.light input[type=text],body.light input[type=email],body.light input[type=password],body.light input[type=number],body.light input[type=url],body.light input[type=tel],body.light input[type=search],body.light input[type=date],body.light input[type=datetime-local],body.light input[type=time],body.light select,body.light textarea,body.light .form-control,body.light .form-input,body.light .form-select{background:var(--demo-surface)!important;border:1px solid var(--demo-border2)!important;color:var(--demo-text)!important}body.light input::placeholder,body.light textarea::placeholder{color:var(--demo-muted)!important}body.light .badge-pending{background:#f59e0b2e!important;color:#b07302!important}body.light .badge-processing{background:#3d73f524!important;color:#1d51c7!important}body.light .badge-in_progress{background:#a259f729!important;color:#6d2fb8!important}body.light .badge-completed{background:#10c97e2e!important;color:#0a8b56!important}body.light .badge-partial{background:#f59e0b2e!important;color:#b07302!important}body.light .badge-canceled{background:#6b7a952e!important;color:#4a5568!important}body.light .badge-failed{background:#ef444424!important;color:#b91c1c!important}body.light .badge-refunded{background:#a259f729!important;color:#6d2fb8!important}body.light .bg-gray-50,body.light .bg-gray-100{background:#f5f8ff!important}body.light .bg-gray-200,body.light .bg-gray-300{background:#eef2f9!important}body.light .text-gray-400,body.light .text-gray-500{color:var(--demo-muted)!important}body.light .text-gray-600{color:var(--demo-muted2)!important}body.light .text-gray-700,body.light .text-gray-800,body.light .text-gray-900{color:var(--demo-text)!important}body.light.guest-page{background:var(--demo-bg)!important;--bg: var(--demo-bg);--surface: #ffffff;--card: #ffffff;--card2: #f5f8ff;--border: rgba(21,38,70,.1);--border2: rgba(21,38,70,.18);--text: #1a2540;--muted: #8096bb;--muted2: #5a7aaa}body.light.guest-page:before{background-image:radial-gradient(circle,rgba(61,115,245,.1) 1px,transparent 1px)!important;opacity:.6}body.light .demo-aurora{opacity:.18!important;filter:blur(140px)}body.light .demo-stars{display:none!important}body.light .h-stars,body.light .h-aurora{opacity:.15!important}body.light .h-aurora{filter:blur(140px)}body.light.guest-page header{background:#ffffffd9!important;border-bottom:1px solid var(--demo-border)!important}body.light .guest-page .brand{background:linear-gradient(135deg,#1a2540,#3d73f5)!important;-webkit-background-clip:text;background-clip:text;color:transparent!important}body.light .guest-page .mh-menu a{color:var(--demo-muted2)!important}body.light .guest-page .btn-light{background:#fff!important;border-color:var(--demo-border2)!important;color:var(--demo-text)!important}body.light .grad,body.light .pub-services-h1 .grad,body.light .h-hero h1 .grad,body.light .no-hero-text h1 .grad{background:linear-gradient(135deg,#3d73f5,#a259f7)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}body.light .h-hero,body.light .h-hero p,body.light .pub-services-p,body.light .no-hero-text p{color:var(--demo-muted2)!important}body.light .h-hero h1,body.light .pub-services-h1,body.light .no-hero-text h1{color:var(--demo-text)!important}body.light .h-badge,body.light .no-hero-chip,body.light .pub-services-chip{background:#fff!important;border-color:var(--demo-border2)!important;color:var(--demo-text)!important}body.light .pub-services-table-wrap{background:#fff!important;border-color:var(--demo-border)!important}body.light .pub-services-table thead th{background:#f5f8ff!important;color:var(--demo-muted2)!important}body.light tr.pub-cat-header{background:linear-gradient(90deg,#3d73f50f,#a259f70a)!important}body.light .pub-plat-dd-btn{background:#fff!important;border-color:var(--demo-border2)!important}body.light .pub-plat-dd-menu{background:#fff!important;border-color:var(--demo-border2)!important;box-shadow:0 20px 50px #1526461f!important}body.light .pub-plat-dd-item:hover{background:#f5f8ff!important}body.light .pp-dropdown-panel{background:#fff!important;border-color:var(--demo-border2)!important;box-shadow:0 20px 50px #1526461f!important}body.light .pp-dropdown-option:hover{background:#f5f8ff!important}body.light #search-results{background:#fff!important;border-color:var(--demo-border2)!important;box-shadow:0 20px 50px #1526461f!important}body.light .no-hero{background:linear-gradient(135deg,#3d73f514,#a259f70f 55%,#10c97e0d)!important;border-color:var(--demo-border2)!important}body.light .no-hero:before{background-image:radial-gradient(circle,rgba(61,115,245,.18) 1px,transparent 1px)!important;opacity:.5}body.light #svc-desc-content{background:#3d73f50d!important;border-color:#3d73f540!important;color:var(--demo-text)!important}body.light #drip-fields{background:#3d73f50a!important;border-color:#3d73f533!important}body.light #subscription-wrap{background:#a259f70a!important;border-color:#a259f738!important}body.light #charge-input{background:linear-gradient(135deg,#10c97e14,#3d73f50f)!important;border-color:var(--demo-green)!important;color:var(--demo-text)!important}body.light .platform-tab{background:#fff!important;border-color:var(--demo-border2)!important}body.light .platform-tab.active{background:linear-gradient(135deg,#3d73f51f,#a259f714)!important;border-color:var(--demo-primary)!important;color:var(--demo-text)!important}body.light .order-tab{color:var(--demo-muted2)!important}body.light .order-tab:hover{color:var(--demo-text)!important}body.light .order-tab.active{color:var(--demo-primary)!important}body.light .bg-indigo-50.border-indigo-200{background:linear-gradient(135deg,#3d73f514,#a259f70f)!important;border-color:#3d73f54d!important}body.light .bg-indigo-100{background:#3d73f51f!important}body.light .text-indigo-600,body.light .text-indigo-700{color:#1d51c7!important}body.light .auth-card,body.light .login-card{background:#fff!important;border:1px solid var(--demo-border)!important;box-shadow:0 20px 50px #15264614!important}body.light .alert-success{background:#10c97e1a!important;color:#0a8b56!important;border-color:#10c97e40!important}body.light .alert-danger,body.light .alert-error{background:#ef444414!important;color:#b91c1c!important;border-color:#ef444440!important}body.light .alert-warning{background:#f59e0b1f!important;color:#b07302!important;border-color:#f59e0b4d!important}body.light .alert-info{background:#3d73f514!important;color:#1d51c7!important;border-color:#3d73f540!important}body.light .stat-card{background:#fff!important;border:1px solid var(--demo-border)!important}body.light .sc-label{color:var(--demo-muted2)!important}body.light .sc-value{color:var(--demo-text)!important}body.light .dash-welcome,body.light .level-card{background:#fff!important;border:1px solid var(--demo-border)!important}body.light .progress-track{background:#eef2f9!important}body.light .bottom-bar{background:#ffffffeb!important;border-top:1px solid var(--demo-border)!important}body.light .pm-tab{background:#fff!important;border-color:var(--demo-border2)!important;color:var(--demo-text)!important}body.light .pm-tab.border-indigo-500.bg-indigo-50{background:var(--demo-primary-dim)!important;border-color:var(--demo-primary)!important;color:#1d51c7!important}body.light .xl\:col-span-1 a[href*=select_service_id]{background:var(--demo-primary)!important;color:#fff!important;box-shadow:0 2px 8px #3d73f540}body.light .divide-y>*+*,body.light .divide-gray-100>*,body.light .divide-gray-200>*{border-top-color:var(--demo-border)!important}body.light .border-gray-100,body.light .border-gray-200{border-color:var(--demo-border)!important}body.light .border-gray-300{border-color:var(--demo-border2)!important}body.light .border-t,body.light .border-b,body.light .border-l,body.light .border-r,body.light .border{border-color:var(--demo-border)!important}body.light .card,body.light .bg-white{background:#fff!important;border:1px solid var(--demo-border)!important;color:var(--demo-text)!important}body.light .avatar-panel,body.light .g-dropdown,body.light .pp-dropdown-panel,body.light .pub-plat-dd-menu,body.light #wheel-history-modal .bg-white{box-shadow:0 20px 60px #15264626!important}body.light .toggle-switch{background:var(--demo-border2)!important}body.light .toggle-switch.on{background:var(--demo-primary)!important}body.light .h-nav{background:#ffffffd9!important;border-bottom:1px solid var(--demo-border)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body.light .h-nav-logo{color:var(--demo-text)!important}body.light .h-nav-links a{color:var(--demo-muted2)!important}body.light .h-nav-links a:hover,body.light .h-nav-links a.active{color:var(--demo-primary)!important}body.light .h-nav-mobile{background:#fffffff5!important;border-bottom:1px solid var(--demo-border)!important}body.light .h-nav-mobile a,body.light .h-nav-mobile button{color:var(--demo-muted2)!important;border-bottom:1px solid var(--demo-border)!important}body.light .h-nav-mobile a:hover,body.light .h-nav-mobile button:hover{background:#f5f8ff!important;color:var(--demo-text)!important}body.light .h-nav-mobile-divider{background:var(--demo-border)!important}body.light .h-nav-hamburger span{background:var(--demo-text)!important}body.light .h-hero-h1{color:var(--demo-text)!important}body.light .h-hero-p{color:var(--demo-muted2)!important}body.light .h-hero-badge{background:#3d73f51a!important;border-color:#3d73f54d!important}body.light .h-hero-trust{color:var(--demo-muted2)!important}body.light .h-auth-card{background:#fff!important;border:1px solid var(--demo-border)!important;box-shadow:0 20px 60px #1526461a!important}body.light .h-auth-tab-row{background:#f5f8ff!important;border-bottom:1px solid var(--demo-border)!important}body.light .h-auth-tab{color:var(--demo-muted2)!important}body.light .h-auth-tab.active{color:var(--demo-text)!important;border-bottom-color:var(--demo-primary)!important}body.light .h-auth-card-header{color:var(--demo-muted2)!important}body.light .h-auth-inp{background:#fff!important;border:1px solid var(--demo-border2)!important;color:var(--demo-text)!important}body.light .h-auth-inp::placeholder{color:var(--demo-muted)!important}body.light .h-auth-chk{color:var(--demo-muted2)!important}body.light .h-auth-divider{color:var(--demo-muted)!important}body.light .h-auth-divider:before,body.light .h-auth-divider:after{background:var(--demo-border)!important}body.light .h-auth-social-btn{background:#fff!important;border:1px solid var(--demo-border2)!important;color:var(--demo-text)!important}body.light .h-auth-social-btn:hover{background:#f5f8ff!important;border-color:var(--demo-primary)!important}body.light .h-auth-footer-note{background:#f5f8ff!important;color:var(--demo-muted2)!important;border-top:1px solid var(--demo-border)!important}body.light .h-hero-chip,body.light .h-chip,body.light .h-trust-chip,body.light .h-pill{background:#fff!important;border-color:var(--demo-border2)!important;color:var(--demo-text)!important}body.light .h-ticker{background:#fff!important;border:1px solid var(--demo-border)!important}body.light .h-ticker-item{color:var(--demo-muted2)!important}body.light .h-section,body.light .h-stats,body.light .h-steps,body.light .h-features,body.light .h-faq,body.light .h-trust,body.light .h-reviews,body.light .h-cta{background:var(--demo-bg)!important;color:var(--demo-text)!important}body.light .h-section h2,body.light .h-stats h2,body.light .h-steps h2,body.light .h-features h2,body.light .h-faq h2,body.light .h-reviews h2{color:var(--demo-text)!important}body.light .h-section p,body.light .h-stats p,body.light .h-steps p,body.light .h-features p,body.light .h-faq p,body.light .h-reviews p{color:var(--demo-muted2)!important}body.light .h-cta{background:linear-gradient(135deg,#fff,#f5f8ff,#eef2f9)!important;border-top:1px solid var(--demo-border)!important}body.light .h-cta:before{background:radial-gradient(circle,rgba(61,115,245,.18) 0%,transparent 70%)!important}body.light .h-cta-h2{color:var(--demo-text)!important}body.light .h-cta-p{color:var(--demo-muted2)!important}body.light .h-cta-note{color:var(--demo-muted)!important}body.light .h-feature-card,body.light .h-step-card,body.light .h-trust-card,body.light .h-faq-item,body.light .h-review-card,body.light .h-stat-card{background:#fff!important;border:1px solid var(--demo-border)!important;box-shadow:0 2px 10px #1526460d!important;color:var(--demo-text)!important}body.light .h-feature-card p,body.light .h-step-card p,body.light .h-trust-card p,body.light .h-faq-item p,body.light .h-review-card p{color:var(--demo-muted2)!important}body.light.guest-page footer{background:#fff!important;border-top:1px solid var(--demo-border)!important;color:var(--demo-muted2)!important}body.light.guest-page footer .footer-links a{color:var(--demo-muted2)!important}body.light.guest-page footer .footer-links a:hover{color:var(--demo-primary)!important}body.light.guest-page footer h4,body.light.guest-page footer .footer-title{color:var(--demo-text)!important}body.light .h-hero-bg,body.light .h-hero:before,body.light .h-bg-dots,body.light .h-bg-grid{opacity:.35!important}body.light .h-btn-outline{background:#fff!important;border:1px solid var(--demo-border2)!important;color:var(--demo-text)!important}body.light .h-btn-outline:hover{background:#f5f8ff!important;border-color:var(--demo-primary)!important}body.light .h-btn-primary,body.light .h-auth-submit{color:#fff!important}body.light .login-wrapper,body.light .register-wrapper,body.light .auth-wrapper{background:var(--demo-bg)!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--demo-bg)}::-webkit-scrollbar-thumb{background:var(--demo-card2);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#1f2f4d}::selection{background:var(--demo-primary-dim);color:var(--demo-text)}.sidebar{background:linear-gradient(180deg,var(--demo-surface) 0%,var(--demo-bg2) 100%)!important;border-right:1px solid var(--demo-border)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar-brand,.sidebar-brand-link{color:var(--demo-text)!important}.sidebar-brand-icon{background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple))!important;color:#fff!important;box-shadow:0 6px 20px #3d73f559!important}.sidebar-brand-name{background:linear-gradient(135deg,#fff,#c8d2e3);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:800!important;letter-spacing:-.01em!important}.sidebar-user-card{background:var(--demo-card)!important;border:1px solid var(--demo-border)!important;border-radius:12px!important;margin:12px!important}.sidebar-avatar{background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple))!important;color:#fff!important;font-weight:800!important;box-shadow:0 4px 14px #3d73f54d!important}.sidebar-username{color:var(--demo-text)!important;font-weight:700!important}.sidebar-balance{color:var(--demo-green)!important;font-weight:800!important;font-size:13px!important}.sidebar-link{color:var(--demo-muted2)!important;border-radius:10px!important;margin:0 10px 2px!important;padding:10px 12px!important;font-size:13px!important;font-weight:600!important;transition:all var(--demo-transition)!important;position:relative}.sidebar-link svg,.sidebar-link i{color:var(--demo-muted)!important;transition:color var(--demo-transition)}.sidebar-link:hover{background:var(--demo-primary-dim)!important;color:var(--demo-text)!important}.sidebar-link:hover svg,.sidebar-link:hover i{color:var(--demo-primary)!important}.sidebar-link.active{background:linear-gradient(90deg,var(--demo-primary-dim),transparent)!important;color:var(--demo-primary)!important;font-weight:700!important}.sidebar-link.active svg,.sidebar-link.active i{color:var(--demo-primary)!important}.sidebar-link.active:before{content:"";position:absolute;left:-10px;top:25%;bottom:25%;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--demo-primary),var(--demo-purple));box-shadow:0 0 12px #3d73f599}.sidebar-footer-logout{color:var(--demo-muted2)!important;border-top:1px solid var(--demo-border)!important}.sidebar-footer-logout:hover{background:var(--demo-red-dim)!important;color:var(--demo-red)!important}.sidebar-footer-logout:hover svg{color:var(--demo-red)!important}.topbar{background:#0b1220bf!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--demo-border)!important;color:var(--demo-text)}.topbar h1{color:var(--demo-text)!important;font-weight:800!important}.sidebar-toggle{background:var(--demo-card)!important;border:1px solid var(--demo-border)!important;color:var(--demo-muted2)!important;border-radius:10px!important}.sidebar-toggle:hover{background:var(--demo-card2)!important;color:var(--demo-text)!important;border-color:var(--demo-border2)!important}.topbar [style*=--bg-hover]{background:var(--demo-green-dim)!important;color:var(--demo-green)!important}.avatar-btn{background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple))!important;color:#fff!important;font-weight:800!important;box-shadow:0 4px 14px #3d73f54d!important}.avatar-btn:hover{transform:scale(1.05)}.avatar-panel{background:var(--demo-card)!important;border:1px solid var(--demo-border2)!important;box-shadow:0 24px 60px #00000080!important;border-radius:14px!important}.avatar-panel-header{border-bottom:1px solid var(--demo-border)!important}.avatar-panel-item{color:var(--demo-muted2)!important}.avatar-panel-item:hover{background:var(--demo-card2)!important;color:var(--demo-text)!important}.avatar-panel-item svg{color:var(--demo-muted)!important}.avatar-panel-item:hover svg{color:var(--demo-primary)!important}.avatar-panel-divider{border-top:1px solid var(--demo-border)!important}.currency-list,.currency-option{color:var(--demo-muted2)!important}.currency-option:hover{background:var(--demo-card2)!important;color:var(--demo-text)!important}.currency-option.active{background:var(--demo-primary-dim)!important;color:var(--demo-primary)!important}.main-content{background:var(--demo-bg)}main{background:var(--demo-bg);color:var(--demo-text)}.card,.bg-white{background:var(--demo-card)!important;border:1px solid var(--demo-border)!important;border-radius:var(--demo-radius)!important;box-shadow:0 6px 24px #00000059!important;color:var(--demo-text)!important}.btn,.btn-primary,.btn-secondary,.btn-ghost{transition:all var(--demo-transition)!important;font-weight:700!important;letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,var(--demo-primary),var(--demo-primary-d))!important;color:#fff!important;border:none!important;box-shadow:0 10px 24px #3d73f559!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #3d73f580!important}.btn-secondary{background:var(--demo-card)!important;color:var(--demo-text)!important;border:1px solid var(--demo-border2)!important}.btn-secondary:hover{background:var(--demo-card2)!important;border-color:var(--demo-primary)!important;color:var(--demo-text)!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=tel],input[type=search],input[type=date],input[type=datetime-local],input[type=time],select,textarea,.form-control,.form-input,.form-select{background:var(--demo-surface)!important;border:1px solid var(--demo-border)!important;color:var(--demo-text)!important;border-radius:10px!important;transition:border-color var(--demo-transition),box-shadow var(--demo-transition)!important}input:focus,select:focus,textarea:focus,.form-control:focus,.form-input:focus,.form-select:focus{border-color:var(--demo-primary)!important;box-shadow:0 0 0 3px var(--demo-primary-dim)!important;outline:none!important}input::placeholder,textarea::placeholder{color:var(--demo-muted)!important}label{color:var(--demo-text2)!important;font-weight:600!important}table{background:var(--demo-card)!important;border:1px solid var(--demo-border)!important;border-radius:var(--demo-radius)!important;overflow:hidden}thead,thead tr,thead th{background:var(--demo-bg2)!important;color:var(--demo-muted2)!important;border-bottom:1px solid var(--demo-border)!important;font-weight:700!important;text-transform:uppercase;font-size:11px;letter-spacing:.06em}tbody tr{border-top:1px solid var(--demo-border)!important;transition:background var(--demo-transition)}tbody tr:hover{background:var(--demo-card2)!important}tbody td{color:var(--demo-text)!important}.badge-pending{background:var(--demo-orange-dim)!important;color:var(--demo-orange)!important}.badge-processing{background:var(--demo-primary-dim)!important;color:var(--demo-primary)!important}.badge-in_progress{background:var(--demo-purple-dim)!important;color:var(--demo-purple)!important}.badge-completed{background:var(--demo-green-dim)!important;color:var(--demo-green)!important}.badge-partial{background:var(--demo-orange-dim)!important;color:var(--demo-orange)!important}.badge-canceled{background:#6b7a9526!important;color:var(--demo-muted2)!important}.badge-failed{background:var(--demo-red-dim)!important;color:var(--demo-red)!important}.badge-refunded{background:var(--demo-purple-dim)!important;color:var(--demo-purple)!important}.alert{border-radius:12px!important;border:1px solid var(--demo-border2)!important;padding:14px 16px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert-success{background:var(--demo-green-dim)!important;color:var(--demo-green)!important;border-color:#10c97e4d!important}.alert-danger,.alert-error{background:var(--demo-red-dim)!important;color:var(--demo-red)!important;border-color:#ef44444d!important}.alert-warning{background:var(--demo-orange-dim)!important;color:var(--demo-orange)!important;border-color:#f59e0b4d!important}.alert-info{background:var(--demo-primary-dim)!important;color:var(--demo-primary)!important;border-color:#3d73f54d!important}.bg-gray-50,.bg-gray-100{background:var(--demo-card2)!important}.bg-gray-200,.bg-gray-300,.bg-white,.bg-white\/80{background:var(--demo-card)!important}.text-gray-400,.text-gray-500,.text-gray-600{color:var(--demo-muted2)!important}.text-gray-700,.text-gray-800,.text-gray-900{color:var(--demo-text)!important}.border-gray-100,.border-gray-200{border-color:var(--demo-border)!important}.border-gray-300{border-color:var(--demo-border2)!important}.divide-gray-100>*,.divide-gray-200>*{border-color:var(--demo-border)!important}.shadow,.shadow-sm,.shadow-md,.shadow-lg{box-shadow:0 6px 24px #00000059!important}.bottom-bar{background:#0e1628eb!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;border-top:1px solid var(--demo-border)!important}.bottom-link{color:var(--demo-muted2)!important}.bottom-link.active,.bottom-link:hover{color:var(--demo-primary)!important}.bottom-center .bottom-link{background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple))!important;color:#fff!important;box-shadow:0 10px 24px #3d73f566!important}body.guest-page{background:var(--demo-bg)!important;position:relative;overflow-x:hidden}body.guest-page:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,rgba(61,115,245,.18) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,transparent 75%)}.demo-aurora{position:fixed;top:-40%;left:-20%;width:140vw;height:140vh;background:conic-gradient(from 0deg at 50% 50%,#3d73f538,#a259f738,#10c97e2e,#3d73f538 360deg);filter:blur(120px);animation:demoAuroraSpin 30s linear infinite;pointer-events:none;z-index:0;opacity:.45}@keyframes demoAuroraSpin{to{transform:rotate(360deg)}}.demo-stars{position:fixed;inset:0;pointer-events:none;z-index:0}.demo-stars span{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:0;animation:demoStarTwinkle var(--d, 4s) ease-in-out infinite;animation-delay:var(--dl, 0s)}@keyframes demoStarTwinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:.9;transform:scale(1.2)}}.guest-page header{background:#080c14b8!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--demo-border)!important;z-index:100!important}.guest-page header .container{position:relative;z-index:1}.guest-page .main-header{color:var(--demo-text)}.guest-page .logo-icon{background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple))!important;box-shadow:0 6px 20px #3d73f559}.guest-page .brand{background:linear-gradient(135deg,#fff,#c8d2e3);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:800;letter-spacing:-.01em}.guest-page .mh-menu a{color:var(--demo-muted2)!important;font-weight:600;transition:color .2s}.guest-page .mh-menu a:hover{color:var(--demo-primary)!important}.guest-page .btn-light{background:#ffffff0d!important;border:1px solid var(--demo-border)!important;color:var(--demo-text)!important}.guest-page .btn-light:hover{background:#ffffff17!important;border-color:var(--demo-border2)!important}.guest-page .main-btn{background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple))!important;color:#fff!important;border:none!important;box-shadow:0 10px 30px #3d73f566!important;padding:10px 22px!important;border-radius:12px!important;font-weight:700!important;display:inline-flex!important;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s!important}.guest-page .main-btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px #3d73f58c!important}.guest-page .mh-mobile-menu{background:#0e1628f5!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--demo-border)!important}.guest-page .mh-mobile-menu a{color:var(--demo-muted2)!important;border-bottom:1px solid var(--demo-border)!important}.guest-page footer{background:var(--demo-bg2)!important;border-top:1px solid var(--demo-border)!important;color:var(--demo-muted2)!important;position:relative;z-index:2}.guest-page footer .flogo-icon{background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple))!important}.guest-page footer .footer-links a{color:var(--demo-muted2)!important}.guest-page footer .footer-links a:hover{color:var(--demo-primary)!important}.guest-page .scroll-top{background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple))!important;color:#fff!important;box-shadow:0 10px 30px #3d73f566!important}.dh-wrap{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.dh-section{padding:80px 5%;position:relative;z-index:2}.dh-section-label{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--demo-primary);text-transform:uppercase;margin-bottom:12px}.dh-section-h2{font-size:36px;font-weight:900;letter-spacing:-.02em;margin-bottom:16px;color:var(--demo-text)}.dh-section-p{font-size:15px;color:var(--demo-muted2);max-width:620px;line-height:1.7;margin:0 auto}.dh-hero{position:relative;padding:120px 5% 80px;overflow:hidden}.dh-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;position:relative;z-index:2}.dh-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;background:var(--demo-primary-dim);border:1px solid rgba(61,115,245,.25);color:var(--demo-primary);font-size:12px;font-weight:700;margin-bottom:20px}.dh-hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--demo-primary);animation:demoBellP 1.5s ease-in-out infinite}@keyframes demoBellP{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.dh-hero-h1{font-size:58px;font-weight:900;letter-spacing:-.03em;line-height:1.05;margin-bottom:20px;color:var(--demo-text)}.dh-hero-h1 .gradient{background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.dh-hero-p{font-size:17px;color:var(--demo-muted2);line-height:1.7;margin-bottom:32px;max-width:520px}.dh-hero-ctas{display:flex;gap:14px;flex-wrap:wrap}.dh-btn-primary{padding:14px 28px;border-radius:12px;font-weight:700;font-size:15px;background:linear-gradient(135deg,var(--demo-primary),var(--demo-primary-d));color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 30px #3d73f566;transition:transform .2s,box-shadow .2s;text-decoration:none}.dh-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px #3d73f58c}.dh-btn-ghost{padding:14px 28px;border-radius:12px;font-weight:700;font-size:15px;background:#ffffff0a;border:1px solid var(--demo-border2);color:var(--demo-text);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;text-decoration:none}.dh-btn-ghost:hover{background:#ffffff14;border-color:var(--demo-primary)}.dh-hero-visual{position:relative;min-height:440px}.dh-hero-card-stack{position:relative;width:100%;max-width:480px;margin:0 auto}.dh-float-card{position:absolute;background:var(--demo-card);border:1px solid var(--demo-border);border-radius:16px;padding:18px;box-shadow:0 30px 80px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:demoFloat 6s ease-in-out infinite}@keyframes demoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.dh-float-card.c1{top:0;left:0;width:280px;z-index:3}.dh-float-card.c2{top:80px;right:0;width:240px;z-index:2;animation-delay:-2s}.dh-float-card.c3{top:240px;left:40px;width:260px;z-index:4;animation-delay:-4s}.dh-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;z-index:1}.dh-blob.b1{width:500px;height:500px;background:var(--demo-primary);top:-20%;left:-10%}.dh-blob.b2{width:400px;height:400px;background:var(--demo-purple);bottom:-10%;right:-5%}.dh-blob.b3{width:300px;height:300px;background:var(--demo-green);top:30%;right:20%;opacity:.3}.dh-stats{max-width:1200px;margin:60px auto 0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--demo-card);border:1px solid var(--demo-border);border-radius:18px;overflow:hidden;position:relative;z-index:2}.dh-stat-item{padding:28px 24px;text-align:center;border-right:1px solid var(--demo-border)}.dh-stat-item:last-child{border-right:none}.dh-stat-num{font-size:32px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:4px}.dh-stat-lbl{font-size:12px;color:var(--demo-muted2);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.dh-how-wrap{max-width:1200px;margin:0 auto}.dh-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;position:relative}.dh-step-card{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:18px;padding:28px 22px;text-align:center;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;z-index:2}.dh-step-card:hover{transform:translateY(-6px);border-color:var(--demo-primary);box-shadow:0 20px 50px #0006}.dh-step-num{width:52px;height:52px;margin:0 auto 18px;border-radius:14px;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple));color:#fff;font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #3d73f559}.dh-step-ico{font-size:32px;margin-bottom:14px;animation:demoIconFloat 3s ease-in-out infinite}@keyframes demoIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dh-step-title{font-size:15px;font-weight:800;color:var(--demo-text);margin-bottom:8px}.dh-step-desc{font-size:13px;color:var(--demo-muted2);line-height:1.6}.dh-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.dh-trust-card{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:14px;padding:20px;text-align:center;transition:all .25s}.dh-trust-card:hover{border-color:var(--demo-primary);transform:translateY(-4px)}.dh-trust-ico{width:44px;height:44px;margin:0 auto 12px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.dh-trust-title{font-size:13px;font-weight:800;margin-bottom:4px;color:var(--demo-text)}.dh-trust-desc{font-size:11.5px;color:var(--demo-muted2)}.dh-features-wrap{max-width:1200px;margin:0 auto}.dh-features-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:52px}.dh-features-list{display:flex;flex-direction:column;gap:16px}.dh-feature-item{display:flex;align-items:flex-start;gap:14px}.dh-feature-item-ico{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.dh-feature-item-title{font-size:14px;font-weight:800;margin-bottom:4px;color:var(--demo-text)}.dh-feature-item-desc{font-size:12.5px;color:var(--demo-muted2);line-height:1.6}.dh-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:52px}.dh-feature-card{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:var(--demo-radius);padding:24px 20px;transition:all var(--demo-transition)}.dh-feature-card:hover{border-color:var(--demo-primary);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.dh-feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}.dh-feature-h3{font-size:15px;font-weight:800;margin-bottom:8px;color:var(--demo-text)}.dh-feature-p{font-size:13px;color:var(--demo-muted2);line-height:1.6}.dh-mockup-phone{width:280px;max-width:100%;height:560px;margin:0 auto;position:relative;background:linear-gradient(145deg,#1a2238,#0d1424);border-radius:40px;padding:10px;box-shadow:0 40px 100px #0000008c,inset 0 1px 1px #ffffff14;animation:demoMockupFloat 6s ease-in-out infinite}@keyframes demoMockupFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.dh-mockup-phone:before{content:"";position:absolute;top:16px;left:50%;transform:translate(-50%);width:98px;height:22px;background:#070a14;border-radius:99px;z-index:3}.dh-mockup-screen{width:100%;height:100%;background:var(--demo-bg);border-radius:32px;overflow:hidden;position:relative;padding:44px 14px 14px}.dh-phone-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 4px 12px;border-bottom:1px solid var(--demo-border);margin-bottom:14px}.dh-phone-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff}.dh-phone-bal{padding:5px 11px;background:var(--demo-green-dim);color:var(--demo-green);border:1px solid rgba(16,201,126,.2);border-radius:99px;font-size:10px;font-weight:800}.dh-phone-title{font-size:11px;font-weight:800;color:var(--demo-muted2);margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.dh-phone-order{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:10px;padding:10px;margin-bottom:8px}.dh-phone-order-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dh-phone-order-name{font-size:11px;font-weight:700;color:var(--demo-text)}.dh-phone-order-badge{padding:2px 7px;border-radius:6px;font-size:9px;font-weight:800}.dh-phone-bar{height:4px;background:var(--demo-border2);border-radius:99px;overflow:hidden;margin-top:6px}.dh-phone-bar-fill{height:100%;background:linear-gradient(90deg,var(--demo-primary),var(--demo-purple));animation:demoBarFill 3s ease-in-out infinite alternate}@keyframes demoBarFill{0%{width:40%}to{width:92%}}.dh-visual-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}.dh-visual-card{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:18px;padding:24px;position:relative;overflow:hidden;transition:all .25s}.dh-visual-card:hover{transform:translateY(-5px);border-color:#3d73f54d;box-shadow:0 20px 50px #00000059}.dh-visual-card:before{content:"";position:absolute;top:-40%;right:-20%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(61,115,245,.13),transparent 70%);pointer-events:none}.dh-vc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;position:relative}.dh-vc-title{font-size:14px;font-weight:800;color:var(--demo-text)}.dh-vc-tag{padding:3px 9px;border-radius:99px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:4px}.dh-vc-tag.green{background:var(--demo-green-dim);color:var(--demo-green)}.dh-vc-tag.blue{background:var(--demo-primary-dim);color:var(--demo-primary)}.dh-vc-tag.purple{background:var(--demo-purple-dim);color:var(--demo-purple)}.dh-mini-chart{display:flex;align-items:flex-end;gap:6px;height:100px}.dh-mini-chart-bar{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--demo-primary),var(--demo-primary-d));animation:demoChartGrow .8s ease-out both;transform-origin:bottom}.dh-mini-chart-bar.highlight{background:linear-gradient(180deg,var(--demo-purple),#7c3aed);box-shadow:0 0 16px #a259f766}@keyframes demoChartGrow{0%{transform:scaleY(.2);opacity:.4}to{transform:scaleY(1);opacity:1}}.dh-mini-chart-lbl{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;color:var(--demo-muted);font-weight:600}.dh-big-stat{font-size:28px;font-weight:900;letter-spacing:-.02em;color:var(--demo-text)}.dh-big-stat-delta{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--demo-green-dim);color:var(--demo-green);border-radius:99px;font-size:11px;font-weight:800;margin-left:8px}.dh-mini-act{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--demo-border)}.dh-mini-act:last-child{border-bottom:none}.dh-mini-act-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.dh-mini-act-txt{font-size:11.5px;color:var(--demo-text);font-weight:600;line-height:1.4;flex:1;min-width:0}.dh-mini-act-txt small{display:block;font-size:10px;color:var(--demo-muted);font-weight:400;margin-top:2px}.dh-mini-order{padding:12px;background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:10px;margin-bottom:10px}.dh-mini-order-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:11px}.dh-mini-order-name{font-weight:700;color:var(--demo-text)}.dh-mini-order-val{font-weight:700;color:var(--demo-primary);font-size:11px}.dh-mini-order-bar{height:5px;background:var(--demo-card2);border-radius:99px;overflow:hidden}.dh-mini-order-bar>div{height:100%;background:linear-gradient(90deg,var(--demo-primary),var(--demo-purple));border-radius:99px}.dh-mini-order-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:var(--demo-muted)}.dh-platforms{padding:60px 0;background:var(--demo-surface);border-top:1px solid var(--demo-border);border-bottom:1px solid var(--demo-border);overflow:hidden;position:relative;z-index:2}.dh-platforms-label{text-align:center;font-size:13px;color:var(--demo-muted2);font-weight:600;margin-bottom:28px}.dh-marquee-wrap{overflow:hidden;position:relative}.dh-marquee-wrap:before,.dh-marquee-wrap:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.dh-marquee-wrap:before{left:0;background:linear-gradient(90deg,var(--demo-surface),transparent)}.dh-marquee-wrap:after{right:0;background:linear-gradient(-90deg,var(--demo-surface),transparent)}.dh-marquee{display:flex;gap:16px;width:max-content;animation:demoMarquee 28s linear infinite}@keyframes demoMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.dh-plat-chip{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--demo-card);border:1px solid var(--demo-border);border-radius:99px;font-size:13px;font-weight:600;color:var(--demo-muted2);white-space:nowrap}.dh-plat-chip i{font-size:18px}.dh-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.dh-review-card{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:16px;padding:24px;transition:all .25s}.dh-review-card:hover{border-color:var(--demo-primary);transform:translateY(-4px)}.dh-review-stars{color:var(--demo-orange);font-size:13px;margin-bottom:12px;letter-spacing:2px}.dh-review-text{font-size:14px;color:var(--demo-text2);line-height:1.7;margin-bottom:16px}.dh-review-author{display:flex;align-items:center;gap:12px}.dh-review-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff}.dh-review-name{font-size:13px;font-weight:700;color:var(--demo-text)}.dh-review-role{font-size:11px;color:var(--demo-muted)}.dh-faq-wrap{max-width:800px;margin:48px auto 0}.dh-faq-item{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:12px;margin-bottom:10px;overflow:hidden;transition:border-color .2s}.dh-faq-item.open{border-color:var(--demo-primary)}.dh-faq-q{padding:18px 22px;font-size:14px;font-weight:700;color:var(--demo-text);display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.dh-faq-q i{color:var(--demo-muted);transition:transform .2s,color .2s}.dh-faq-item.open .dh-faq-q i{transform:rotate(180deg);color:var(--demo-primary)}.dh-faq-a{max-height:0;padding:0 22px;overflow:hidden;transition:max-height .3s,padding .3s;font-size:13px;color:var(--demo-muted2);line-height:1.7}.dh-faq-item.open .dh-faq-a{max-height:300px;padding:0 22px 18px}.dh-cta-banner{max-width:1200px;margin:0 auto;background:linear-gradient(135deg,var(--demo-primary-dim),var(--demo-purple-dim));border:1px solid var(--demo-border2);border-radius:24px;padding:56px 40px;text-align:center;position:relative;overflow:hidden}.dh-cta-banner:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,115,245,.25),transparent 60%)}.dh-cta-banner>*{position:relative;z-index:1}.dh-cta-h2{font-size:34px;font-weight:900;letter-spacing:-.02em;margin-bottom:12px;color:var(--demo-text)}.dh-cta-p{font-size:15px;color:var(--demo-muted2);margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto}.demo-auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px 40px;position:relative;z-index:2}.demo-auth-card{width:100%;max-width:440px;background:#111d32d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--demo-border2);border-radius:20px;padding:36px;box-shadow:0 30px 90px #00000080}.demo-auth-title{font-size:26px;font-weight:900;letter-spacing:-.02em;margin-bottom:6px;color:var(--demo-text);text-align:center}.demo-auth-sub{font-size:13px;color:var(--demo-muted2);text-align:center;margin-bottom:24px}.demo-auth-link{color:var(--demo-primary);font-weight:700;text-decoration:none;transition:color .2s}.demo-auth-link:hover{color:var(--demo-purple)}.dh-svc-page{padding:120px 0 80px;position:relative;z-index:2}.dh-svc-hero{max-width:1200px;margin:0 auto 36px;padding:0 20px;text-align:center}.dh-svc-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;margin-bottom:18px;background:linear-gradient(90deg,#3d73f524,#a259f724);border:1px solid rgba(61,115,245,.35);color:var(--demo-primary);border-radius:99px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.dh-svc-hero-h1{font-size:44px;font-weight:900;letter-spacing:-.02em;margin-bottom:14px;color:var(--demo-text)}.dh-svc-hero-h1 .gradient{background:linear-gradient(90deg,var(--demo-primary),var(--demo-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.dh-svc-hero-p{font-size:16px;color:var(--demo-muted2);max-width:600px;margin:0 auto;line-height:1.7}.dh-svc-wrap{max-width:1200px;margin:0 auto;padding:0 20px}.dh-svc-filter{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:22px;padding:14px;background:var(--demo-card);border:1px solid var(--demo-border);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dh-svc-filter .cat-wrap{position:relative}.dh-svc-filter .cat-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:var(--demo-surface);border:1px solid var(--demo-border2);border-radius:12px;color:var(--demo-text);font-size:13px;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s}.dh-svc-filter .cat-btn:hover{border-color:var(--demo-primary);background:#3d73f514}.dh-svc-filter .cat-btn svg{width:16px;height:16px;color:var(--demo-muted)}.dh-svc-filter .cat-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:30;min-width:280px;max-height:380px;overflow-y:auto;background:var(--demo-card2);border:1px solid var(--demo-border);border-radius:14px;box-shadow:0 20px 50px #00000073;padding:6px;display:none}.dh-svc-filter .cat-menu.open{display:block}.dh-svc-filter .cat-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:transparent;border:0;border-radius:10px;color:var(--demo-text2);font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:background .15s,color .15s}.dh-svc-filter .cat-item:hover{background:#3d73f51a;color:var(--demo-primary)}.dh-svc-filter .cat-item.active{background:#3d73f52e;color:var(--demo-primary)}.dh-svc-filter .cat-item .cat-icon{width:22px;display:inline-flex;align-items:center;justify-content:center}.dh-svc-filter .cat-item .cat-icon img{max-width:18px;max-height:18px}.dh-svc-filter .cat-item .cat-icon.emoji{font-size:16px}.dh-svc-filter .cat-item .cat-count{margin-left:auto;padding:2px 8px;background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:99px;font-size:10px;color:var(--demo-muted);font-weight:800}.dh-svc-filter .search-input{flex:1;min-width:220px;padding:11px 14px;background:var(--demo-surface);border:1px solid var(--demo-border2);border-radius:12px;color:var(--demo-text);font-size:13.5px;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s}.dh-svc-filter .search-input::placeholder{color:var(--demo-muted)}.dh-svc-filter .search-input:focus{border-color:var(--demo-primary);box-shadow:0 0 0 3px #3d73f526}.dh-svc-filter .svc-count{margin-left:auto;padding:8px 14px;background:var(--demo-primary-dim);color:var(--demo-primary);border-radius:10px;font-size:12px;font-weight:800;white-space:nowrap}.dh-svc-table-wrap{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #00000059}.dh-svc-table{width:100%;border-collapse:collapse}.dh-svc-table thead{background:linear-gradient(90deg,#3d73f514,#a259f714);border-bottom:1px solid var(--demo-border)}.dh-svc-table thead th{padding:14px;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--demo-muted2);text-transform:uppercase;text-align:left}.dh-svc-table thead th.t-center{text-align:center}.dh-svc-table thead th.t-right{text-align:right}.dh-svc-table tbody tr.cat-header{background:var(--demo-surface);border-top:1px solid var(--demo-border);border-bottom:1px solid var(--demo-border)}.dh-svc-table tbody tr.cat-header td{padding:12px 14px}.dh-svc-table .cat-label{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;color:var(--demo-text)}.dh-svc-table .cat-label img{width:20px;height:20px;border-radius:6px;object-fit:cover}.dh-svc-table .cat-label .emoji{font-size:18px}.dh-svc-table .cat-label .svc-num{color:var(--demo-muted);font-weight:600;font-size:12px}.dh-svc-table tbody tr.svc-row{border-bottom:1px solid var(--demo-border);transition:background .15s}.dh-svc-table tbody tr.svc-row:last-child{border-bottom:none}.dh-svc-table tbody tr.svc-row:hover{background:#3d73f50f}.dh-svc-table tbody td{padding:13px 14px;font-size:13px;color:var(--demo-text2);vertical-align:middle}.dh-svc-table .svc-id{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;color:var(--demo-muted)}.dh-svc-table .svc-name{font-weight:600;color:var(--demo-text);max-width:420px}.dh-svc-table .svc-name .disc-tag{display:inline-block;margin-left:6px;padding:1px 6px;background:var(--demo-orange-dim, rgba(245,158,11,.15));color:var(--demo-orange);border-radius:6px;font-size:10px;font-weight:800}.dh-svc-table .svc-price{text-align:right;font-weight:800;color:var(--demo-primary);white-space:nowrap;font-family:JetBrains Mono,ui-monospace,monospace}.dh-svc-table .svc-price .old{color:var(--demo-muted);text-decoration:line-through;font-size:11px;font-weight:600}.dh-svc-table .svc-price .new{color:var(--demo-green)}.dh-svc-table .svc-center{text-align:center;color:var(--demo-text2);font-weight:600}.dh-svc-table .svc-actions{text-align:center}.dh-svc-table .desc-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--demo-surface);border:1px solid var(--demo-border2);border-radius:8px;color:var(--demo-muted);cursor:pointer;transition:color .2s,border-color .2s}.dh-svc-table .desc-btn:hover{color:var(--demo-primary);border-color:var(--demo-primary)}.dh-svc-table .desc-btn svg{width:14px;height:14px}.dh-svc-table .order-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:linear-gradient(90deg,var(--demo-primary),var(--demo-primary-d));color:#fff;border-radius:8px;font-size:11.5px;font-weight:800;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s}.dh-svc-table .order-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px #3d73f573}.dh-svc-empty{padding:80px 20px;text-align:center;color:var(--demo-muted);font-size:14px}.dh-svc-empty .ico{font-size:44px;margin-bottom:10px;opacity:.5}.dh-svc-modal-overlay{position:fixed;inset:0;z-index:100;background:#080c14bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px}.dh-svc-modal-overlay.show{display:flex}.dh-svc-modal-box{max-width:520px;width:100%;position:relative;background:var(--demo-card2);border:1px solid var(--demo-border);border-radius:20px;padding:28px 28px 24px;box-shadow:0 30px 80px #0009;animation:demoOvershoot .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes demoOvershoot{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.dh-svc-modal-box .close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:10px;color:var(--demo-muted);cursor:pointer}.dh-svc-modal-box .close-btn:hover{color:var(--demo-primary);border-color:var(--demo-primary)}.dh-svc-modal-box .close-btn svg{width:16px;height:16px}.dh-svc-modal-box h3{font-size:18px;font-weight:800;color:var(--demo-text);margin-bottom:12px;padding-right:36px}.dh-svc-modal-box p{font-size:13.5px;color:var(--demo-text2);line-height:1.7;white-space:pre-line}@media(max-width:768px){.dh-svc-hero-h1{font-size:32px}.dh-svc-hero-p{font-size:14px}.dh-svc-filter .svc-count{margin-left:0;order:99;width:100%;text-align:center}.dh-svc-table thead{display:none}.dh-svc-table tbody tr.cat-header td{padding:10px 12px}.dh-svc-table tbody tr.svc-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px 14px}.dh-svc-table tbody tr.svc-row td{padding:2px 0;border:0;font-size:12px}.dh-svc-table tbody tr.svc-row .svc-id{grid-column:1 / 2;color:var(--demo-muted);font-size:10px}.dh-svc-table tbody tr.svc-row .svc-name{grid-column:1 / 3;font-size:13.5px}.dh-svc-table tbody tr.svc-row .svc-price{grid-column:1 / 2;text-align:left}.dh-svc-table tbody tr.svc-row .svc-center{grid-column:auto;text-align:left;font-size:11px;color:var(--demo-muted)}.dh-svc-table tbody tr.svc-row .svc-center:before{content:attr(data-label) ": ";color:var(--demo-muted);font-weight:600}.dh-svc-table tbody tr.svc-row .svc-actions{grid-column:2 / 3;grid-row:1 / 4;align-self:center}}@media(max-width:1024px){.dh-hero-inner{grid-template-columns:1fr;gap:40px}.dh-hero-h1{font-size:44px}.dh-steps-grid{grid-template-columns:repeat(2,1fr);gap:28px}.dh-trust-grid{grid-template-columns:repeat(2,1fr)}.dh-reviews-grid{grid-template-columns:1fr}.dh-features-grid{grid-template-columns:1fr 1fr}.dh-features-row{grid-template-columns:1fr;gap:40px}.dh-mockup-phone{margin:0 auto}.dh-stats{grid-template-columns:repeat(2,1fr)}.dh-stat-item{border-right:none;border-bottom:1px solid var(--demo-border)}.dh-stat-item:nth-child(2){border-right:none}.dh-hero-visual{min-height:520px}}@media(max-width:900px){.dh-visual-row{grid-template-columns:1fr}.dh-features-row{gap:36px}}@media(max-width:640px){.dh-hero-h1{font-size:34px}.dh-section-h2{font-size:26px}.dh-section{padding:60px 5%}.dh-cta-h2{font-size:26px}.dh-cta-banner{padding:40px 24px}.dh-features-grid,.dh-steps-grid{grid-template-columns:1fr}.dh-trust-grid{grid-template-columns:1fr 1fr}.dh-hero-card-stack{transform:scale(.85);transform-origin:top center}.dh-hero{padding:100px 5% 60px}.dh-mockup-phone{width:240px;height:480px}}.g-dash{--bg: var(--demo-bg);--surface: #0d1424;--card: var(--demo-card);--card2: #162038;--border: #1c2c48;--border2: #243554;--text: #dde6f5;--muted: #4e6585;--muted2: #7a9abf;--primary: var(--demo-primary);--primary-d: #2955d0;--primary-dim: rgba(61,115,245,.14);--green: var(--demo-green);--green-dim: rgba(16,201,126,.12);--red: #f0505a;--red-dim: rgba(240,80,90,.12);--purple: var(--demo-purple);--purple-dim: rgba(162,89,247,.12);--orange: #f97316;--orange-dim: rgba(249,115,22,.12);--radius: 14px;--radius-sm: 8px;--sidebar-w: 270px;--topbar-h: 72px;--transition: .2s ease;display:flex;min-height:100vh;position:relative;background:var(--bg);color:var(--text);font-family:Montserrat,Inter,Poppins,ui-sans-serif,system-ui,sans-serif}body.light .g-dash{--bg: #f0f4fb;--surface: #ffffff;--card: #ffffff;--card2: #f5f8ff;--border: #dce6f5;--border2: #c8d9ef;--text: #1a2540;--muted: #8096bb;--muted2: #5a7aaa}.g-dash a{text-decoration:none;color:inherit}.g-dash ul{list-style:none;padding:0;margin:0}.g-dash button{cursor:pointer;font-family:inherit;border:none;background:transparent}.g-content{flex:1;margin-left:var(--sidebar-w);margin-top:var(--topbar-h);padding:28px 28px 48px;transition:margin-left var(--transition);min-width:0}.g-dash.collapsed .g-content{margin-left:70px}.g-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:1000;transition:width var(--transition),transform var(--transition);overflow:hidden}.g-dash.collapsed .g-sidebar{width:70px}.g-logo{padding:20px 24px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);min-height:70px;flex-shrink:0}.g-logo-icon{width:36px;height:36px;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0;box-shadow:0 0 18px #3d73f566;overflow:hidden}.g-logo-icon img{width:100%;height:100%;object-fit:cover}.g-logo-img-link{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0;height:40px;max-width:100%}.g-logo-image{height:100%;width:auto;max-width:180px;object-fit:contain;display:block;transition:max-width var(--transition),height var(--transition)}.g-dash.collapsed .g-logo-img-link{height:32px}.g-dash.collapsed .g-logo-image{max-width:32px;object-fit:contain}.g-logo-text{font-size:18px;font-weight:800;letter-spacing:-.03em;white-space:nowrap;opacity:1;transition:opacity var(--transition);color:var(--text)}.g-logo-text span{color:var(--primary)}.g-dash.collapsed .g-logo-text{opacity:0;width:0;pointer-events:none}.g-userbox{padding:16px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.g-userarea{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;display:flex;align-items:center;gap:10px;transition:background var(--transition);cursor:pointer}.g-userarea:hover{background:var(--card2)}.g-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--purple) 100%);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.g-uinfo{flex:1;min-width:0;overflow:hidden;white-space:nowrap}.g-uname{font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;color:var(--text)}.g-verified{width:16px;height:16px;background:#1d9bf0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.g-verified svg,.g-verified i{width:9px;height:9px;font-size:9px;color:#fff}.g-ulevel{font-size:11px;color:var(--muted2);margin-top:2px;font-weight:600}.g-ulevel.gold{color:#f5c842}.g-ulevel.silver{color:#9bb4cf}.g-ulevel.platin{color:#a259f7}.g-ulevel.elmas{color:#22d3ee}.g-uarrow{color:var(--muted);font-size:16px;flex-shrink:0}.g-dash.collapsed .g-uinfo,.g-dash.collapsed .g-uarrow{display:none}.g-dash.collapsed .g-userarea{justify-content:center;padding:8px}.g-nav{flex:1;overflow-y:auto;padding:12px}.g-nav::-webkit-scrollbar{width:0}.g-nav ul{display:flex;flex-direction:column;gap:2px}.g-nav li a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-sm);color:var(--muted2);font-size:13px;font-weight:500;transition:all var(--transition);white-space:nowrap;position:relative}.g-nav li a svg,.g-nav li a i{width:18px;height:18px;font-size:18px;flex-shrink:0}.g-nav li a:hover{color:var(--text);background:var(--card)}.g-nav li a.active{color:var(--text);background:linear-gradient(90deg,var(--card2) 0%,var(--card) 100%);border:1px solid var(--border2);font-weight:600}.g-nav li a.active:after{content:"";position:absolute;right:-1px;top:20%;bottom:20%;width:3px;border-radius:3px;background:var(--primary);box-shadow:0 0 8px var(--primary)}.g-nav .nav-badge{margin-left:auto;background:var(--primary);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;min-width:18px;text-align:center}.g-nav .nav-badge.nav-badge-red{background:#ef4444}.g-dash.collapsed .g-nav li a span.nav-label{display:none}.g-dash.collapsed .g-nav li a{justify-content:center;padding:11px}.g-dash.collapsed .g-nav li a.active:after{display:none}.g-dash.collapsed .g-nav .nav-badge{display:none}.g-nav .nav-sep{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted);padding:12px 14px 4px;text-transform:uppercase}.g-dash.collapsed .nav-sep{display:none}.g-sidebar-footer{padding:12px;border-top:1px solid var(--border);flex-shrink:0}.g-sidebar-footer a,.g-sidebar-footer button{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--red);font-size:13px;font-weight:500;transition:background var(--transition);white-space:nowrap;width:100%;text-align:left}.g-sidebar-footer a:hover,.g-sidebar-footer button:hover{background:#f0505a14}.g-sidebar-footer svg,.g-sidebar-footer i{width:18px;height:18px;font-size:18px;flex-shrink:0}.g-dash.collapsed .g-sidebar-footer a,.g-dash.collapsed .g-sidebar-footer button{justify-content:center}.g-dash.collapsed .g-sidebar-footer span{display:none}.g-topbar{position:fixed;top:0;left:var(--sidebar-w);right:0;height:var(--topbar-h);background:#080c14d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;z-index:999;transition:left var(--transition)}.g-dash.collapsed .g-topbar{left:70px}body.light .g-topbar{background:#f0f4fbe6}.g-collapse-btn{width:36px;height:36px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--muted2);transition:all var(--transition);flex-shrink:0}.g-collapse-btn:hover{color:var(--text);background:var(--card2)}.g-collapse-btn svg{width:18px;height:18px}.g-topbar-center{flex:1;display:flex;align-items:center;gap:14px;min-width:0;overflow:hidden}.g-topbar-page{font-size:14px;font-weight:700;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-topbar-right{display:flex;align-items:center;gap:8px}.g-topbar-btn{height:36px;padding:0 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted2);transition:all var(--transition)}.g-topbar-btn:hover{color:var(--text);background:var(--card2)}.g-topbar-btn i,.g-topbar-btn svg{font-size:15px;width:15px;height:15px}.g-balance-chip{height:36px;padding:0 14px;background:var(--green-dim);border:1px solid rgba(16,201,126,.2);border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--green);white-space:nowrap}.g-balance-chip svg{width:14px;height:14px}.g-profile{position:relative}.g-profile-btn{height:36px;padding:0 10px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;gap:8px;cursor:pointer;transition:all var(--transition);color:var(--text)}.g-profile-btn:hover{background:var(--card2)}.g-avatar-sm{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--purple));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.g-profile-name{font-size:12px;font-weight:600}.g-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 60px #0006;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .15s ease;z-index:100}.g-profile.open .g-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.g-dropdown-head{padding:14px 16px;border-bottom:1px solid var(--border);font-size:12px}.g-dropdown-head strong{display:block;font-size:13px;margin-bottom:2px;color:var(--text)}.g-dropdown-head span{color:var(--muted2)}.g-dropdown ul{padding:6px}.g-dropdown ul li a,.g-dropdown ul li button{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);font-size:13px;color:var(--text);transition:background var(--transition);width:100%;text-align:left;background:transparent}.g-dropdown ul li a:hover,.g-dropdown ul li button:hover{background:var(--card2)}.g-dropdown ul li a svg,.g-dropdown ul li a i,.g-dropdown ul li button svg,.g-dropdown ul li button i{width:15px;height:15px;font-size:15px;color:var(--muted2);flex-shrink:0}.g-dropdown-sep{border:none;border-top:1px solid var(--border);margin:4px 10px}.g-dropdown ul li a.logout,.g-dropdown ul li button.logout{color:var(--red)}.g-dropdown ul li a.logout svg,.g-dropdown ul li a.logout i,.g-dropdown ul li button.logout svg,.g-dropdown ul li button.logout i{color:var(--red)}.theme-toggle-row{display:flex;align-items:center;padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;color:var(--text)}.theme-toggle-row svg,.theme-toggle-row i{font-size:15px;width:15px;height:15px;color:var(--muted2);margin-right:10px}.theme-toggle-row span{flex:1}.toggle-switch{width:36px;height:20px;background:var(--border2);border-radius:99px;position:relative;cursor:pointer;transition:background var(--transition);flex-shrink:0}.toggle-switch.on{background:var(--primary)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--transition)}.toggle-switch.on:after{transform:translate(16px)}.g-dash .stats-row{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:16px;margin-bottom:20px}.g-dash .stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;transition:border-color var(--transition)}.g-dash .stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;width:55%;pointer-events:none}.g-dash .stat-card:hover{border-color:var(--border2)}.g-dash .stat-card.sc-green:before{background:linear-gradient(135deg,transparent 30%,var(--green-dim) 100%)}.g-dash .stat-card.sc-red:before{background:linear-gradient(135deg,transparent 30%,var(--red-dim) 100%)}.g-dash .stat-card.sc-blue:before{background:linear-gradient(135deg,transparent 30%,var(--primary-dim) 100%)}.g-dash .sc-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.g-dash .sc-green .sc-icon{background:var(--green-dim);color:var(--green)}.g-dash .sc-red .sc-icon{background:var(--red-dim);color:var(--red)}.g-dash .sc-blue .sc-icon{background:var(--primary-dim);color:var(--primary)}.g-dash .sc-label{font-size:12px;color:var(--muted2);font-weight:500;margin-bottom:4px}.g-dash .sc-value{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.g-dash .level-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;position:relative;overflow:hidden}.g-dash .level-card:before{content:"";position:absolute;top:0;right:0;bottom:0;width:40%;background:linear-gradient(135deg,transparent 30%,var(--purple-dim) 100%);pointer-events:none}.g-dash .level-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.g-dash .level-info{font-size:12px;color:var(--muted2);font-weight:500}.g-dash .level-info strong{color:#f5c842}.g-dash .level-pct{font-size:13px;font-weight:700;color:var(--purple)}.g-dash .progress-track{height:6px;background:var(--border2);border-radius:99px;overflow:hidden;margin-bottom:10px}.g-dash .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--purple));border-radius:99px;box-shadow:0 0 10px #a259f766;transition:width .6s ease}.g-dash .level-bottom{display:flex;align-items:center;justify-content:space-between}.g-dash .level-next{font-size:12px;color:var(--muted2)}.g-dash .level-next strong{color:var(--text)}.g-dash .btn-advantages{height:28px;padding:0 12px;background:var(--purple-dim);border:1px solid rgba(162,89,247,.25);border-radius:99px;font-size:11px;font-weight:700;color:var(--purple);display:inline-flex;align-items:center;gap:4px;transition:all var(--transition)}.g-dash .btn-advantages:hover{background:#a259f733}.g-dash .main-row{display:grid;grid-template-columns:1fr 400px;gap:16px;align-items:start}.g-dash .gcard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.g-dash .gcard-header{background:linear-gradient(90deg,var(--card) 50%,var(--primary-dim) 150%);border-bottom:1px solid var(--border);padding:16px 20px;display:flex;align-items:center;gap:12px}.g-dash .gcard-head-icon{width:32px;height:32px;background:var(--primary-dim);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--primary);flex-shrink:0}.g-dash .gcard-title{font-size:14px;font-weight:700;color:var(--text)}.g-dash .gcard-body{padding:20px}.g-dash .order-tabs{display:flex;gap:6px;margin-left:auto}.g-dash .otab{height:30px;padding:0 14px;background:transparent;border:1px solid var(--border);border-radius:99px;font-size:12px;font-weight:600;color:var(--muted2);transition:all var(--transition)}.g-dash .otab.active{background:var(--primary-dim);border-color:var(--primary);color:var(--text)}.g-dash .otab:hover:not(.active){border-color:var(--border2);color:var(--text)}.g-dash .form-group{margin-bottom:16px}.g-dash .form-label{display:block;font-size:12px;font-weight:600;color:var(--muted2);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.g-dash .form-control{width:100%;height:46px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 14px;font-size:13px;font-weight:500;color:var(--text);outline:none;transition:border-color var(--transition);appearance:none;font-family:inherit}.g-dash .form-control:focus{border-color:var(--primary)}.g-dash .form-control::placeholder{color:var(--muted)}.g-dash .select-wrap{position:relative}.g-dash .select-wrap:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-75%) rotate(45deg);pointer-events:none}.g-dash .select-wrap .form-control{padding-right:36px;cursor:pointer}.g-dash .charge-display{background:var(--primary-dim);border:1px solid rgba(61,115,245,.2);border-radius:var(--radius-sm);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.g-dash .charge-display span{font-size:12px;color:var(--muted2);font-weight:600}.g-dash .charge-display strong{font-size:20px;font-weight:800;color:var(--primary)}.g-dash .btn-submit{width:100%;height:48px;background:linear-gradient(120deg,var(--primary-d) 0%,var(--primary) 45%,#6ea3ff 100%);background-size:220% 100%;background-position:100% 0;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;color:#fff;letter-spacing:.03em;cursor:pointer;transition:background-position .45s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,transform .1s ease;position:relative;overflow:hidden}.g-dash .btn-submit:hover{background-position:0% 0;box-shadow:0 6px 28px #3d73f573,0 0 0 3px #3d73f526;transform:translateY(-1px)}.g-dash .btn-submit:active{transform:translateY(0) scale(.98);box-shadow:none}.btn-ripple{position:absolute;border-radius:50%;background:#ffffff4d;width:10px;height:10px;transform:scale(0);pointer-events:none;animation:btnRipple .55s cubic-bezier(.4,0,.2,1) forwards}@keyframes btnRipple{to{transform:scale(30);opacity:0}}.g-dash .announce-item{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);transition:background var(--transition)}.g-dash .announce-item:last-child{border-bottom:none}.g-dash .announce-item:hover{background:var(--card2)}.g-dash .announce-icon{width:36px;height:36px;border-radius:10px;background:var(--primary-dim);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--primary);flex-shrink:0}.g-dash .announce-icon.green{background:var(--green-dim);color:var(--green)}.g-dash .announce-icon.red{background:var(--red-dim);color:var(--red)}.g-dash .announce-icon.purple{background:var(--purple-dim);color:var(--purple)}.g-dash .announce-title{font-size:13px;font-weight:700;margin-bottom:3px;color:var(--text)}.g-dash .announce-text{font-size:12px;color:var(--muted2);line-height:1.5;margin-bottom:4px}.g-dash .announce-time{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}.g-dash .update-item{padding:12px 20px;border-bottom:1px solid var(--border);font-size:12px}.g-dash .update-item:last-child{border-bottom:none}.g-dash .update-item h6{font-size:12px;font-weight:600;margin-bottom:6px;color:var(--text)}.g-dash .update-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:600}.g-dash .ub-down{background:var(--green-dim);color:var(--green)}.g-dash .ub-up{background:var(--red-dim);color:var(--red)}.g-dash .ub-add{background:var(--primary-dim);color:var(--primary)}.g-dash .ub-del{background:var(--orange-dim);color:var(--orange)}.g-dash .badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:700}.g-dash .b-pending{background:#eab3081f;color:#eab308}.g-dash .b-processing{background:#3b82f61f;color:#3b82f6}.g-dash .b-inprogress{background:#6366f11f;color:#6366f1}.g-dash .b-completed{background:#22c55e1f;color:#22c55e}.g-dash .b-partial{background:#f973161f;color:#f97316}.g-dash .b-canceled{background:#64748b1f;color:#64748b}.g-dash .b-failed{background:#ef44441f;color:#ef4444}@keyframes gFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.g-content>*{animation:gFadeInUp .3s ease both}.g-content>*:nth-child(1){animation-delay:.05s}.g-content>*:nth-child(2){animation-delay:.1s}.g-content>*:nth-child(3){animation-delay:.15s}.g-dash .data-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.g-dash .data-table-toolbar{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.g-dash .dt-search-wrap{position:relative;flex:1;min-width:180px}.g-dash .dt-search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--muted);pointer-events:none}.g-dash .dt-search{width:100%;height:36px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px 0 34px;font-size:12px;color:var(--text);font-family:inherit;outline:none}.g-dash .dt-search:focus{border-color:var(--primary)}.g-dash .dt-filter-btn{height:36px;padding:0 12px;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--muted2);display:flex;align-items:center;gap:6px;transition:all var(--transition);white-space:nowrap}.g-dash .dt-filter-btn:hover,.g-dash .dt-filter-btn.active{color:var(--text);border-color:var(--primary);background:var(--primary-dim)}.g-dash .data-table{width:100%;border-collapse:collapse}.g-dash .data-table thead th{padding:10px 14px;background:var(--surface);font-size:11px;font-weight:700;color:var(--muted2);text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}.g-dash .data-table tbody tr{border-bottom:1px solid var(--border);transition:background var(--transition)}.g-dash .data-table tbody tr:last-child{border-bottom:none}.g-dash .data-table tbody tr:hover{background:var(--card2)}.g-dash .data-table td{padding:12px 14px;font-size:12px;color:var(--text);vertical-align:middle}.g-dash .td-id{color:var(--muted);font-family:monospace;font-size:11px}.g-dash .td-service{font-weight:600;font-size:12px;max-width:200px}.g-dash .td-service small{display:block;font-weight:400;color:var(--muted2);font-size:11px}.g-dash .td-charge{font-weight:700;color:var(--green)}.g-dash .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.g-dash .page-title{font-size:18px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;color:var(--text)}.g-dash .page-title svg,.g-dash .page-title i{color:var(--primary);width:20px;height:20px}#toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}#toast-container .toast{display:flex;align-items:center;gap:12px;min-width:280px;max-width:360px;background:var(--demo-card);border:1px solid var(--demo-border);border-radius:14px;padding:14px 16px;box-shadow:0 20px 60px #00000080;pointer-events:all;position:relative;overflow:hidden;animation:toastIn .25s ease both;color:var(--demo-text)}#toast-container .toast.removing{animation:toastOut .2s ease both}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}#toast-container .toast-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}#toast-container .toast.success .toast-icon{background:var(--demo-green-dim);color:var(--demo-green)}#toast-container .toast.error .toast-icon{background:var(--demo-red-dim);color:var(--demo-red)}#toast-container .toast.info .toast-icon{background:var(--demo-primary-dim);color:var(--demo-primary)}#toast-container .toast.warn .toast-icon{background:var(--demo-orange-dim);color:var(--demo-orange)}#toast-container .toast-body{flex:1}#toast-container .toast-title{font-size:13px;font-weight:700;margin-bottom:2px;color:var(--demo-text)}#toast-container .toast-msg{font-size:12px;color:var(--demo-muted2)}#toast-container .toast-progress{position:absolute;bottom:0;left:0;height:2px;border-radius:99px;animation:toastProg 3s linear forwards}#toast-container .toast.success .toast-progress{background:var(--demo-green)}#toast-container .toast.error .toast-progress{background:var(--demo-red)}#toast-container .toast.info .toast-progress{background:var(--demo-primary)}#toast-container .toast.warn .toast-progress{background:var(--demo-orange)}@keyframes toastProg{0%{width:100%}to{width:0%}}.g-dash .g-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998;opacity:0;visibility:hidden;transition:opacity .2s ease}.g-dash #scrollTop{position:fixed;bottom:28px;right:28px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--purple));border:none;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #3d73f566;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .25s ease;z-index:990}.g-dash #scrollTop.visible{opacity:1;visibility:visible;transform:translateY(0)}.g-dash #scrollTop:hover{transform:translateY(-3px);box-shadow:0 14px 36px #3d73f580}.g-dash #scrollTop svg{width:18px;height:18px}body.light .g-sidebar{box-shadow:2px 0 20px #0000000f}body.light .g-dash .gcard,body.light .g-dash .stat-card{box-shadow:0 2px 12px #0000000f}@media(max-width:1024px){.g-dash .main-row,.g-dash .stats-row{grid-template-columns:1fr}}@media(max-width:768px){.g-sidebar{transform:translate(-100%);box-shadow:2px 0 20px #0006}.g-dash.mobile-open .g-sidebar{transform:translate(0)}.g-dash.mobile-open .g-backdrop{opacity:1;visibility:visible}.g-content{margin-left:0!important;padding:20px 16px 40px}.g-topbar{left:0!important;padding:0 16px}.g-dash .stats-row,.g-dash .main-row{grid-template-columns:1fr}.g-topbar-btn .topbar-label{display:none}.g-balance-chip{padding:0 10px}.g-profile-name{display:none}}body.guest-page{--bg: var(--demo-bg);--surface: #0d1424;--card: var(--demo-card);--card2: #162038;--border: #1c2c48;--border2: #243554;--text: #dde6f5;--muted: #4e6585;--muted2: #7a9abf;--primary: var(--demo-primary);--primary-d: #2955d0;--primary-dim: rgba(61,115,245,.14);--green: var(--demo-green);--green-dim: rgba(16,201,126,.12);--red: #f0505a;--red-dim: rgba(240,80,90,.12);--purple: var(--demo-purple);--purple-dim: rgba(162,89,247,.12);--orange: #f97316;--orange-dim: rgba(249,115,22,.12);--radius: 14px;--radius-sm: 8px;--transition: .2s ease;background:var(--bg);color:var(--text);font-family:Montserrat,Inter,Poppins,ui-sans-serif,system-ui,sans-serif}body.guest-page.use-h-hero .demo-aurora,body.guest-page.use-h-hero .demo-stars,body.guest-page.use-h-hero #particleCanvas,body.guest-page.use-h-hero .bg-grid,body.guest-page.use-h-hero .bg-orbs,body.guest-page.use-h-hero .bg-shapes,body.guest-page.use-h-hero .aurora-line{display:none!important}@keyframes bellP{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.h-nav{position:fixed;top:0;left:0;right:0;z-index:500;height:68px;display:flex;align-items:center;padding:0 5%;background:#080c14d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);gap:32px}.h-nav-logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.02em;text-decoration:none;color:var(--text)}.h-nav-logo img{height:28px;width:auto;display:block}.h-nav-logo-icon{width:34px;height:34px;background:var(--primary);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;color:#fff;box-shadow:0 0 16px #3d73f566}.h-nav-logo .accent{color:var(--primary)}.h-nav-links{display:flex;align-items:center;gap:24px;flex:1;margin-left:16px}.h-nav-links a{font-size:13px;font-weight:600;color:var(--muted2);text-decoration:none;transition:color var(--transition)}.h-nav-links a:hover,.h-nav-links a.active{color:var(--text)}.h-nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.h-nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:var(--card);border:1px solid var(--border);border-radius:9px;cursor:pointer;padding:10px;margin-left:auto;transition:background .2s}.h-nav-hamburger span{display:block;height:2px;background:var(--text);border-radius:2px;transition:transform .25s ease,opacity .2s ease;transform-origin:center}.h-nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.h-nav-hamburger.open span:nth-child(2){opacity:0}.h-nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.h-nav-mobile{display:none;position:fixed;top:68px;left:0;right:0;z-index:499;background:#080c14f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);flex-direction:column;padding:12px 0;animation:mobileNavIn .2s ease}@keyframes mobileNavIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.h-nav-mobile.open{display:flex}.h-nav-mobile a,.h-nav-mobile button{display:flex;align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:600;color:var(--muted2);text-decoration:none;background:none;border:none;cursor:pointer;transition:color .2s,background .2s;text-align:left;width:100%;font-family:inherit}.h-nav-mobile a:hover,.h-nav-mobile button:hover{color:var(--text);background:#ffffff0a}.h-nav-mobile a.primary-link{color:var(--primary)}.h-nav-mobile-divider{height:1px;background:var(--border);margin:8px 0}.h-nav-mobile-actions{display:flex;gap:10px;padding:14px 24px}.h-nav-mobile-actions .h-btn{flex:1;justify-content:center}@media(max-width:768px){.h-nav-links,.h-nav-actions{display:none}.h-nav-hamburger{display:flex}}.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition);text-decoration:none;border:none;font-family:inherit}.h-btn-ghost{background:transparent;color:var(--muted2);border:1px solid var(--border)}.h-btn-ghost:hover{color:var(--text);border-color:var(--border2);background:var(--card)}.h-btn-primary{background:linear-gradient(120deg,var(--primary-d) 0%,var(--primary) 45%,#6ea3ff 100%);background-size:220% 100%;background-position:100% 0;color:#fff;position:relative;overflow:hidden;transition:background-position .45s ease,box-shadow .2s ease,transform .1s ease}.h-btn-primary:hover{background-position:0% 0;box-shadow:0 6px 24px #3d73f566;transform:translateY(-1px)}.h-btn-primary:active{transform:scale(.97)}.h-btn-lg{height:50px;padding:0 28px;font-size:15px;border-radius:var(--radius)}.h-btn-outline{background:transparent;color:var(--text);border:1px solid var(--border2)}.h-btn-outline:hover{background:var(--card);border-color:var(--primary)}.h-hero{min-height:100vh;display:flex;align-items:center;padding:110px 5% 80px;position:relative;overflow:hidden;background:radial-gradient(ellipse 110% 70% at 20% 20%,rgba(61,115,245,.13) 0%,transparent 55%),radial-gradient(ellipse 80% 60% at 80% 80%,rgba(162,89,247,.11) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 60% 10%,rgba(16,201,126,.07) 0%,transparent 55%)}.h-hero-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;width:100%;max-width:1280px;margin:0 auto;position:relative;z-index:1}.h-aurora{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.h-aurora:before{content:"";position:absolute;width:160%;height:160%;top:-30%;left:-30%;background:conic-gradient(from 180deg at 50% 50%,transparent 0deg,rgba(61,115,245,.05) 60deg,rgba(162,89,247,.06) 120deg,rgba(16,201,126,.04) 180deg,transparent 240deg,rgba(61,115,245,.04) 300deg,transparent 360deg);animation:auroraSpin 25s linear infinite}.h-aurora:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:conic-gradient(from 0deg at 70% 30%,transparent 0deg,rgba(162,89,247,.05) 80deg,transparent 160deg,rgba(61,115,245,.04) 240deg,transparent 360deg);animation:auroraSpin 35s linear infinite reverse}@keyframes auroraSpin{to{transform:rotate(360deg)}}.h-stars-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.h-star{position:absolute;border-radius:50%;background:#ffffffbf;animation:starTwinkle var(--d,3s) ease-in-out infinite var(--dl,0s)}@keyframes starTwinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.9;transform:scale(1.6)}}.h-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:var(--primary-dim);border:1px solid rgba(61,115,245,.3);border-radius:99px;font-size:12px;font-weight:700;color:var(--primary);margin-bottom:20px}.h-hero-badge-dot{width:6px;height:6px;background:var(--primary);border-radius:50%;animation:bellP 1.5s ease-in-out infinite}.h-hero-h1{font-size:52px;font-weight:900;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px;color:var(--text)}.h-hero-h1 .grad{background:linear-gradient(135deg,var(--primary) 0%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.h-hero-p{font-size:16px;color:var(--muted2);line-height:1.7;margin-bottom:32px;max-width:480px}.h-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.h-hero-trust{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:12px;color:var(--muted2)}.h-hero-avatars{display:flex}.h-hero-avatars span{width:28px;height:28px;border-radius:50%;border:2px solid var(--bg);background:linear-gradient(135deg,var(--primary),var(--purple));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;margin-left:-8px}.h-hero-avatars span:first-child{margin-left:0}.h-auth-card{background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px #00000073,0 0 0 1px #ffffff0a;position:relative}.h-auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--purple),var(--green))}.h-auth-tab-row{display:flex;padding:20px 24px 0;gap:4px;background:var(--surface);border-bottom:1px solid var(--border)}.h-auth-tab{height:38px;padding:0 20px;background:transparent;border:none;font-size:13px;font-weight:700;color:var(--muted2);cursor:pointer;font-family:inherit;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition)}.h-auth-tab.active{color:var(--text);border-bottom-color:var(--primary)}.h-auth-tab:hover:not(.active){color:var(--text)}.h-auth-card-header{padding:28px 24px 6px;background:linear-gradient(180deg,var(--card2) 0%,var(--card) 100%);border-bottom:1px solid var(--border)}.h-auth-form-body{padding:24px}.h-auth-form-body.hidden{display:none}.h-auth-field-row{position:relative;margin-bottom:14px}.h-auth-field-row i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--muted);pointer-events:none;z-index:1}.h-auth-inp{width:100%;height:48px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 14px 0 42px;font-size:13px;font-weight:500;color:var(--text);font-family:inherit;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.h-auth-inp:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3d73f51a}.h-auth-inp::placeholder{color:var(--muted)}.h-auth-row-between{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:16px}.h-auth-chk{display:flex;align-items:center;gap:6px;color:var(--muted2);cursor:pointer}.h-auth-chk input{accent-color:var(--primary)}.h-auth-link{color:var(--primary);text-decoration:none;font-weight:600}.h-auth-link:hover{text-decoration:underline}.h-auth-submit{width:100%;height:48px;background:linear-gradient(120deg,var(--primary-d) 0%,var(--primary) 45%,#6ea3ff 100%);background-size:220% 100%;background-position:100% 0;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;letter-spacing:.02em;transition:background-position .45s ease,box-shadow .2s ease,transform .1s ease;position:relative;overflow:hidden;margin-bottom:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.h-auth-submit:hover{background-position:0% 0;box-shadow:0 6px 24px #3d73f566;transform:translateY(-1px)}.h-auth-submit:active{transform:scale(.98)}.h-auth-divider{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-bottom:14px;text-transform:uppercase;letter-spacing:.06em}.h-auth-divider:before,.h-auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.h-auth-social{display:flex;gap:8px}.h-auth-social-btn{flex:1;height:40px;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;color:var(--muted2);cursor:pointer;transition:all var(--transition);text-decoration:none;font-family:inherit}.h-auth-social-btn:hover{border-color:var(--border2);color:var(--text)}.h-auth-footer-note{text-align:center;font-size:12px;color:var(--muted2);padding:14px 24px;background:var(--surface);border-top:1px solid var(--border)}.h-auth-footer-note a{color:var(--primary);font-weight:700;text-decoration:none}.h-auth-terms-row{font-size:11px;color:var(--muted2);display:flex;align-items:flex-start;gap:8px;margin-bottom:14px}.h-auth-terms-row input{margin-top:1px;accent-color:var(--primary);flex-shrink:0}.h-auth-terms-row a{color:var(--primary);text-decoration:none}.h-auth-errors{background:var(--red-dim);border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:10px 12px;margin-bottom:14px}.h-auth-errors ul{list-style:none;margin:0;padding:0}.h-auth-errors li{color:#f87171;font-size:12px;line-height:1.5}.h-ticker{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0;overflow:hidden;position:relative}.h-ticker:before,.h-ticker:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.h-ticker:before{left:0;background:linear-gradient(90deg,var(--surface),transparent)}.h-ticker:after{right:0;background:linear-gradient(-90deg,var(--surface),transparent)}.h-ticker-track{display:flex;gap:0;width:max-content;animation:tickerSlide 40s linear infinite}@keyframes tickerSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}.h-tick-item{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:0 28px;font-size:12px;color:var(--muted2);border-right:1px solid var(--border)}.h-tick-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.h-tick-name{font-weight:700;color:var(--text)}.h-tick-time{color:var(--muted)}.h-section{padding:80px 5%}.h-section-label{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--primary);text-transform:uppercase;margin-bottom:12px}.h-section-h2{font-size:36px;font-weight:900;letter-spacing:-.02em;margin-bottom:16px;color:var(--text)}.h-section-p{font-size:15px;color:var(--muted2);max-width:520px;line-height:1.7}.h-features-wrap{max-width:1200px;margin:0 auto}.h-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:52px}.h-feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;transition:all var(--transition);cursor:default}.h-feature-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.h-feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}.h-feature-h3{font-size:15px;font-weight:700;margin-bottom:8px;color:var(--text)}.h-feature-p{font-size:13px;color:var(--muted2);line-height:1.6;margin:0}.h-steps{padding:90px 5%}.h-steps-inner{max-width:1200px;margin:0 auto}.h-steps-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin-top:56px;position:relative}.h-steps-grid:before{content:"";position:absolute;top:36px;left:16.5%;right:16.5%;height:2px;background:linear-gradient(90deg,var(--primary),var(--purple));z-index:0}.h-step{text-align:center;padding:0 24px;position:relative;z-index:1}.h-step-num{width:72px;height:72px;border-radius:50%;margin:0 auto 20px;background:var(--card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:26px;position:relative;transition:all .3s ease}.h-step:hover .h-step-num{border-color:var(--primary);box-shadow:0 0 0 6px #3d73f51a;transform:scale(1.08)}.h-step-num-badge{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.h-step-h3{font-size:15px;font-weight:800;margin-bottom:8px;color:var(--text)}.h-step-p{font-size:13px;color:var(--muted2);line-height:1.6}.h-stats{padding:56px 5%;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.h-stats-grid{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;max-width:1200px;margin:0 auto}.h-stat-item{padding:20px 52px;text-align:center;border-right:1px solid var(--border);flex:1;min-width:200px}.h-stat-item:last-child{border-right:none}.h-stat-icon{font-size:26px;margin-bottom:10px}.h-stat-num{font-size:34px;font-weight:900;letter-spacing:-.02em;color:var(--text)}.h-stat-num.blue{color:var(--primary)}.h-stat-num.green{color:var(--green)}.h-stat-num.purple{color:var(--purple)}.h-stat-num.orange{color:var(--orange)}.h-stat-lbl{font-size:12px;color:var(--muted2);font-weight:500;margin-top:4px}.h-reviews{padding:90px 5%;background:var(--surface);border-top:1px solid var(--border)}.h-reviews-inner{max-width:1200px;margin:0 auto}.h-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.h-review-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all var(--transition)}.h-review-card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:0 16px 40px #00000040}.h-stars{display:flex;gap:3px;margin-bottom:14px;color:#f5c842;font-size:14px}.h-review-text{font-size:13px;color:var(--muted2);line-height:1.7;margin-bottom:18px;font-style:italic}.h-review-text:before{content:"“"}.h-review-text:after{content:"”"}.h-reviewer{display:flex;align-items:center;gap:10px}.h-reviewer-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),var(--purple))}.h-reviewer-name{font-size:13px;font-weight:700;color:var(--text)}.h-reviewer-role{font-size:11px;color:var(--muted2)}.h-review-platform{margin-left:auto;font-size:18px}.h-faq{padding:90px 5%}.h-faq-inner{max-width:780px;margin:0 auto}.h-faq-list{margin-top:48px}.h-faq-item{border-bottom:1px solid var(--border)}.h-faq-q{display:flex;align-items:center;justify-content:space-between;padding:18px 0;cursor:pointer;font-size:14px;font-weight:700;color:var(--text);transition:color var(--transition);gap:12px;-webkit-user-select:none;user-select:none}.h-faq-q:hover{color:var(--primary)}.h-faq-icon{width:24px;height:24px;border-radius:50%;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:all var(--transition)}.h-faq-item.open .h-faq-icon{background:var(--primary-dim);border-color:var(--primary);color:var(--primary);transform:rotate(45deg)}.h-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}.h-faq-a-inner{padding-bottom:18px;font-size:13px;color:var(--muted2);line-height:1.75}.h-faq-item.open .h-faq-a{max-height:400px}.h-cta{padding:100px 5%;background:linear-gradient(135deg,#0a1628,#111d32,#0d1424);border-top:1px solid var(--border);text-align:center;position:relative;overflow:hidden}.h-cta:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(61,115,245,.15) 0%,transparent 70%);pointer-events:none}.h-cta-inner{position:relative;z-index:1}.h-cta-h2{font-size:40px;font-weight:900;letter-spacing:-.02em;color:#fff;margin-bottom:14px}.h-cta-h2 .grad{background:linear-gradient(135deg,#60a5fa,var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.h-cta-p{font-size:16px;color:#ffffff80;margin-bottom:36px}.h-cta-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.h-cta-note{font-size:12px;color:#ffffff4d;margin-top:20px}.h-footer{background:var(--surface);border-top:1px solid var(--border);padding:48px 5% 28px}.h-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 40px}.h-footer-brand p{font-size:13px;color:var(--muted2);line-height:1.7;margin-top:12px;max-width:280px}.h-footer-col h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:14px}.h-footer-col a{display:block;font-size:13px;color:var(--muted2);text-decoration:none;margin-bottom:8px;transition:color var(--transition)}.h-footer-col a:hover{color:var(--text)}.h-footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:12px}.h-footer-social{display:flex;gap:10px}.h-footer-social a{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--muted2);text-decoration:none;transition:all var(--transition);margin:0}.h-footer-social a:hover{color:var(--text);border-color:var(--border2)}.pub-services-hero{padding:130px 5% 50px;position:relative;overflow:hidden;background:radial-gradient(ellipse 90% 60% at 30% 20%,rgba(61,115,245,.15) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 80% 80%,rgba(162,89,247,.12) 0%,transparent 55%);border-bottom:1px solid var(--border)}.pub-services-hero:before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle,rgba(61,115,245,.18) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 40%,transparent 100%);pointer-events:none}.pub-services-hero-inner{max-width:1400px;margin:0 auto;position:relative;z-index:1;text-align:center}.pub-services-h1{font-size:42px;font-weight:900;letter-spacing:-.02em;margin-bottom:12px;color:var(--text)}.pub-services-h1 .grad{background:linear-gradient(135deg,var(--primary),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pub-services-p{font-size:15px;color:var(--muted2);max-width:600px;margin:0 auto}.pub-services-strip{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px}.pub-services-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--card);border:1px solid var(--border);border-radius:99px;font-size:13px;font-weight:700;color:var(--text)}.pub-services-body{padding:50px 5% 80px;max-width:1400px;margin:0 auto}.pub-plat-dd{position:relative;flex-shrink:0}.pub-plat-dd-btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 14px;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;min-width:220px;justify-content:space-between}.pub-plat-dd-btn:hover{border-color:var(--border2)}.pub-plat-dd.open .pub-plat-dd-btn{border-color:var(--primary);box-shadow:0 0 0 3px #3d73f526}.pub-plat-dd-current{display:inline-flex;align-items:center;gap:8px;flex:1;min-width:0}.pub-plat-dd-current>span:not(.pub-plat-dd-badge){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-plat-dd-current i{font-size:16px;color:var(--primary)}.pub-plat-dd-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 6px;background:var(--primary-dim);color:var(--primary);border-radius:10px;font-size:11px;font-weight:800}.pub-plat-dd-caret{font-size:18px;color:var(--muted2);transition:transform .2s}.pub-plat-dd.open .pub-plat-dd-caret{transform:rotate(180deg)}.pub-plat-dd-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:280px;max-height:380px;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 16px 48px #00000073;display:none;z-index:50;scrollbar-width:thin}.pub-plat-dd.open .pub-plat-dd-menu{display:block;animation:pubPlatDdIn .16s ease-out}@keyframes pubPlatDdIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pub-plat-dd-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:0;border-radius:8px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s}.pub-plat-dd-item:hover{background:var(--surface)}.pub-plat-dd-item.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-d) 100%);color:#fff;font-weight:700}.pub-plat-dd-item.active .pub-plat-dd-item-count{background:#fff3;color:#fff}.pub-plat-dd-item>span:first-of-type,.pub-plat-dd-item>span:not(.pub-plat-dd-item-count):not(.pub-plat-dd-item-emoji){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-plat-dd-item i{font-size:16px;color:var(--primary);flex-shrink:0}.pub-plat-dd-item.active i{color:#fff}.pub-plat-dd-item img{width:20px;height:20px;object-fit:contain;border-radius:4px;flex-shrink:0}.pub-plat-dd-item-emoji{font-size:16px;flex-shrink:0}.pub-plat-dd-item-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 7px;background:var(--surface);color:var(--muted2);border-radius:10px;font-size:11px;font-weight:800;flex-shrink:0}.pub-search-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.pub-search-input{flex:1;min-width:240px;position:relative}.pub-search-input i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px}.pub-search-input input{width:100%;height:44px;padding:0 16px 0 42px;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;font-family:inherit;transition:border-color .2s}.pub-search-input input:focus{outline:none;border-color:var(--primary)}.pub-sort{height:44px;padding:0 14px;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.pub-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.pub-service-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .25s ease;cursor:default;display:flex;flex-direction:column}.pub-service-card:hover{border-color:#3d73f54d;transform:translateY(-2px);box-shadow:0 12px 32px #00000040}.pub-services-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;overflow-x:auto}.pub-services-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text);min-width:820px}.pub-services-table thead{position:sticky;top:0;z-index:5}.pub-services-table thead th{background:var(--surface);color:var(--muted2);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.pub-services-table .pub-th-num,.pub-services-table .pub-td-num{text-align:center;white-space:nowrap;width:80px}.pub-services-table .pub-th-price,.pub-services-table .pub-td-price{text-align:right;white-space:nowrap;width:130px}.pub-services-table .pub-th-action,.pub-services-table .pub-td-action{text-align:right;width:120px;white-space:nowrap}.pub-services-table .pub-th-id,.pub-services-table .pub-td-id{width:60px;white-space:nowrap}.pub-services-table tbody tr.pub-service-row{transition:background .15s ease;border-bottom:1px solid var(--border)}.pub-services-table tbody tr.pub-service-row:hover{background:#3d73f50d}.pub-services-table tbody td{padding:12px 16px;vertical-align:middle}.pub-services-table tr.pub-cat-header{background:linear-gradient(90deg,#3d73f514,#a259f70d);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.pub-services-table tr.pub-cat-header td{padding:10px 16px}.pub-cat-header-inner{display:flex;align-items:center;gap:10px}.pub-cat-icon{width:18px;height:18px;object-fit:contain}.pub-cat-icon-emoji{font-size:16px;line-height:1}.pub-cat-name{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.pub-cat-count{font-size:11px;color:var(--muted2);font-weight:600}.pub-id-mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:var(--muted2)}.pub-td-name .pub-service-name{font-size:13px;font-weight:600;line-height:1.45;color:var(--text)}.pub-td-num{font-weight:600;color:var(--muted2)}.pub-td-time{font-size:12px}.pub-price-old{text-decoration:line-through;font-size:11px;color:var(--muted);font-weight:600}.pub-price-new{font-size:14px;font-weight:800;color:var(--text)}tbody tr:has(.pub-price-old) .pub-price-new{color:var(--green)}@media(max-width:768px){.pub-services-table{font-size:12px;min-width:700px}.pub-services-table thead th,.pub-services-table tbody td{padding:9px 10px}}.pub-service-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.pub-service-id-pill{display:inline-block;padding:3px 9px;background:var(--primary-dim);color:var(--primary);border-radius:6px;font-size:11px;font-weight:800;margin-bottom:6px}.pub-service-plat-ico{width:36px;height:36px;border-radius:9px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;overflow:hidden}.pub-service-plat-ico img{width:24px;height:24px;object-fit:contain}.pub-service-name{font-size:14px;font-weight:700;line-height:1.4;margin-bottom:6px;color:var(--text)}.pub-service-desc{font-size:12px;color:var(--muted2);line-height:1.55;margin-bottom:16px;min-height:34px}.pub-service-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.pub-service-meta-cell{padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;text-align:center}.pub-service-meta-lbl{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.04em;margin-bottom:3px;text-transform:uppercase}.pub-service-meta-val{font-size:13px;font-weight:800;color:var(--text)}.pub-service-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.pub-service-rate{font-size:18px;font-weight:900;color:var(--text)}.pub-service-rate small{font-size:11px;color:var(--muted2);font-weight:500}.pub-service-buy{padding:9px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-d));color:#fff;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform .15s,box-shadow .2s;text-decoration:none;font-family:inherit}.pub-service-buy:hover{transform:translateY(-1px);box-shadow:0 6px 18px #3d73f559}.pub-cta-banner{margin-top:50px;padding:40px 32px;background:linear-gradient(135deg,#0d1424,#141e38);border:1px solid var(--border);border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}.pub-cta-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(61,115,245,.25) 0%,transparent 60%);border-radius:50%}.pub-cta-banner>*{position:relative;z-index:1}.pub-cta-banner h2{font-size:28px;font-weight:900;letter-spacing:-.02em;margin-bottom:8px;color:var(--text)}.pub-cta-banner p{font-size:14px;color:var(--muted2);margin:0;max-width:500px}@media(max-width:1024px){.h-hero-inner{grid-template-columns:1fr;gap:40px}.h-hero-h1{font-size:38px}.h-auth-card{max-width:480px;margin:0 auto}.h-steps-grid{grid-template-columns:repeat(2,1fr);gap:32px}.h-steps-grid:before{display:none}.h-reviews-grid{grid-template-columns:1fr}.h-footer-grid,.h-features-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.h-hero-h1{font-size:30px}.h-cta-h2{font-size:26px}.h-stat-item{border-right:none;border-bottom:1px solid var(--border);padding:16px 24px}.h-footer-grid,.h-features-grid,.h-steps-grid{grid-template-columns:1fr}.pub-services-h1{font-size:30px}.pub-cta-banner{flex-direction:column;text-align:center}.h-section{padding:60px 5%}.h-section-h2{font-size:28px}}.g-dash .dash-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.g-dash .dms-card{background:var(--demo-card, #111d32);border:1px solid var(--demo-border, #1e2d4a);border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:border-color .2s ease,transform .2s ease}.g-dash .dms-card:hover{border-color:var(--demo-border2, #2a3d5f);transform:translateY(-2px)}.g-dash .dms-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.g-dash .dms-val{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--demo-text, #e7eefc)}.g-dash .dms-lbl{font-size:11px;color:var(--demo-muted2, #7a89a9);font-weight:500;margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.g-dash .dms-trend{font-size:11px;font-weight:600;margin-top:4px;display:inline-flex;align-items:center;gap:3px}.g-dash .dms-trend.up{color:var(--demo-green, #10c97e)}.g-dash .dms-trend.down{color:var(--demo-orange, #f97316)}@media(max-width:960px){.g-dash .dash-mini-stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.g-dash .dash-mini-stats{grid-template-columns:1fr}}.g-dash .dash-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.g-dash .dash-welcome-left h2{font-size:22px;font-weight:900;letter-spacing:-.02em;margin-bottom:4px;color:var(--text)}.g-dash .dash-welcome-left p{font-size:13px;color:var(--muted2);margin:0}.g-dash .dash-grid{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:start}.g-dash .quick-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.g-dash .qa-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;font-weight:700;color:var(--text);cursor:pointer;transition:all var(--transition);text-align:center;text-decoration:none}.g-dash .qa-btn i{font-size:22px}.g-dash .qa-btn:hover{border-color:var(--primary);background:var(--primary-dim);color:var(--primary)}.g-dash .panel-body{padding:8px 0;overflow-y:auto}@media(max-width:1100px){.g-dash .dash-grid{grid-template-columns:1fr}}.h-features-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:52px}.h-features-list{display:flex;flex-direction:column;gap:16px}.h-feature-item{display:flex;align-items:flex-start;gap:14px}.h-feature-item-ico{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.h-feature-item-title{font-size:14px;font-weight:800;margin-bottom:4px;color:var(--demo-text)}.h-feature-item-desc{font-size:12.5px;color:var(--demo-muted2);line-height:1.6}.h-mockup-phone{width:280px;max-width:100%;height:560px;margin:0 auto;position:relative;background:linear-gradient(145deg,#1a2238,#0d1424);border-radius:40px;padding:10px;box-shadow:0 40px 100px #0000008c,inset 0 1px 1px #ffffff14;animation:mockupFloat 6s ease-in-out infinite}@keyframes mockupFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.h-mockup-phone:before{content:"";position:absolute;top:16px;left:50%;transform:translate(-50%);width:98px;height:22px;background:#070a14;border-radius:99px;z-index:3}.h-mockup-phone:after{content:"";position:absolute;top:22px;right:calc(50% - 42px);width:8px;height:8px;background:#1a2238;border-radius:50%;z-index:4;box-shadow:0 0 0 2px #0a0e18,inset 0 0 3px #3d73f580}.h-mockup-screen{width:100%;height:100%;background:var(--demo-bg);border-radius:32px;overflow:hidden;position:relative;padding:44px 14px 14px}.h-phone-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 4px 12px;border-bottom:1px solid var(--demo-border);margin-bottom:14px}.h-phone-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff}.h-phone-bal{padding:5px 11px;background:var(--demo-green-dim);color:var(--demo-green);border:1px solid rgba(16,201,126,.2);border-radius:99px;font-size:10px;font-weight:800}.h-phone-title{font-size:11px;font-weight:800;color:var(--demo-muted2);margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.h-phone-order{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:10px;padding:10px;margin-bottom:8px}.h-phone-order-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.h-phone-order-name{font-size:11px;font-weight:700;color:var(--demo-text)}.h-phone-order-badge{padding:2px 7px;border-radius:6px;font-size:9px;font-weight:800}.h-phone-bar{height:4px;background:var(--demo-border2, rgba(255,255,255,.08));border-radius:99px;overflow:hidden;margin-top:6px}.h-phone-bar-fill{height:100%;background:linear-gradient(90deg,var(--demo-primary),var(--demo-purple));animation:barFill 3s ease-in-out infinite alternate}@keyframes barFill{0%{width:40%}to{width:92%}}.h-visual-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}.h-visual-card{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:18px;padding:24px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.h-visual-card:hover{transform:translateY(-5px);border-color:#3d73f54d;box-shadow:0 20px 50px #00000059}.h-visual-card:before{content:"";position:absolute;top:-40%;right:-20%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(61,115,245,.13),transparent 70%);pointer-events:none}.h-vc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;position:relative}.h-vc-title{font-size:14px;font-weight:800;color:var(--demo-text)}.h-vc-tag{padding:3px 9px;border-radius:99px;font-size:10px;font-weight:800}.h-vc-tag.green{background:var(--demo-green-dim);color:var(--demo-green)}.h-vc-tag.blue{background:var(--demo-primary-dim);color:var(--demo-primary)}.h-vc-tag.purple{background:var(--demo-purple-dim);color:var(--demo-purple)}.h-mini-chart{display:flex;align-items:flex-end;gap:6px;height:100px;padding:0;position:relative}.h-mini-chart-bar{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--demo-primary),#2e5bcc);animation:chartGrow .8s ease-out both;transform-origin:bottom}.h-mini-chart-bar.highlight{background:linear-gradient(180deg,var(--demo-purple),#7c3aed);box-shadow:0 0 16px #a259f766}@keyframes chartGrow{0%{transform:scaleY(.2);opacity:.4}to{transform:scaleY(1);opacity:1}}.h-mini-chart-lbl{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;color:var(--demo-muted, #6b7794);font-weight:600}.h-big-stat{font-size:28px;font-weight:900;letter-spacing:-.02em;color:var(--demo-text)}.h-big-stat-delta{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--demo-green-dim);color:var(--demo-green);border-radius:99px;font-size:11px;font-weight:800;margin-left:8px}.h-mini-act{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--demo-border)}.h-mini-act:last-child{border-bottom:none}.h-mini-act-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.h-mini-act-txt{font-size:11.5px;color:var(--demo-text);font-weight:600;line-height:1.4;flex:1;min-width:0}.h-mini-act-txt small{display:block;font-size:10px;color:var(--demo-muted, #6b7794);font-weight:400;margin-top:2px}.h-mini-order{padding:12px;background:var(--demo-surface, rgba(255,255,255,.02));border:1px solid var(--demo-border);border-radius:10px;margin-bottom:10px}.h-mini-order-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:11px}.h-mini-order-name{font-weight:700;color:var(--demo-text)}.h-mini-order-val{font-weight:700;color:var(--demo-primary);font-size:11px}.h-mini-order-bar{height:5px;background:#ffffff0f;border-radius:99px;overflow:hidden}.h-mini-order-bar>div{height:100%;background:linear-gradient(90deg,var(--demo-primary),var(--demo-purple));border-radius:99px}.h-mini-order-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:var(--demo-muted, #6b7794)}.h-platforms{padding:60px 0;background:transparent;border-top:1px solid var(--demo-border);border-bottom:1px solid var(--demo-border);overflow:hidden;position:relative;z-index:2}.h-platforms-label{text-align:center;font-size:13px;color:var(--demo-muted2);font-weight:600;margin-bottom:28px}.h-marquee-wrap{overflow:hidden;position:relative}.h-marquee-wrap:before,.h-marquee-wrap:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.h-marquee-wrap:before{left:0;background:linear-gradient(90deg,rgba(8,12,20,.9),transparent)}.h-marquee-wrap:after{right:0;background:linear-gradient(-90deg,rgba(8,12,20,.9),transparent)}.h-marquee{display:flex;gap:16px;width:max-content;animation:marquee 28s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.h-plat-chip{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--demo-card);border:1px solid var(--demo-border);border-radius:99px;font-size:13px;font-weight:600;color:var(--demo-muted2);white-space:nowrap}.h-plat-chip i{font-size:18px}.h-how-wrap{max-width:1200px;margin:0 auto}.h-steps-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:52px;position:relative}.h-steps-grid-4:before{content:"";position:absolute;top:36px;left:calc(12.5% + 4px);right:calc(12.5% + 4px);height:1px;z-index:0;background:linear-gradient(90deg,var(--demo-primary) 0%,var(--demo-purple) 50%,var(--demo-green) 100%);opacity:.25}.h-step-card{text-align:center;padding:0 16px 32px;position:relative;z-index:1}.h-step-card .h-step-num{width:72px;height:72px;border-radius:50%;background:var(--demo-card);border:1px solid var(--demo-border);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 18px;position:relative;transition:transform .3s}.h-step-card .h-step-num:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px dashed rgba(61,115,245,.22);animation:stepDash 8s linear infinite}@keyframes stepDash{to{transform:rotate(360deg)}}.h-step-card:nth-child(1) .h-step-num{animation:iconFloat 3s ease-in-out infinite}.h-step-card:nth-child(2) .h-step-num{animation:iconFloat 3.4s ease-in-out infinite .4s}.h-step-card:nth-child(3) .h-step-num{animation:iconFloat 3.2s ease-in-out infinite .8s}.h-step-card:nth-child(4) .h-step-num{animation:iconFloat 3.6s ease-in-out infinite 1.2s}.h-step-badge{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:var(--demo-primary);font-size:10px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--demo-bg)}.h-step-title{font-size:15px;font-weight:800;margin-bottom:8px;color:var(--demo-text)}.h-step-desc{font-size:12px;color:var(--demo-muted2);line-height:1.65}.h-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:56px}.h-trust-card{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:16px;padding:28px 18px;text-align:center;transition:transform .25s ease,border-color .25s,box-shadow .25s;cursor:default;position:relative;overflow:hidden}.h-trust-card:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(61,115,245,.09),transparent 70%);transition:opacity .3s}.h-trust-card:hover{transform:translateY(-5px);border-color:#3d73f54d;box-shadow:0 16px 40px #0000004d}.h-trust-card:hover:before{opacity:1}.h-trust-card:nth-child(2){background:linear-gradient(160deg,var(--demo-card2, var(--demo-card)) 0%,var(--demo-card) 100%);border-color:#10c97e40}.h-trust-card:nth-child(2):before{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(16,201,126,.09),transparent 70%)}.h-trust-ico{width:68px;height:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 18px;position:relative}.h-trust-ico-ring{position:absolute;inset:-6px;border-radius:26px;border:1px solid rgba(255,255,255,.06);animation:ringPulse 3s ease-in-out infinite}.h-trust-card:nth-child(1) .h-trust-ico{background:#3d73f521;animation:iconPulse 2.2s ease-in-out infinite}.h-trust-card:nth-child(2) .h-trust-ico{background:#10c97e21;animation:iconFloat 2.6s ease-in-out infinite}.h-trust-card:nth-child(3) .h-trust-ico{background:#f9731621;animation:iconBounce 2.1s ease-in-out infinite}.h-trust-card:nth-child(4) .h-trust-ico{background:#a259f721;animation:iconGlowPurple 2.8s ease-in-out infinite}.h-trust-card:nth-child(5) .h-trust-ico{background:#f0505a21;animation:iconShake 4s ease-in-out infinite}.h-trust-card:nth-child(6) .h-trust-ico{background:#3d73f521;animation:iconFloat 3.2s ease-in-out infinite .5s}.h-trust-card:nth-child(7) .h-trust-ico{background:#10c97e21;animation:iconPulse 2.9s ease-in-out infinite .3s}.h-trust-card:nth-child(8) .h-trust-ico{background:#f9731621;animation:iconBounce 2.5s ease-in-out infinite .7s}.h-trust-card-title{font-size:14px;font-weight:800;margin-bottom:7px;color:var(--demo-text)}.h-trust-card-desc{font-size:12px;color:var(--demo-muted2);line-height:1.65}@keyframes ringPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes iconBounce{0%,to{transform:translateY(0)}40%{transform:translateY(-9px)}60%{transform:translateY(-4px)}}@keyframes iconShake{0%,to{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}}@keyframes iconGlowPurple{0%,to{box-shadow:0 0 #a259f700}50%{box-shadow:0 0 28px #a259f780}}.no-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#3d73f524,#a259f71a 55%,#10c97e14);border:1px solid var(--demo-border);border-radius:var(--demo-radius);padding:26px 28px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.no-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(61,115,245,.25) 1px,transparent 1px);background-size:30px 30px;opacity:.3;mask-image:radial-gradient(ellipse at right,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at right,#000 0%,transparent 70%);pointer-events:none}.no-hero-left{display:flex;align-items:center;gap:18px;position:relative;z-index:2;min-width:0}.no-hero-icon{width:58px;height:58px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple));border-radius:16px;box-shadow:0 10px 28px #3d73f566;font-size:28px;color:#fff}.no-hero-text h1{font-size:22px;font-weight:900;margin:0 0 4px;color:var(--demo-text);letter-spacing:-.01em}.no-hero-text h1 .grad{background:linear-gradient(135deg,var(--demo-primary) 0%,var(--demo-purple) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.no-hero-text p{font-size:13px;color:var(--demo-muted2);margin:0}.no-hero-chips{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2}.no-hero-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;background:#ffffff0a;border:1px solid var(--demo-border2);color:var(--demo-text);font-size:12px;font-weight:700}.no-hero-chip i{font-size:14px}.no-hero-chip.chip-green i{color:var(--demo-green)}.no-hero-chip.chip-blue i{color:var(--demo-primary)}.no-hero-chip.chip-purple i{color:var(--demo-purple)}.order-tab{padding:10px 18px;font-size:13px;font-weight:700;color:var(--demo-muted2);border-bottom:2px solid transparent;transition:all .18s;margin-right:6px;cursor:pointer}.order-tab:hover{color:var(--demo-text)}.order-tab.active{color:var(--demo-primary)!important;border-bottom-color:var(--demo-primary)!important}#platform-tabs{gap:10px!important}.platform-tab{display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:6px;padding:14px 8px!important;background:var(--demo-surface)!important;border:1px solid var(--demo-border)!important;border-radius:12px!important;color:var(--demo-muted2)!important;cursor:pointer;transition:all .18s;font-family:inherit}.platform-tab:hover{color:var(--demo-text)!important;border-color:var(--demo-primary)!important;transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.platform-tab.active{background:linear-gradient(135deg,#3d73f52e,#a259f724)!important;border-color:var(--demo-primary)!important;color:var(--demo-text)!important;box-shadow:0 6px 18px #3d73f540}.platform-tab svg{width:20px!important;height:20px!important}.platform-tab span{font-size:11px!important;font-weight:700}#svc-desc-wrap{margin-bottom:18px}#svc-desc-content{background:#3d73f50f!important;border:1px solid rgba(61,115,245,.25)!important;border-left:3px solid var(--demo-primary)!important;border-radius:10px!important;color:var(--demo-text2)!important;padding:14px 16px!important;font-size:13px!important;line-height:1.65}#drip-wrap label.flex{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:10px;padding:10px 14px}#drip-wrap label.flex span{color:var(--demo-text)!important}#drip-fields{background:#3d73f50a!important;border:1px solid rgba(61,115,245,.22)!important;border-radius:12px!important;padding:16px!important}#subscription-wrap{background:#a259f70d!important;border:1px solid rgba(162,89,247,.25)!important;border-radius:12px!important;padding:16px!important;margin-bottom:18px}#subscription-wrap>p{color:var(--demo-purple)!important;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px!important}#charge-input{background:linear-gradient(135deg,#10c97e14,#3d73f514)!important;border:1px solid var(--demo-green)!important;color:var(--demo-text)!important;font-size:18px!important;font-weight:900!important;height:52px;box-shadow:0 4px 16px #10c97e1f}#submit-btn{background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple))!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:14px!important;font-size:15px!important;font-weight:800!important;letter-spacing:.01em;box-shadow:0 12px 32px #3d73f566!important;transition:all .2s!important}#submit-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px #3d73f58c!important}#search-results{background:var(--demo-card)!important;border:1px solid var(--demo-border2)!important;border-radius:12px!important;box-shadow:0 20px 50px #00000080!important;padding:6px}#search-results>div,#search-results a{border-radius:8px!important;color:var(--demo-text)!important;transition:background .15s}#search-results>div:hover,#search-results a:hover{background:var(--demo-surface)!important}.pp-dropdown{position:relative}.pp-dropdown-trigger{display:flex!important;align-items:center;justify-content:space-between;width:100%;cursor:pointer;min-height:46px}.pp-dropdown-trigger:hover{border-color:var(--demo-border2)!important}.pp-dropdown.open .pp-dropdown-trigger{border-color:var(--demo-primary)!important;box-shadow:0 0 0 3px var(--demo-primary-dim)!important}.pp-dropdown.open .pp-dropdown-trigger svg{transform:rotate(180deg)}.pp-dropdown-value{display:inline-flex;align-items:center;gap:10px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-dropdown-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--demo-card)!important;border:1px solid var(--demo-border2)!important;border-radius:12px!important;box-shadow:0 20px 50px #0000008c!important;z-index:60;max-height:400px;display:flex;flex-direction:column;overflow:hidden}.pp-dropdown-search-wrap{padding:8px;border-bottom:1px solid var(--demo-border)}.pp-dropdown-search{width:100%;height:38px;background:var(--demo-surface)!important;border:1px solid var(--demo-border)!important;border-radius:8px!important;color:var(--demo-text)!important;padding:0 12px;font-size:13px}.pp-dropdown-options{flex:1;overflow-y:auto;padding:6px;scrollbar-width:thin}.pp-dropdown-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--demo-text);font-size:13px;cursor:pointer;transition:background .15s}.pp-dropdown-option:hover{background:var(--demo-surface)}.pp-dropdown-option.selected{background:var(--demo-primary-dim);color:var(--demo-primary)}.pp-dropdown-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px}.pp-dropdown-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-dropdown-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:20px;padding:0 7px;background:var(--demo-surface);color:var(--demo-muted2);border-radius:10px;font-size:11px;font-weight:800;flex-shrink:0}.pp-svc-id{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:2px 6px;background:var(--demo-primary-dim);color:var(--demo-primary);border-radius:6px;font-size:11px;font-weight:800;font-family:ui-monospace,Menlo,Consolas,monospace;flex-shrink:0}.pp-svc-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-svc-price{display:inline-flex;align-items:center;gap:4px;color:var(--demo-green);font-size:12px;font-weight:700;flex-shrink:0}.no-popular-card .card{padding:14px}.no-popular-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--demo-text);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--demo-border)}.no-popular-title i{font-size:18px;color:var(--demo-orange)}.xl\:col-span-1 .divide-y>div{border-bottom:1px solid var(--demo-border)!important}.xl\:col-span-1 .divide-y>div:last-child{border-bottom:0!important}.xl\:col-span-1 a[href*=select_service_id]{background:var(--demo-primary)!important;color:#fff!important;border-radius:8px!important;padding:5px 10px!important;font-weight:800!important;font-size:11px!important;transition:all .15s}.xl\:col-span-1 a[href*=select_service_id]:hover{background:var(--demo-primary-d)!important;transform:scale(1.05)}.bg-indigo-50.border-indigo-200{background:linear-gradient(135deg,#3d73f51a,#a259f714)!important;border:1px solid rgba(61,115,245,.3)!important;border-radius:12px!important}.bg-indigo-100.border-indigo-200{background:#3d73f51f!important;border-bottom-color:#3d73f540!important}.text-indigo-600,.text-indigo-700{color:var(--demo-primary)!important}.border-indigo-100{border-color:#3d73f52e!important}#discount-badge>span{background:linear-gradient(135deg,var(--demo-green),#0ea968)!important;color:#fff!important;font-weight:800!important;letter-spacing:.04em;box-shadow:0 4px 10px #10c97e40}.text-gray-400.mt-1,.text-xs.text-gray-400{color:var(--demo-muted)!important}.stat-card .sc-icon svg{width:20px;height:20px}.stat-card.sc-emerald .sc-icon{background:var(--demo-green-dim)!important;color:var(--demo-green)!important}.stat-card.sc-purple .sc-icon{background:var(--demo-purple-dim)!important;color:var(--demo-purple)!important}.stat-card.sc-blue .sc-icon{background:var(--demo-primary-dim)!important;color:var(--demo-primary)!important}.stat-card.sc-amber .sc-icon{background:var(--demo-orange-dim)!important;color:var(--demo-orange)!important}.acc-hero-avatar{font-family:inherit;font-weight:800;letter-spacing:-.01em;text-transform:uppercase}.acc-big-avatar{width:72px;height:72px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple));box-shadow:0 10px 28px #3d73f566;text-transform:uppercase;letter-spacing:-.01em}.pm-tab{background:var(--demo-card2)!important;color:var(--demo-text)!important;border-color:var(--demo-border)!important}.pm-tab:hover{border-color:var(--demo-primary)!important}.pm-tab.border-indigo-500,.pm-tab[class*=border-indigo-500]{background:var(--demo-primary-dim)!important;color:var(--demo-primary)!important;border-color:var(--demo-primary)!important}body.light .pm-tab{background:#fff!important;color:var(--demo-text)!important;border-color:var(--demo-border)!important}body.light .pm-tab.border-indigo-500,body.light .pm-tab[class*=border-indigo-500]{background:#3d73f51a!important;color:var(--demo-primary)!important;border-color:var(--demo-primary)!important}.transactions-table thead{background:var(--demo-card2)!important;border-color:var(--demo-border)!important}.transactions-table thead th{color:var(--demo-muted2)!important}.transactions-table tbody>tr{border-color:var(--demo-border)!important}.transactions-table tbody>tr:hover{background:var(--demo-card2)!important}.transactions-table .td-tx-id{color:var(--demo-muted)!important}.transactions-table .td-tx-notes{color:var(--demo-muted2)!important}.transactions-table .td-tx-date{color:var(--demo-muted)!important}body.light .transactions-table thead{background:#f5f8ff!important}body.light .transactions-table tbody>tr:hover{background:#f5f8ff!important}html:has(body.light) .transactions-table thead{background:#f5f8ff!important}html:has(body.light) .transactions-table tbody>tr:hover{background:#f5f8ff!important}@media(max-width:1024px){.h-trust-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.h-features-row{grid-template-columns:1fr;gap:40px}.h-mockup-phone{margin:0 auto}.h-visual-row{grid-template-columns:1fr}.h-steps-grid-4{grid-template-columns:1fr 1fr}.h-steps-grid-4:before{display:none}}@media(max-width:600px){.h-mockup-phone{width:240px;height:480px}.h-steps-grid-4{grid-template-columns:1fr}.h-trust-grid{grid-template-columns:1fr 1fr}}.bg-gray-50,.bg-gray-100{background-color:var(--demo-card2)!important}.bg-gray-200{background-color:var(--demo-border2)!important}.bg-gray-900{background-color:#0a0f1a!important;color:#e5e7eb!important}.bg-indigo-50,.bg-indigo-100{background-color:var(--demo-primary-dim)!important}.bg-indigo-600{background-color:var(--demo-primary)!important;color:#fff!important}.bg-indigo-700{background-color:var(--demo-primary-d)!important;color:#fff!important}.bg-blue-50,.bg-blue-100{background-color:var(--demo-primary-dim)!important}.bg-blue-600{background-color:var(--demo-primary)!important;color:#fff!important}.bg-blue-700{background-color:var(--demo-primary-d)!important;color:#fff!important}.bg-emerald-50,.bg-emerald-100,.bg-emerald-200{background-color:var(--demo-green-dim)!important}.bg-emerald-600{background-color:var(--demo-green)!important;color:#fff!important}.bg-emerald-700{background-color:#0ea46a!important;color:#fff!important}.bg-green-50,.bg-green-100{background-color:var(--demo-green-dim)!important}.bg-green-600{background-color:var(--demo-green)!important;color:#fff!important}.bg-red-50,.bg-red-100{background-color:var(--demo-red-dim)!important}.bg-red-600{background-color:var(--demo-red)!important;color:#fff!important}.bg-red-700{background-color:#c83232!important;color:#fff!important}.bg-amber-50,.bg-amber-100,.bg-amber-200,.bg-amber-300,.bg-yellow-50,.bg-yellow-100{background-color:var(--demo-orange-dim)!important}.bg-purple-50,.bg-purple-100{background-color:var(--demo-purple-dim)!important}.bg-purple-600{background-color:var(--demo-purple)!important;color:#fff!important}.bg-teal-50,.bg-teal-100{background-color:var(--demo-cyan-dim)!important}.bg-teal-600{background-color:var(--demo-cyan)!important;color:#0b1220!important}.bg-orange-50{background-color:var(--demo-orange-dim)!important}.bg-orange-600{background-color:var(--demo-orange)!important;color:#fff!important}.bg-black\/10,.bg-white\/10{background-color:#ffffff14!important}.bg-white\/20{background-color:#ffffff2e!important}.border-gray-50,.border-gray-100,.border-gray-200{border-color:var(--demo-border)!important}.border-gray-300,.border-gray-700{border-color:var(--demo-border2)!important}.border-indigo-200,.border-indigo-300{border-color:#3d73f54d!important}.border-indigo-500{border-color:var(--demo-primary)!important}.border-blue-200,.border-blue-300{border-color:#3d73f54d!important}.border-blue-500{border-color:var(--demo-primary)!important}.border-emerald-200,.border-emerald-300{border-color:#10c97e4d!important}.border-emerald-500{border-color:var(--demo-green)!important}.border-green-200,.border-green-300{border-color:#10c97e4d!important}.border-red-200,.border-red-300{border-color:#ef44444d!important}.border-red-500{border-color:var(--demo-red)!important}.border-amber-200,.border-amber-300,.border-yellow-200,.border-yellow-300{border-color:#f59e0b4d!important}.border-purple-200,.border-purple-300{border-color:#a259f74d!important}.divide-gray-50>:not([hidden])~:not([hidden]),.divide-gray-100>:not([hidden])~:not([hidden]),.divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--demo-border)!important}.text-gray-300,.text-gray-400{color:var(--demo-muted)!important}.text-gray-500,.text-gray-600{color:var(--demo-muted2)!important}.text-gray-700{color:var(--demo-text2)!important}.text-gray-800,.text-gray-900{color:var(--demo-text)!important}.text-indigo-400{color:#6ea3ff!important}.text-indigo-500,.text-indigo-600,.text-indigo-700{color:var(--demo-primary)!important}.text-blue-400{color:#6ea3ff!important}.text-blue-500,.text-blue-600,.text-blue-700{color:var(--demo-primary)!important}.text-emerald-500,.text-emerald-600{color:var(--demo-green)!important}.text-emerald-700{color:#0ea46a!important}.text-emerald-800{color:#097050!important}.text-green-400{color:#34d399!important}.text-green-500,.text-green-600{color:var(--demo-green)!important}.text-green-700{color:#0ea46a!important}.text-red-400{color:#f87171!important}.text-red-500,.text-red-600{color:var(--demo-red)!important}.text-red-700{color:#c83232!important}.text-amber-500,.text-amber-600{color:var(--demo-orange)!important}.text-amber-700{color:#c87a05!important}.text-amber-800{color:#a06305!important}.text-yellow-500,.text-yellow-600{color:var(--demo-orange)!important}.text-purple-500,.text-purple-600{color:var(--demo-purple)!important}.text-purple-700{color:#7e42d1!important}.text-teal-500,.text-teal-600{color:var(--demo-cyan)!important}.text-orange-500,.text-orange-600{color:var(--demo-orange)!important}.hover\:bg-gray-50:hover,.hover\:bg-gray-100:hover{background-color:var(--demo-card2)!important}.hover\:bg-gray-200:hover{background-color:var(--demo-border2)!important}.hover\:bg-indigo-50:hover{background-color:var(--demo-primary-dim)!important}.hover\:bg-indigo-600:hover{background-color:var(--demo-primary)!important;color:#fff!important}.hover\:bg-indigo-700:hover{background-color:var(--demo-primary-d)!important;color:#fff!important}.hover\:bg-blue-50:hover{background-color:var(--demo-primary-dim)!important}.hover\:bg-emerald-50:hover{background-color:var(--demo-green-dim)!important}.hover\:bg-emerald-700:hover{background-color:#0ea46a!important;color:#fff!important}.hover\:bg-red-50:hover{background-color:var(--demo-red-dim)!important}.hover\:bg-red-600:hover{background-color:var(--demo-red)!important;color:#fff!important}.hover\:bg-red-700:hover{background-color:#c83232!important;color:#fff!important}.hover\:bg-amber-50:hover{background-color:var(--demo-orange-dim)!important}.hover\:bg-purple-50:hover{background-color:var(--demo-purple-dim)!important}.hover\:text-gray-600:hover{color:var(--demo-muted2)!important}.hover\:text-gray-700:hover{color:var(--demo-text2)!important}.hover\:text-gray-800:hover,.hover\:text-gray-900:hover{color:var(--demo-text)!important}.hover\:text-indigo-600:hover{color:var(--demo-primary)!important}.hover\:text-indigo-700:hover{color:var(--demo-primary-d)!important}.hover\:border-gray-300:hover{border-color:var(--demo-border2)!important}.hover\:border-indigo-500:hover{border-color:var(--demo-primary)!important}.focus\:ring-indigo-500:focus{--tw-ring-color: var(--demo-primary) !important;box-shadow:0 0 0 3px #3d73f540!important}.focus\:ring-blue-500:focus{--tw-ring-color: var(--demo-primary) !important;box-shadow:0 0 0 3px #3d73f540!important}.focus\:ring-red-500:focus{--tw-ring-color: var(--demo-red) !important;box-shadow:0 0 0 3px #ef444440!important}.focus\:ring-emerald-500:focus{--tw-ring-color: var(--demo-green) !important;box-shadow:0 0 0 3px #10c97e40!important}.focus\:border-indigo-500:focus{border-color:var(--demo-primary)!important}.focus\:border-blue-500:focus{border-color:var(--demo-primary)!important}.focus\:border-transparent:focus{border-color:transparent!important}.ring-gray-200{--tw-ring-color: var(--demo-border) !important}.ring-indigo-500,.ring-indigo-600{--tw-ring-color: var(--demo-primary) !important}a[class*=bg-gray-100][class*="hover:bg-gray-200"],span[class*=bg-gray-100][class*=text-gray-400]{background-color:var(--demo-card2)!important;color:var(--demo-muted2)!important;border:1px solid var(--demo-border)!important}a[class*=bg-gray-100][class*="hover:bg-gray-200"]:hover{background-color:var(--demo-border2)!important;color:var(--demo-text)!important}span[class*=bg-indigo-600][class*=text-white]{background-color:var(--demo-primary)!important;color:#fff!important;border:1px solid var(--demo-primary)!important}thead.bg-gray-50,thead[class*=bg-gray-50]{background-color:var(--demo-card2)!important}thead.bg-gray-50 th,thead[class*=bg-gray-50] th{color:var(--demo-muted2)!important;border-bottom-color:var(--demo-border)!important}tr[class*="hover:bg-gray-50"]:hover,tr[class*="hover:bg-gray-100"]:hover{background-color:var(--demo-card2)!important}tr[class*=border-b][class*=border-gray-]{border-bottom-color:var(--demo-border)!important}input[class*="focus:ring-indigo-500"]:focus,input[class*="focus:ring-blue-500"]:focus,textarea[class*="focus:ring-indigo-500"]:focus,textarea[class*="focus:ring-blue-500"]:focus,select[class*="focus:ring-indigo-500"]:focus{border-color:var(--demo-primary)!important;box-shadow:0 0 0 3px #3d73f52e!important;outline:none!important}body.light .dark\:bg-gray-700,body.light .dark\:bg-gray-800,body.light .dark\:bg-gray-900,body.light .dark\:bg-slate-700,body.light .dark\:bg-slate-800,body.light .dark\:bg-slate-900{background-color:transparent!important}body.light .dark\:border-gray-700,body.light .dark\:border-gray-800,body.light .dark\:border-slate-700{border-color:var(--demo-border)!important}body.light .dark\:text-gray-200,body.light .dark\:text-gray-300,body.light .dark\:text-gray-400,body.light .dark\:text-gray-500{color:var(--demo-muted2)!important}.dark\:bg-gray-700{background-color:var(--demo-card2)!important}.dark\:bg-gray-800{background-color:var(--demo-surface)!important}.dark\:bg-gray-900{background-color:var(--demo-bg)!important}.dark\:border-gray-700{border-color:var(--demo-border)!important}.dark\:text-gray-200{color:var(--demo-text)!important}.dark\:text-gray-300{color:var(--demo-text2)!important}.dark\:text-gray-400{color:var(--demo-muted2)!important}.dark\:hover\:bg-gray-800:hover{background-color:var(--demo-card2)!important}.dark\:hover\:bg-indigo-900\/20:hover{background-color:var(--demo-primary-dim)!important}.dark\:text-indigo-400{color:#6ea3ff!important}input::placeholder,textarea::placeholder{color:var(--demo-muted)!important;opacity:.85}code.bg-gray-100,code[class*=bg-gray-100]{background-color:var(--demo-card2)!important;border:1px solid var(--demo-border)!important;color:var(--demo-text)!important}body.light .bg-gray-900,html:has(body.light) .bg-gray-900{background-color:#0d1424!important;color:#e5e7eb!important}body.light .bg-black\/10,html:has(body.light) .bg-black\/10{background-color:#15264614!important}body.light .bg-white\/20,html:has(body.light) .bg-white\/20{background-color:#1526461f!important}body.light a[class*=bg-indigo-600],body.light span[class*=bg-indigo-600],html:has(body.light) a[class*=bg-indigo-600],html:has(body.light) span[class*=bg-indigo-600]{background-color:var(--demo-primary)!important;color:#fff!important;border-color:var(--demo-primary)!important}button[class*=bg-indigo-600],button[class*=bg-blue-600]{background-color:var(--demo-primary)!important;color:#fff!important;border-color:var(--demo-primary)!important}button[class*=bg-emerald-600],button[class*=bg-green-600]{background-color:var(--demo-green)!important;color:#fff!important}button[class*=bg-red-600]{background-color:var(--demo-red)!important;color:#fff!important}.ticket-list{display:flex;flex-direction:column;gap:10px}.ticket-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--demo-card);border:1px solid var(--demo-border);border-radius:var(--demo-radius);text-decoration:none;color:inherit;transition:all var(--demo-transition)}.ticket-item:hover{border-color:var(--demo-primary);background:var(--demo-card2);transform:translateY(-1px);box-shadow:0 8px 24px -10px #3d73f559}.ticket-icon-circle{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:transform var(--demo-transition)}.ticket-item:hover .ticket-icon-circle{transform:scale(1.05)}.ticket-icon-open{background:var(--demo-primary-dim);color:var(--demo-primary)}.ticket-icon-answered,.ticket-icon-resolved{background:var(--demo-green-dim);color:var(--demo-green)}.ticket-icon-closed{background:#64748b24;color:#94a3b8}.ticket-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ticket-item-subject{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--demo-text);line-height:1.3;transition:color var(--demo-transition)}.ticket-item:hover .ticket-item-subject{color:var(--demo-primary)}.ticket-item-id{display:inline-flex;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:600;color:var(--demo-muted);flex-shrink:0}.ticket-item-id-sep{color:var(--demo-muted2);font-weight:400;flex-shrink:0}.ticket-item-subject-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-item-meta{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--demo-muted2)}.ticket-item-meta i{font-size:13px;line-height:1;opacity:.8}.ticket-item-meta-time{color:var(--demo-muted);font-weight:500}.ticket-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.ticket-view-btn{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;background:var(--demo-card2);border:1px solid var(--demo-border);border-radius:8px;font-size:12px;font-weight:600;color:var(--demo-muted2);transition:all var(--demo-transition);white-space:nowrap}.ticket-view-btn i{font-size:14px;line-height:1;transition:transform var(--demo-transition)}.ticket-item:hover .ticket-view-btn{background:var(--demo-primary);border-color:var(--demo-primary);color:#fff}.ticket-item:hover .ticket-view-btn i{transform:translate(2px)}@media(max-width:640px){.ticket-item{flex-wrap:wrap}.ticket-actions{margin-left:-56px;padding-left:56px;width:100%;justify-content:space-between}}body.light .ticket-item,html:has(body.light) .ticket-item{background:#fff;border-color:var(--demo-border)}body.light .ticket-item:hover,html:has(body.light) .ticket-item:hover{background:#f8fbff;border-color:var(--demo-primary);box-shadow:0 6px 20px #3d73f524}body.light .ticket-icon-closed,html:has(body.light) .ticket-icon-closed{background:#e2e8f0;color:#64748b}body.light .ticket-view-btn,html:has(body.light) .ticket-view-btn{background:#f8fafc}.funds-balance-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;background:radial-gradient(1200px 300px at 0% 0%,rgba(61,115,245,.22),transparent 60%),radial-gradient(900px 260px at 100% 100%,rgba(155,81,224,.18),transparent 60%),linear-gradient(135deg,var(--demo-card) 0%,var(--demo-card2) 100%);border:1px solid var(--demo-border);border-radius:20px;overflow:hidden;margin-bottom:20px}.funds-balance-card:before{content:"";position:absolute;top:-60%;right:-10%;width:220px;height:220px;background:radial-gradient(circle,rgba(61,115,245,.35),transparent 70%);filter:blur(30px);pointer-events:none}.funds-balance-info{position:relative;z-index:2;min-width:0}.funds-balance-label{font-size:12px;color:var(--demo-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;display:inline-flex;align-items:center;gap:6px}.funds-balance-label i{font-size:14px;color:var(--demo-green)}.funds-balance-amount{font-family:Montserrat,system-ui,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.05;background:linear-gradient(120deg,var(--demo-text) 20%,var(--demo-primary) 50%,var(--demo-green) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:balanceShimmer 6s ease-in-out infinite;background-size:200% 100%}@keyframes balanceShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.funds-balance-sub{margin-top:6px;font-size:12px;color:var(--demo-muted2)}.funds-balance-sub b{color:var(--demo-text);font-weight:600}.funds-balance-icon{position:relative;z-index:2;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3d73f533,#9b51e033);border:1px solid rgba(61,115,245,.3);color:var(--demo-primary);font-size:32px;flex-shrink:0;animation:balanceIconFloat 4s ease-in-out infinite}@keyframes balanceIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}body.light .funds-balance-card,html:has(body.light) .funds-balance-card{background:radial-gradient(1200px 300px at 0% 0%,rgba(61,115,245,.12),transparent 60%),radial-gradient(900px 260px at 100% 100%,rgba(155,81,224,.1),transparent 60%),linear-gradient(135deg,#fff,#f5f8ff);border-color:#dee5f5}body.light .funds-balance-icon,html:has(body.light) .funds-balance-icon{background:linear-gradient(135deg,#eaf0ff,#f2e9ff);border-color:#cdd8f3}.account-profile-card{position:relative;padding:24px 20px 20px;background:var(--demo-card);border:1px solid var(--demo-border);border-radius:18px;text-align:center;overflow:hidden}.account-profile-card:before{content:"";position:absolute;inset:-1px -1px auto;height:80px;background:linear-gradient(135deg,#3d73f533,#9b51e026 60%,#22c55e1a);pointer-events:none}.account-profile-ring{position:relative;width:96px;height:96px;margin:0 auto 14px;border-radius:50%;padding:3px;background:conic-gradient(from 140deg,var(--demo-primary),var(--demo-purple),var(--demo-green),var(--demo-primary));z-index:1;animation:profileRingSpin 14s linear infinite}@keyframes profileRingSpin{to{transform:rotate(360deg)}}.account-profile-avatar{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--demo-card2);color:var(--demo-text);font-family:Montserrat,system-ui,sans-serif;font-weight:800;font-size:34px;text-transform:uppercase;letter-spacing:-.02em}.account-profile-name{font-weight:700;font-size:16px;color:var(--demo-text);margin:0 0 2px;position:relative;z-index:1}.account-profile-email{font-size:12px;color:var(--demo-muted2);margin:0 0 10px;word-break:break-all;position:relative;z-index:1}.account-profile-role{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--demo-primary);background:var(--demo-primary-dim);border:1px solid rgba(61,115,245,.3);border-radius:999px;letter-spacing:.03em}.account-profile-stats{margin-top:18px;padding-top:16px;border-top:1px dashed var(--demo-border);display:flex;flex-direction:column;gap:10px;text-align:left}.account-profile-stat{display:flex;align-items:center;justify-content:space-between;font-size:13px}.account-profile-stat-label{color:var(--demo-muted2);display:inline-flex;align-items:center;gap:6px}.account-profile-stat-label i{color:var(--demo-primary);font-size:14px}.account-profile-stat-value{font-weight:700;color:var(--demo-text);font-family:Montserrat,system-ui,sans-serif}body.light .account-profile-card,html:has(body.light) .account-profile-card{background:#fff}body.light .account-profile-avatar,html:has(body.light) .account-profile-avatar{background:#f5f8ff}.api-key-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--demo-card2);border:1px solid var(--demo-border);border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--demo-text2);overflow:hidden}.api-key-box code{flex:1;min-width:0;background:transparent;padding:0;border:none;color:var(--demo-text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;user-select:all}.api-key-box.api-key-box--muted{opacity:.75}.api-key-box.api-key-box--hot{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0a);border-color:#f59e0b66}.api-key-box.api-key-box--hot code{color:var(--demo-orange);white-space:normal;word-break:break-all}.btn-copy{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;background:var(--demo-primary);color:#fff;border:1px solid var(--demo-primary);border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;flex-shrink:0;letter-spacing:.02em}.btn-copy:hover{background:var(--demo-primary);box-shadow:0 4px 12px #3d73f54d;transform:translateY(-1px)}.btn-copy.is-copied{background:var(--demo-green);border-color:var(--demo-green);box-shadow:0 4px 12px #22c55e4d}.btn-copy i{font-size:13px}body.light .api-key-box,html:has(body.light) .api-key-box{background:#f5f8ff}.account-endpoint{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--demo-muted2);margin-top:10px}.account-endpoint .account-endpoint-method{padding:2px 7px;background:var(--demo-green-dim);color:var(--demo-green);border-radius:6px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.05em}.account-endpoint code{background:transparent;border:none;padding:0;color:var(--demo-text2);font-size:11px}.lang-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media(min-width:640px){.lang-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.lang-btn{width:100%;padding:10px 8px;background:var(--demo-card2);border:1px solid var(--demo-border);border-radius:10px;color:var(--demo-text2);font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease;text-align:center}.lang-btn:hover{border-color:var(--demo-primary);color:var(--demo-primary);transform:translateY(-1px)}.lang-btn.is-active{background:var(--demo-primary-dim);border-color:var(--demo-primary);color:var(--demo-primary);box-shadow:0 4px 12px #3d73f533}body.light .lang-btn,html:has(body.light) .lang-btn{background:#fff}.btn-gradient{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;border:none;color:#fff;font-weight:700;font-size:14px;cursor:pointer;background:linear-gradient(120deg,var(--demo-primary) 0%,#6a8bf0 50%,var(--demo-purple) 100%);background-size:200% 100%;background-position:0% 50%;box-shadow:0 6px 18px #3d73f547;transition:background-position .4s ease,transform .15s ease,box-shadow .2s ease;overflow:hidden;letter-spacing:.02em}.btn-gradient:hover{background-position:100% 50%;transform:translateY(-2px);box-shadow:0 10px 26px #3d73f566}.btn-gradient:active{transform:translateY(0) scale(.98);box-shadow:0 4px 12px #3d73f53d}.btn-gradient i{font-size:16px}.btn-gradient.w-full{width:100%}.filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}.filter-bar-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;min-width:0}.filter-bar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.filter-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:var(--demo-card2);border:1px solid var(--demo-border);color:var(--demo-text2);font-size:12px;font-weight:600;text-decoration:none;transition:all .18s ease;letter-spacing:.01em;white-space:nowrap}.filter-chip:hover{border-color:var(--demo-primary);color:var(--demo-text);transform:translateY(-1px)}.filter-chip.is-empty{opacity:.5}.filter-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:999px;background:#ffffff14;font-size:10px;font-weight:700;color:currentColor;line-height:1}body.light .filter-chip-count,html:has(body.light) .filter-chip-count{background:#0000000f}.filter-chip.is-all.is-active{background:var(--demo-primary);border-color:var(--demo-primary);color:#fff;box-shadow:0 4px 12px #3d73f54d}.filter-chip.is-all.is-active .filter-chip-count{background:#ffffff38;color:#fff}.filter-chip.is-pending.is-active{background:#eab30826;border-color:#eab30880;color:#eab308}.filter-chip.is-processing.is-active{background:#3b82f626;border-color:#3b82f680;color:#3b82f6}.filter-chip.is-in_progress.is-active{background:#6366f126;border-color:#6366f180;color:#818cf8}.filter-chip.is-completed.is-active{background:#22c55e26;border-color:#22c55e80;color:#22c55e}.filter-chip.is-partial.is-active{background:#f9731626;border-color:#f9731680;color:#fb923c}.filter-chip.is-canceled.is-active{background:#94a3b826;border-color:#94a3b880;color:var(--demo-muted)}.filter-chip.is-failed.is-active{background:#ef444426;border-color:#ef444480;color:#ef4444}.orders-search{position:relative;display:flex;align-items:center}.orders-search-wrap{position:relative;overflow:hidden;transition:width .3s ease,opacity .3s ease}.orders-search-wrap.is-closed{width:0;opacity:0}.orders-search-wrap.is-open{width:224px;opacity:1}@media(min-width:640px){.orders-search-wrap.is-closed{width:224px;opacity:1}}.orders-search-input{width:100%;padding:7px 30px 7px 34px;border-radius:10px;border:1px solid var(--demo-border)!important;background:var(--demo-card2)!important;color:var(--demo-text)!important;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.orders-search-input::placeholder{color:var(--demo-muted)!important}.orders-search-input:focus{border-color:var(--demo-primary)!important;box-shadow:0 0 0 3px #3d73f533}.orders-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--demo-muted);pointer-events:none}.orders-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--demo-muted);font-size:16px;line-height:1;text-decoration:none;transition:color .15s ease}.orders-search-clear:hover{color:var(--demo-red)}.orders-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:var(--demo-card2);border:1px solid var(--demo-border);border-radius:10px;color:var(--demo-muted);cursor:pointer;transition:all .15s ease}.orders-search-toggle:hover{color:var(--demo-primary);border-color:var(--demo-primary)}body.light .orders-search-input,html:has(body.light) .orders-search-input,body.light .orders-search-toggle,html:has(body.light) .orders-search-toggle{background:#fff!important}.orders-table{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0;font-size:13px}.orders-table thead{background:var(--demo-card2)!important;border-bottom:1px solid var(--demo-border)}.orders-table thead th{color:var(--demo-muted2)!important;font-size:10.5px;letter-spacing:.06em;font-weight:700;text-transform:uppercase;padding:12px 14px;white-space:nowrap;border-bottom:1px solid var(--demo-border)}.orders-table tbody>tr{border-color:var(--demo-border)!important;transition:background .15s ease}.orders-table tbody>tr+tr>td{border-top:1px solid var(--demo-border)}.orders-table tbody>tr:hover{background:var(--demo-card2)!important}.orders-table tbody td{padding:12px 14px;vertical-align:middle}.orders-table .td-order-id{color:var(--demo-text)!important;font-weight:700;white-space:nowrap}.orders-table .td-service{color:var(--demo-text2)!important}.orders-table .td-link a{color:var(--demo-primary)!important}.orders-table .td-link a:hover{text-decoration:underline}.orders-table .td-quantity,.orders-table .td-charge{color:var(--demo-text)!important;white-space:nowrap}.orders-table .td-progress{min-width:150px}.orders-table .td-start-count,.orders-table .td-remains,.orders-table .td-date{color:var(--demo-muted2)!important}.orders-table .td-status,.orders-table .td-refill,.orders-table .td-date{white-space:nowrap}body.light .orders-table thead,html:has(body.light) .orders-table thead{background:#f5f8ff!important}body.light .orders-table tbody>tr:hover,html:has(body.light) .orders-table tbody>tr:hover{background:#f5f8ff!important}.refill-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--demo-primary-dim);color:var(--demo-primary);border:1px solid rgba(61,115,245,.3);border-radius:7px;font-size:10px;font-weight:700;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.02em}.refill-btn:hover{background:var(--demo-primary);color:#fff;box-shadow:0 4px 10px #3d73f54d;transform:translateY(-1px)}.refill-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.api-endpoint-hero{position:relative;padding:22px 24px;background:radial-gradient(1000px 260px at 100% 0%,rgba(61,115,245,.18),transparent 60%),linear-gradient(135deg,var(--demo-card) 0%,var(--demo-card2) 100%);border:1px solid var(--demo-border);border-radius:18px;margin-bottom:18px;overflow:hidden}.api-endpoint-hero:before{content:"";position:absolute;top:-50px;right:-30px;width:180px;height:180px;background:radial-gradient(circle,rgba(34,197,94,.2),transparent 70%);filter:blur(20px);pointer-events:none}.api-endpoint-hero-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--demo-muted);margin:0 0 12px;display:inline-flex;align-items:center;gap:8px;position:relative;z-index:2}.api-endpoint-hero-title i{font-size:14px;color:var(--demo-primary)}.api-endpoint-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--demo-bg);border:1px solid var(--demo-border);border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden;position:relative;z-index:2}.api-method-tag{flex-shrink:0;padding:4px 10px;background:var(--demo-green-dim);color:var(--demo-green);font-size:11px;font-weight:800;border-radius:6px;letter-spacing:.05em}.api-endpoint-url{flex:1;min-width:0;color:var(--demo-text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;user-select:all}.api-endpoint-hint{font-size:12px;color:var(--demo-muted2);margin:10px 0 0;position:relative;z-index:2}.api-actions{display:flex;flex-direction:column;gap:22px}.api-action{padding:18px 20px;background:var(--demo-card2);border:1px solid var(--demo-border);border-radius:14px;transition:border-color .18s ease}.api-action:hover{border-color:#3d73f559}.api-action-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.api-action-title{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;background:var(--demo-primary-dim);color:var(--demo-primary);border:1px solid rgba(61,115,245,.25);border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.api-action-desc{color:var(--demo-muted2);font-size:13px;margin:0 0 14px;line-height:1.55}.api-param-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden;border:1px solid var(--demo-border);background:var(--demo-card);font-size:12.5px}.api-param-table thead{background:var(--demo-bg)}.api-param-table thead th{padding:9px 14px;text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--demo-muted)!important;font-weight:700;border-bottom:1px solid var(--demo-border)}.api-param-table tbody tr+tr td{border-top:1px solid var(--demo-border)}.api-param-table tbody td{padding:9px 14px;vertical-align:top}.api-param-table td:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--demo-text)!important;font-weight:600;font-size:12px;white-space:nowrap}.api-param-table td:last-child{color:var(--demo-muted2)!important;line-height:1.5}.api-param-row--required td:first-child:after{content:"*";color:var(--demo-red);margin-left:4px;font-size:14px}.api-param-row--optional td:first-child{color:var(--demo-muted)!important;font-style:italic}.api-param-row--optional td:last-child{color:var(--demo-muted)!important;font-style:italic}body.light .api-param-table,html:has(body.light) .api-param-table{background:#fff}body.light .api-param-table thead,html:has(body.light) .api-param-table thead{background:#f5f8ff}.api-code-block{margin-top:12px;background:#0a0f1a!important;border:1px solid #1a2234;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.api-code-block-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#ffffff05;border-bottom:1px solid #1a2234}.api-code-block-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:700}.api-code-block-label .dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e99}.api-code-block.is-error .api-code-block-label .dot{background:#ef4444;box-shadow:0 0 6px #ef444499}.api-code-block pre{margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;color:#22c55e;white-space:pre-wrap;word-break:break-word;overflow-x:auto;background:transparent!important}.api-code-block.is-error pre{color:#fca5a5}.paginate-pill{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:6px 10px;border-radius:9px;font-size:12px;font-weight:600;background:var(--demo-card2);color:var(--demo-text2);border:1px solid var(--demo-border);text-decoration:none;transition:all .15s ease}.paginate-pill:hover{border-color:var(--demo-primary);color:var(--demo-primary);transform:translateY(-1px)}.paginate-pill.is-active{background:var(--demo-primary);border-color:var(--demo-primary);color:#fff;box-shadow:0 4px 10px #3d73f547}.paginate-pill.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.paginate-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:6px 10px;color:var(--demo-muted);font-size:12px}body.light .paginate-pill,html:has(body.light) .paginate-pill{background:#fff}.paginate-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--demo-border);background:var(--demo-card);font-size:13px}.paginate-info{color:var(--demo-muted);font-weight:500}.paginate-pills{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}body.light .paginate-bar,html:has(body.light) .paginate-bar{background:#fff;border-top-color:var(--demo-border)}.orders-table .td-link-anchor{color:var(--demo-primary);text-decoration:none;transition:color .15s ease}.orders-table .td-link-anchor:hover{color:var(--demo-primary);text-decoration:underline}.orders-table .td-empty{color:var(--demo-muted2);opacity:.55}.orders-table .td-order-id,.orders-table .td-service,.orders-table .td-quantity,.orders-table .td-charge{color:var(--demo-text)}.orders-table .td-start-count,.orders-table .td-remains,.orders-table .td-date,.orders-table .td-link{color:var(--demo-muted)}.refill-status{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.refill-status.is-expired{color:var(--demo-muted);background:#94a3b81f;border:1px solid rgba(148,163,184,.22)}.refill-status.is-pending{color:#f59e0b;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3)}.refill-status.is-cooldown{color:var(--demo-muted);background:#64748b1f;border:1px solid rgba(100,116,139,.22)}.refill-countdown{margin-top:2px;font-size:9px;color:var(--demo-muted2);letter-spacing:.01em}.orders-empty{text-align:center;padding:64px 20px 72px;color:var(--demo-muted)}.orders-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#3d73f526,#a78bfa26);border:1px solid var(--demo-border);color:var(--demo-primary);margin:0 auto 18px;animation:ordersEmptyFloat 3.6s ease-in-out infinite}@keyframes ordersEmptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.orders-empty-text{font-size:16px;font-weight:600;color:var(--demo-text);margin-bottom:18px}.orders-empty-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 20px}.api-actions-heading{font-family:Montserrat,Inter,system-ui,sans-serif;font-weight:700;font-size:18px;color:var(--demo-text);margin:0 0 18px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.api-actions-heading:before{content:"";width:4px;height:18px;background:linear-gradient(180deg,var(--demo-primary),#a78bfa);border-radius:2px}.api-rate-limit-note{margin:12px 0 0;font-size:12px;color:var(--demo-muted2);line-height:1.55}.filter-bar-search{flex:0 0 auto;width:280px;max-width:100%}.filter-bar-search .orders-search-wrap{width:100%!important;opacity:1!important}.filter-bar-search .orders-search-input{width:100%;height:38px;padding:0 32px 0 38px;border-radius:12px;background:var(--demo-card2)!important;border:1px solid var(--demo-border)!important;color:var(--demo-text)!important;font-size:13px}.filter-bar-search .orders-search-icon{width:16px;height:16px;left:12px}.filter-bar-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1 1 auto;min-width:0}.filter-bar-cta{flex-shrink:0;margin-left:auto}@media(max-width:768px){.filter-bar-search{width:100%}.filter-bar-chips{width:100%;order:2}.filter-bar-cta{order:3;margin-left:0}}body.light .filter-bar-search .orders-search-input,html:has(body.light) .filter-bar-search .orders-search-input{background:#fff!important}.progress-cell{min-width:130px;max-width:200px}.progress-cell-numbers{display:flex;align-items:baseline;gap:3px;font-size:11px;font-variant-numeric:tabular-nums;margin-bottom:5px}.progress-cell-delivered{color:var(--demo-text);font-weight:700;font-size:12px}.progress-cell-divider{color:var(--demo-muted2);margin:0 2px;opacity:.6}.progress-cell-total{color:var(--demo-muted)}.progress-cell-pct{margin-left:auto;color:var(--demo-muted);font-size:10px;font-weight:600;letter-spacing:.02em}.progress-cell-bar{position:relative;height:5px;background:var(--demo-bg);border-radius:999px;overflow:hidden;border:1px solid var(--demo-border)}.progress-cell-fill{height:100%;background:linear-gradient(90deg,var(--demo-primary) 0%,#a78bfa 100%);border-radius:999px;transition:width .4s cubic-bezier(.22,1,.36,1);box-shadow:0 0 8px #3d73f559;position:relative;overflow:hidden}.progress-cell-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:progressShimmer 2.2s ease-in-out infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-cell.is-completed .progress-cell-fill{background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 0 8px #22c55e59}.progress-cell.is-completed .progress-cell-pct{color:#22c55e}.progress-cell.is-partial .progress-cell-fill{background:linear-gradient(90deg,#ea580c,#f97316);box-shadow:0 0 8px #f9731659}.progress-cell.is-partial .progress-cell-pct{color:#f97316}.progress-cell.is-stopped .progress-cell-fill{background:linear-gradient(90deg,var(--demo-muted),var(--demo-muted2));box-shadow:none;opacity:.6}.progress-cell.is-stopped .progress-cell-fill:after{display:none}.progress-cell.is-stopped .progress-cell-pct{color:var(--demo-muted)}.progress-cell.is-pending .progress-cell-fill{background:linear-gradient(90deg,#ca8a04,#eab308);box-shadow:0 0 8px #eab3084d}.progress-cell.is-pending .progress-cell-pct{color:#eab308}body.light .progress-cell-bar,html:has(body.light) .progress-cell-bar{background:#f1f5f9;border-color:#e2e8f0}.data-table-wrap{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:var(--demo-radius);overflow:hidden;box-shadow:0 1px 2px #0000000a}.data-table-toolbar{padding:14px 16px;border-bottom:1px solid var(--demo-border);display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--demo-card)}.dt-search-wrap{position:relative;flex:1 1 240px;min-width:200px;max-width:340px;display:flex;align-items:center;margin:0}.dt-search-wrap>i,.dt-search-wrap .ri-search-line{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--demo-muted);pointer-events:none;font-size:15px;line-height:1}.dt-search{width:100%;height:36px;background:var(--demo-bg);border:1px solid var(--demo-border);border-radius:10px;padding:0 32px 0 34px;font-size:13px;color:var(--demo-text);font-family:inherit;outline:none;transition:border-color var(--demo-transition),box-shadow var(--demo-transition)}.dt-search::placeholder{color:var(--demo-muted)}.dt-search:focus{border-color:var(--demo-primary);box-shadow:0 0 0 3px var(--demo-primary-dim)}.dt-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--demo-card2);color:var(--demo-muted2);font-size:14px;line-height:1;text-decoration:none;transition:all var(--demo-transition)}.dt-search-clear:hover{background:var(--demo-red);color:#fff}.dt-filter-btn{height:36px;padding:0 12px;background:var(--demo-card2);border:1px solid var(--demo-border);border-radius:10px;font-size:12px;font-weight:600;color:var(--demo-muted2);display:inline-flex;align-items:center;gap:6px;transition:all var(--demo-transition);white-space:nowrap;text-decoration:none;cursor:pointer}.dt-filter-btn:hover{color:var(--demo-text);border-color:var(--demo-primary);background:var(--demo-primary-dim)}.dt-filter-btn.active{color:var(--demo-text);border-color:var(--demo-primary);background:var(--demo-primary-dim);box-shadow:0 0 0 1px var(--demo-primary) inset}.dt-filter-btn.is-empty{opacity:.55}.dt-filter-btn.is-empty:hover{opacity:1}.dt-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:999px;background:var(--demo-bg);color:var(--demo-muted);font-size:10.5px;font-weight:700;line-height:1}.dt-filter-btn.active .dt-filter-count{background:var(--demo-primary);color:#fff}.dt-dot{font-size:10px;line-height:1;display:inline-block;transform:translateY(-1px)}.dt-filter-btn.dt-cta{margin-left:auto;background:linear-gradient(135deg,var(--demo-primary),#6366f1);color:#fff;border-color:transparent;box-shadow:0 6px 18px -8px #3d73f5a6}.dt-filter-btn.dt-cta:hover{background:linear-gradient(135deg,#4f86ff,#7c84ff);color:#fff;border-color:transparent;transform:translateY(-1px);box-shadow:0 8px 22px -8px #3d73f5d9}.dt-filter-btn.dt-cta i{font-size:14px}.dt-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.dt-table-scroll .orders-table{margin:0;border:0;border-radius:0}.data-table-wrap .paginate-bar{border-radius:0;background:var(--demo-card)}.data-table-wrap .orders-empty{border:0;border-radius:0;box-shadow:none;background:transparent}@media(max-width:768px){.dt-search-wrap{flex:1 1 100%;max-width:none}.dt-filter-btn.dt-cta{margin-left:0;flex:1 1 auto;justify-content:center}}body.light .data-table-wrap,html:has(body.light) .data-table-wrap{background:#fff;box-shadow:0 1px 3px #0f172a0d}body.light .data-table-toolbar,html:has(body.light) .data-table-toolbar{background:#fff}body.light .dt-search,html:has(body.light) .dt-search{background:#f8fafc;color:var(--demo-text)}body.light .dt-filter-btn,html:has(body.light) .dt-filter-btn{background:#f8fafc}body.light .dt-filter-count,html:has(body.light) .dt-filter-count{background:#fff}body.light .data-table-wrap .paginate-bar,html:has(body.light) .data-table-wrap .paginate-bar{background:#fff}.dt-dropdown-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:40;width:264px;max-height:320px;overflow-y:auto;background:var(--demo-card);border:1px solid var(--demo-border);border-radius:12px;box-shadow:0 16px 38px -12px #00000073;padding:6px}.dt-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--demo-text);background:transparent;border:0;cursor:pointer;transition:background var(--demo-transition),color var(--demo-transition)}.dt-dropdown-item:hover{background:var(--demo-card2)}.dt-dropdown-item.is-active{background:var(--demo-primary-dim);color:var(--demo-primary);font-weight:600}.dt-dropdown-item img,.dt-dropdown-item .text-base{flex-shrink:0}.dt-dropdown-count{margin-left:auto;color:var(--demo-muted);font-size:11px;font-weight:600}.dt-adv-panel{padding:16px;background:var(--demo-bg);border-bottom:1px solid var(--demo-border)}.dt-adv-label{display:block;font-size:11px;font-weight:700;color:var(--demo-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.dt-adv-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--demo-text);cursor:pointer;padding:2px 0}.dt-adv-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--demo-primary);cursor:pointer}.services-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.services-table thead{position:sticky;top:0;z-index:5}.services-table thead th{padding:10px 12px;background:var(--demo-card2);color:var(--demo-muted2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--demo-border)}.services-table tbody td{padding:10px 12px;color:var(--demo-text);vertical-align:middle}.services-table tbody tr.svc-row{transition:background var(--demo-transition)}.services-table tbody tr.svc-row+tr.svc-row>td,.services-table tbody tr.svc-row+tr.cat-header>td{border-top:1px solid var(--demo-border)}.services-table tbody tr.svc-row:hover{background:var(--demo-card2)}.services-table tr.cat-header>td{padding:10px 14px;background:var(--demo-bg);border-top:1px solid var(--demo-border);border-bottom:1px solid var(--demo-border)}.cat-header-inner{display:flex;align-items:center;gap:10px}.cat-header-icon{width:20px;height:20px;object-fit:contain}.cat-header-emoji{font-size:18px;line-height:1}.cat-header-name{font-size:14px;font-weight:700;color:var(--demo-text);letter-spacing:-.005em}.cat-header-count{font-size:12px;color:var(--demo-muted);font-weight:500}.services-table .td-svc-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--demo-muted);font-size:11px}.services-table .td-svc-name{color:var(--demo-text);font-weight:500;max-width:320px;overflow:hidden}.svc-name-txt{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.svc-disc-tag{color:var(--demo-green);font-size:11px;margin-left:4px}.services-table .td-svc-price{white-space:nowrap}.svc-price{color:var(--demo-text);font-weight:600}.svc-price-old{display:inline-block;text-decoration:line-through;color:var(--demo-muted);font-size:11px;margin-right:6px}.svc-price-new{color:var(--demo-green);font-weight:700}.services-table .td-svc-min,.services-table .td-svc-max,.services-table .td-svc-time{color:var(--demo-muted2);font-size:12px}.services-table .td-empty{color:var(--demo-muted);opacity:.5}.services-table .td-svc-actions{text-align:right;padding-right:14px!important}.services-table thead th:last-child{text-align:right;padding-right:14px!important}.svc-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap}.fav-btn{background:transparent;border:0;width:30px;height:30px;padding:0;border-radius:8px;color:var(--demo-muted);cursor:pointer;transition:all var(--demo-transition);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.fav-btn:hover{color:#f59e0b;background:#f59e0b1a}.fav-btn.is-active{color:#f59e0b}.desc-btn,.services-table .desc-btn,table .desc-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;height:30px;padding:0 12px!important;background:linear-gradient(135deg,#a855f7,#c026d3,#ec4899)!important;background-color:#a855f7!important;border:0!important;border-radius:8px!important;color:#fff!important;font-size:11.5px;font-weight:700;cursor:pointer;transition:transform var(--demo-transition),box-shadow var(--demo-transition),filter var(--demo-transition);white-space:nowrap;box-shadow:0 4px 14px -3px #a855f78c,inset 0 1px #ffffff2e;text-decoration:none}.desc-btn i,.services-table .desc-btn i{font-size:13px;line-height:1;color:#fff!important}.desc-btn span,.services-table .desc-btn span{color:#fff!important}.desc-btn:hover,.services-table .desc-btn:hover,table .desc-btn:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 8px 20px -4px #a855f7bf,0 4px 12px -4px #ec48998c,inset 0 1px #ffffff38}.svc-buy-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;height:30px;padding:0 11px;background:linear-gradient(135deg,var(--demo-primary),#6366f1);color:#fff!important;font-size:11.5px;font-weight:700;border-radius:8px;text-decoration:none;transition:transform var(--demo-transition),box-shadow var(--demo-transition);box-shadow:0 4px 12px -4px #3d73f58c;white-space:nowrap}.svc-buy-btn i{font-size:13px;line-height:1}.svc-buy-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px -4px #3d73f5bf}body.light .dt-dropdown-menu,html:has(body.light) .dt-dropdown-menu{background:#fff;box-shadow:0 14px 32px -12px #0f172a2e}body.light .dt-adv-panel,html:has(body.light) .dt-adv-panel{background:#f8fafc}body.light .services-table thead th,html:has(body.light) .services-table thead th{background:#f5f8ff}body.light .services-table tbody tr.svc-row:hover,html:has(body.light) .services-table tbody tr.svc-row:hover{background:#f5f8ff}body.light .services-table tr.cat-header>td,html:has(body.light) .services-table tr.cat-header>td{background:#f8fafc}.dash-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding:22px 24px;background:linear-gradient(135deg,var(--demo-card),var(--demo-card2));border:1px solid var(--demo-border);border-radius:var(--demo-radius);position:relative;overflow:hidden}.dash-welcome:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 200px at 100% 0%,rgba(61,115,245,.18),transparent 60%);pointer-events:none}.dash-welcome-left{position:relative;z-index:1}.dash-welcome-left h2{font-size:22px;font-weight:900;letter-spacing:-.02em;margin:0 0 4px;color:var(--demo-text)}.dash-welcome-left p{font-size:13px;color:var(--demo-muted2);margin:0}.dash-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.dms-card{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:var(--demo-radius);padding:18px 20px;display:flex;align-items:center;gap:14px;transition:border-color var(--demo-transition),transform var(--demo-transition),box-shadow var(--demo-transition)}.dms-card:hover{border-color:var(--demo-primary);transform:translateY(-2px);box-shadow:0 10px 28px -12px #3d73f559}.dms-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.dms-val{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--demo-text);line-height:1.1}.dms-lbl{font-size:11px;color:var(--demo-muted2);font-weight:500;margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.dms-trend{font-size:11px;font-weight:600;margin-top:4px;display:inline-flex;align-items:center;gap:3px}.dms-trend.up{color:var(--demo-green)}.dms-trend.down{color:var(--demo-orange)}@media(max-width:960px){.dash-mini-stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.dash-mini-stats{grid-template-columns:1fr}}.dash-grid{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:start}@media(max-width:1100px){.dash-grid{grid-template-columns:1fr}}.gcard{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:var(--demo-radius);overflow:hidden}.gcard-header{padding:14px 16px;border-bottom:1px solid var(--demo-border);display:flex;align-items:center;gap:10px}.gcard-head-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--demo-primary-dim);color:var(--demo-primary);font-size:16px;flex-shrink:0}.gcard-title{font-size:14px;font-weight:700;color:var(--demo-text)}.quick-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.qa-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:var(--demo-bg);border:1px solid var(--demo-border);border-radius:12px;font-size:12px;font-weight:700;color:var(--demo-text);cursor:pointer;transition:all var(--demo-transition);text-align:center;text-decoration:none}.qa-btn i{font-size:22px}.qa-btn:hover{border-color:var(--demo-primary);background:var(--demo-primary-dim);transform:translateY(-1px)}.panel-body{padding:8px 0;overflow-y:auto}.announce-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--demo-border);transition:background var(--demo-transition)}.announce-item:last-child{border-bottom:none}.announce-item:hover{background:var(--demo-card2)}.announce-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#64748b1f;color:#94a3b8;flex-shrink:0}.announce-icon.green{background:var(--demo-green-dim);color:var(--demo-green)}.announce-icon.purple{background:var(--demo-purple-dim);color:var(--demo-purple)}.announce-title{font-size:12.5px;font-weight:600;color:var(--demo-text);line-height:1.3}.announce-time{font-size:11px;color:var(--demo-muted2);margin-top:3px;display:inline-flex;align-items:center;gap:4px}.level-rank-card{position:relative;padding:18px 18px 16px;background:radial-gradient(900px 240px at 0% 0%,rgba(167,139,250,.12),transparent 60%),radial-gradient(700px 200px at 100% 100%,rgba(61,115,245,.1),transparent 60%),linear-gradient(135deg,var(--demo-card) 0%,var(--demo-card2) 100%);border:1px solid var(--demo-border);border-radius:var(--demo-radius);overflow:hidden}.level-rank-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background:linear-gradient(90deg,var(--demo-primary),var(--demo-purple),var(--demo-orange));opacity:.8}.level-rank-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.level-rank-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple));box-shadow:0 8px 20px -8px #3d73f599;flex-shrink:0;position:relative}.level-rank-icon:after{content:"";position:absolute;inset:-3px;border-radius:inherit;border:1px solid currentColor;opacity:.35;pointer-events:none}.level-rank-info{flex:1;min-width:0}.level-rank-label{font-size:10.5px;font-weight:700;color:var(--demo-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.level-rank-name{font-size:16px;font-weight:800;color:var(--demo-text);letter-spacing:-.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-rank-pct{font-size:14px;font-weight:800;color:var(--demo-text);flex-shrink:0;background:var(--demo-bg);padding:4px 10px;border-radius:999px;border:1px solid var(--demo-border)}.level-rank-progress{position:relative;height:8px;background:var(--demo-bg);border:1px solid var(--demo-border);border-radius:999px;overflow:hidden;margin-bottom:12px}.level-rank-progress-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.level-rank-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:rankShimmer 2.4s ease-in-out infinite}@keyframes rankShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.level-rank-desc{font-size:12px;color:var(--demo-muted2);line-height:1.5;margin:0 0 12px;font-style:italic}.level-rank-next{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--demo-bg);border:1px dashed var(--demo-border);border-radius:10px;font-size:12px;color:var(--demo-muted2);flex-wrap:wrap}.level-rank-next-label{display:inline-flex;align-items:center;gap:6px}.level-rank-next-label i{color:var(--demo-primary);font-size:14px}.level-rank-next strong{color:var(--demo-text);font-weight:700}.level-rank-needed{background:var(--demo-primary-dim);color:var(--demo-primary);padding:3px 10px;border-radius:999px;font-weight:700;font-size:11px;white-space:nowrap}.level-rank-next.is-max{background:linear-gradient(135deg,var(--demo-primary-dim),var(--demo-purple-dim));border-style:solid;border-color:transparent;color:var(--demo-text);font-weight:700;justify-content:center}.level-rank-next.is-max i{color:var(--demo-orange);font-size:16px}body.light .dash-welcome,html:has(body.light) .dash-welcome{background:#fff}body.light .dms-card,html:has(body.light) .dms-card{background:#fff;box-shadow:0 1px 3px #0f172a0a}body.light .gcard,html:has(body.light) .gcard{background:#fff;box-shadow:0 1px 3px #0f172a0a}body.light .qa-btn,html:has(body.light) .qa-btn{background:#f8fafc}body.light .level-rank-card,html:has(body.light) .level-rank-card{background:#fff;box-shadow:0 4px 16px -8px #0f172a1a}body.light .level-rank-pct,html:has(body.light) .level-rank-pct{background:#f8fafc}body.light .level-rank-progress,html:has(body.light) .level-rank-progress{background:#f1f5f9}body.light .level-rank-next,html:has(body.light) .level-rank-next{background:#f8fafc}.mass-card{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:var(--demo-radius);overflow:hidden}.mass-tabs{display:flex;gap:4px;padding:14px 16px 0;border-bottom:1px solid var(--demo-border);background:linear-gradient(180deg,var(--demo-card2),var(--demo-card));flex-wrap:wrap}.mass-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px 10px 0 0;font-size:13px;font-weight:600;color:var(--demo-muted2);text-decoration:none;transition:all var(--demo-transition);border-bottom:2px solid transparent;margin-bottom:-1px}.mass-tab i{font-size:15px}.mass-tab:hover{color:var(--demo-text);background:var(--demo-bg)}.mass-tab.is-active{color:var(--demo-primary);background:var(--demo-card);border-bottom-color:var(--demo-primary);box-shadow:0 -3px 0 0 var(--demo-primary) inset,0 0 0 1px var(--demo-border)}.mass-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px}@media(max-width:1100px){.mass-grid{grid-template-columns:1fr}}.mass-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--demo-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.mass-label i{font-size:13px;color:var(--demo-primary)}.mass-format-tag{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:600;color:var(--demo-primary);background:var(--demo-primary-dim);padding:3px 8px;border-radius:6px;text-transform:none;letter-spacing:0}.mass-input{height:38px;background:var(--demo-bg);border:1px solid var(--demo-border);border-radius:10px;padding:0 12px;font-size:13px;color:var(--demo-text);font-family:inherit;outline:none;transition:border-color var(--demo-transition),box-shadow var(--demo-transition);width:100%}.mass-input::placeholder{color:var(--demo-muted)}.mass-input:focus{border-color:var(--demo-primary);box-shadow:0 0 0 3px var(--demo-primary-dim)}.mass-quick-row{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.mass-input-id{flex:0 0 90px;font-family:ui-monospace,monospace}.mass-input-link{flex:1 1 200px;min-width:140px}.mass-input-qty{flex:0 0 110px;font-family:ui-monospace,monospace}.mass-quick-add-btn{display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 16px;background:linear-gradient(135deg,var(--demo-primary),#6366f1);color:#fff;border:0;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all var(--demo-transition);box-shadow:0 4px 12px -4px #3d73f580;flex-shrink:0}.mass-quick-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px -4px #3d73f5b3}.mass-textarea{width:100%;min-height:280px;background:var(--demo-bg);border:1px solid var(--demo-border);border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.6;color:var(--demo-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none;resize:vertical;transition:border-color var(--demo-transition),box-shadow var(--demo-transition)}.mass-textarea::placeholder{color:var(--demo-muted);opacity:.7}.mass-textarea:focus{border-color:var(--demo-primary);box-shadow:0 0 0 3px var(--demo-primary-dim)}.mass-info-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0 16px;font-size:13px;flex-wrap:wrap;gap:8px}.mass-line-count{display:inline-flex;align-items:center;gap:6px;color:var(--demo-muted2);font-weight:600}.mass-line-count i{color:var(--demo-primary);font-size:14px}.mass-est-charge{color:var(--demo-text);font-weight:800;background:var(--demo-primary-dim);color:var(--demo-primary);padding:6px 12px;border-radius:999px;font-size:13px}.mass-submit-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple));color:#fff;border:0;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all var(--demo-transition);box-shadow:0 8px 22px -8px #3d73f5b3;letter-spacing:.01em}.mass-submit-btn i{font-size:18px}.mass-submit-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px -8px #3d73f5d9}.mass-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.mass-submit-spinner{width:18px;height:18px;animation:massSpin 1s linear infinite}@keyframes massSpin{to{transform:rotate(360deg)}}.mass-alert{margin-bottom:16px;padding:12px 14px;border-radius:10px;font-size:13px;border:1px solid transparent}.mass-alert.is-success{background:var(--demo-green-dim);color:var(--demo-green);border-color:#10c97e4d}.mass-alert.is-error{background:#f0505a1f;color:#ef4444;border-color:#f0505a4d}.svc-ref-list{max-height:600px;overflow-y:auto;border:1px solid var(--demo-border);border-radius:12px;background:var(--demo-bg);display:flex;flex-direction:column;gap:0}.svc-ref-list::-webkit-scrollbar{width:6px}.svc-ref-list::-webkit-scrollbar-thumb{background:var(--demo-card2);border-radius:3px}.svc-ref-cat{border-bottom:1px solid var(--demo-border)}.svc-ref-cat:last-child{border-bottom:0}.svc-ref-cat-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:transparent;border:0;cursor:pointer;transition:background var(--demo-transition);text-align:left}.svc-ref-cat-btn:hover{background:var(--demo-card2)}.svc-ref-cat-name{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--demo-text)}.svc-ref-cat-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0}.svc-ref-cat-emoji{font-size:16px;line-height:1}.svc-ref-cat-count{margin-left:4px;background:var(--demo-card2);color:var(--demo-muted);font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px}.svc-ref-cat-chevron{color:var(--demo-muted);font-size:18px;transition:transform var(--demo-transition);flex-shrink:0}.svc-ref-cat.is-open .svc-ref-cat-chevron,.svc-ref-cat-btn[aria-expanded=true] .svc-ref-cat-chevron{transform:rotate(180deg)}.svc-ref-cat-body{border-top:1px solid var(--demo-border);background:var(--demo-card)}.svc-ref-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.svc-ref-table thead th{padding:7px 10px;background:var(--demo-bg);color:var(--demo-muted2);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--demo-border)}.svc-ref-table tbody td{padding:7px 10px;border-top:1px solid var(--demo-border)}.svc-ref-table tbody tr:first-child td{border-top:0}.svc-ref-table tbody tr.svc-ref-row{cursor:pointer;transition:background var(--demo-transition)}.svc-ref-table tbody tr.svc-ref-row:hover{background:var(--demo-primary-dim)}.svc-ref-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;color:var(--demo-primary)}.svc-ref-name{color:var(--demo-text);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.svc-ref-price{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--demo-text);font-weight:600;white-space:nowrap}.svc-ref-minmax{text-align:right;color:var(--demo-muted2);font-size:11px}body.light .mass-card,html:has(body.light) .mass-card{background:#fff}body.light .mass-tabs,html:has(body.light) .mass-tabs{background:linear-gradient(180deg,#f8fafc,#fff)}body.light .mass-tab.is-active,html:has(body.light) .mass-tab.is-active{background:#fff}body.light .mass-input,body.light .mass-textarea,html:has(body.light) .mass-input,html:has(body.light) .mass-textarea{background:#f8fafc}body.light .svc-ref-list,html:has(body.light) .svc-ref-list{background:#f8fafc}body.light .svc-ref-cat-body,html:has(body.light) .svc-ref-cat-body{background:#fff}body.light .svc-ref-cat-btn:hover,html:has(body.light) .svc-ref-cat-btn:hover{background:#f5f8ff}body.light .svc-ref-table thead th,html:has(body.light) .svc-ref-table thead th{background:#f5f8ff}.g-balance-chip{height:36px;padding:0 14px;background:var(--demo-green-dim);border:1px solid rgba(16,201,126,.22);border-radius:10px;display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--demo-green);white-space:nowrap;transition:transform var(--demo-transition)}.g-balance-chip:hover{transform:translateY(-1px)}.g-balance-chip i{font-size:14px;line-height:1}.g-profile-btn{height:36px;padding:0 12px 0 5px;background:var(--demo-card);border:1px solid var(--demo-border);border-radius:10px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all var(--demo-transition);color:var(--demo-text)}.g-profile-btn:hover{background:var(--demo-card2);border-color:var(--demo-primary)}.g-avatar-sm{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff}.g-profile-name{font-size:12.5px;font-weight:700}.g-profile-chevron{font-size:16px;color:var(--demo-muted);transition:transform var(--demo-transition)}.g-profile.open .g-profile-chevron{transform:rotate(180deg)}.g-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:280px;background:var(--demo-card);border:1px solid var(--demo-border);border-radius:16px;box-shadow:0 24px 64px -12px #0000008c;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:100}.g-profile.open .g-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.g-dropdown-card{position:relative;padding:16px;background:radial-gradient(600px 200px at 100% 0%,rgba(61,115,245,.2),transparent 60%),linear-gradient(135deg,var(--demo-card2),var(--demo-card));border-bottom:1px solid var(--demo-border);display:flex;align-items:center;gap:12px}.g-dropdown-card-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 6px 16px -6px #3d73f5b3}.g-dropdown-card-info{flex:1;min-width:0}.g-dropdown-card-info strong{display:block;font-size:14px;font-weight:800;color:var(--demo-text);margin-bottom:1px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-dropdown-card-info span{font-size:11px;color:var(--demo-muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.g-dropdown-card-balance{background:var(--demo-green-dim);color:var(--demo-green);padding:6px 10px;border-radius:999px;font-size:11.5px;font-weight:800;flex-shrink:0;border:1px solid rgba(16,201,126,.2)}.g-dropdown-list{padding:8px;list-style:none;margin:0}.g-dropdown-section-title{display:flex;align-items:center;gap:6px;padding:10px 8px 4px;font-size:10px;font-weight:800;color:var(--demo-muted);text-transform:uppercase;letter-spacing:.08em}.g-dropdown-section-title i{font-size:12px;color:var(--demo-primary)}.g-dropdown-list li>a,.g-dropdown-list li>button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:10px;font-size:13px;color:var(--demo-text);background:transparent;border:0;text-align:left;text-decoration:none;cursor:pointer;transition:background var(--demo-transition),color var(--demo-transition)}.g-dropdown-list li>a:hover,.g-dropdown-list li>button:hover{background:var(--demo-card2)}.g-dropdown-list li>a i,.g-dropdown-list li>button i{font-size:16px;color:var(--demo-muted2);flex-shrink:0;transition:color var(--demo-transition)}.g-dropdown-list li>a:hover i,.g-dropdown-list li>button:hover i{color:var(--demo-primary)}.g-dropdown-list li>a span,.g-dropdown-list li>button span{flex:1;min-width:0}.g-dropdown-arrow{margin-left:auto;font-size:14px!important;opacity:.5;transition:transform var(--demo-transition),opacity var(--demo-transition)}.g-dropdown-list li>a:hover .g-dropdown-arrow{opacity:1;transform:translate(2px)}.g-dropdown-list li>a.logout{color:#ef4444}.g-dropdown-list li>a.logout i{color:#ef4444}.g-dropdown-list li>a.logout:hover{background:#ef444414}.g-dropdown-sep{border:0;border-top:1px solid var(--demo-border);margin:6px 4px}.theme-toggle-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:13px;color:var(--demo-text);transition:background var(--demo-transition)}.theme-toggle-row:hover{background:var(--demo-card2)}.theme-toggle-row i{font-size:16px;color:var(--demo-muted2);flex-shrink:0}.theme-toggle-row span{flex:1;font-weight:500}.g-dropdown-chips-wrap{padding:4px 4px 8px}.g-dropdown-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}.g-dropdown-chip{display:inline-flex!important;align-items:center;gap:4px!important;padding:6px 10px!important;height:auto!important;background:var(--demo-bg)!important;border:1px solid var(--demo-border)!important;border-radius:8px!important;font-size:12px!important;font-weight:700!important;color:var(--demo-muted2)!important;cursor:pointer;transition:all var(--demo-transition);width:auto!important;flex:0 0 auto!important}.g-dropdown-chip:hover{color:var(--demo-text)!important;border-color:var(--demo-primary)!important;background:var(--demo-primary-dim)!important}.g-dropdown-chip.is-active{background:linear-gradient(135deg,var(--demo-primary),#6366f1)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 12px -4px #3d73f599}.g-chip-symbol{font-size:13px;font-weight:900;line-height:1}.g-chip-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.04em}@media(max-width:520px){.g-dropdown{width:calc(100vw - 24px);right:-8px}}body.light .g-balance-chip,html:has(body.light) .g-balance-chip{background:#10c97e1f;border-color:#10c97e4d}body.light .g-profile-btn,html:has(body.light) .g-profile-btn{background:#fff}body.light .g-dropdown,html:has(body.light) .g-dropdown{background:#fff;box-shadow:0 24px 64px -12px #0f172a2e}body.light .g-dropdown-card,html:has(body.light) .g-dropdown-card{background:radial-gradient(600px 200px at 100% 0%,rgba(61,115,245,.1),transparent 60%),linear-gradient(135deg,#f8fafc,#fff)}body.light .g-dropdown-chip,html:has(body.light) .g-dropdown-chip{background:#f8fafc!important}.g-topbar-picker{position:relative}.g-topbar-btn{height:36px;padding:0 10px;background:var(--demo-card);border:1px solid var(--demo-border);border-radius:10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--demo-text);cursor:pointer;transition:all var(--demo-transition);white-space:nowrap}.g-topbar-btn:hover{border-color:var(--demo-primary);background:var(--demo-card2)}.g-topbar-btn>i:first-child{font-size:15px;color:var(--demo-primary);line-height:1}.g-topbar-btn .topbar-label{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;font-weight:800}.g-topbar-btn-chev{font-size:14px;color:var(--demo-muted);transition:transform var(--demo-transition)}.g-topbar-picker.open .g-topbar-btn{border-color:var(--demo-primary);background:var(--demo-primary-dim)}.g-topbar-picker.open .g-topbar-btn-chev{transform:rotate(180deg);color:var(--demo-primary)}.g-topbar-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--demo-card);border:1px solid var(--demo-border);border-radius:14px;box-shadow:0 24px 64px -12px #0000008c;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transform-origin:top right;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:100}.g-topbar-picker.open .g-topbar-popover{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.g-popover-title{display:flex;align-items:center;gap:6px;padding:12px 14px 8px;font-size:10px;font-weight:800;color:var(--demo-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--demo-border);margin-bottom:4px}.g-popover-title i{font-size:13px;color:var(--demo-primary)}.g-popover-list{padding:4px;display:flex;flex-direction:column;gap:2px;margin:0}.g-popover-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;background:transparent;border:0;text-align:left;font-size:13px;color:var(--demo-text);cursor:pointer;transition:all var(--demo-transition)}.g-popover-item:hover{background:var(--demo-card2)}.g-popover-item.is-active{background:var(--demo-primary-dim);color:var(--demo-primary)}.g-popover-symbol{width:28px;text-align:center;font-size:14px;font-weight:800;color:var(--demo-primary)}.g-popover-item.is-active .g-popover-symbol{color:var(--demo-primary)}.g-popover-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;font-weight:800;letter-spacing:.04em;background:var(--demo-bg);border:1px solid var(--demo-border);color:var(--demo-text);padding:3px 8px;border-radius:6px;flex-shrink:0}.g-popover-item.is-active .g-popover-code{background:var(--demo-primary);border-color:var(--demo-primary);color:#fff}.g-popover-name{font-size:12.5px;color:var(--demo-text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-popover-item.is-active .g-popover-name{font-weight:700}.g-popover-check{font-size:16px;color:var(--demo-primary);margin-left:auto}@media(max-width:640px){.g-topbar-btn .topbar-label{display:inline}.g-topbar-popover{min-width:200px}}@media(max-width:480px){.g-topbar-popover{right:-8px;min-width:calc(100vw - 32px)}}body.light .g-topbar-btn,html:has(body.light) .g-topbar-btn{background:#fff}body.light .g-topbar-popover,html:has(body.light) .g-topbar-popover{background:#fff;box-shadow:0 20px 48px -12px #0f172a2e}body.light .g-popover-code,html:has(body.light) .g-popover-code{background:#f8fafc}.svc-modal-backdrop{position:fixed;inset:0;z-index:50;background:#050911a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:svcModalFade .2s ease-out}.svc-modal-backdrop.hidden{display:none!important}@keyframes svcModalFade{0%{opacity:0}to{opacity:1}}.svc-modal{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:18px;width:100%;max-width:540px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 28px 80px -20px #000000b3;animation:svcModalIn .26s cubic-bezier(.34,1.4,.64,1)}@keyframes svcModalIn{0%{transform:scale(.92) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.svc-modal-head{position:relative;padding:20px 56px 18px 20px;background:radial-gradient(800px 220px at 0% 0%,rgba(61,115,245,.3),transparent 60%),radial-gradient(600px 200px at 100% 100%,rgba(167,139,250,.25),transparent 60%),linear-gradient(135deg,var(--demo-card2),var(--demo-card));border-bottom:1px solid var(--demo-border);display:flex;align-items:center;gap:14px}.svc-modal-head:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--demo-primary),var(--demo-purple),var(--demo-orange))}.svc-modal-head-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple));display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;flex-shrink:0;box-shadow:0 8px 22px -8px #3d73f5b3}.svc-modal-head-icon img{width:28px;height:28px;object-fit:contain}.svc-modal-head-emoji{font-size:26px;line-height:1}.svc-modal-head-text{flex:1;min-width:0}.svc-modal-head-cat{font-size:11px;font-weight:700;color:var(--demo-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.svc-modal-title{font-size:17px;font-weight:800;color:var(--demo-text);margin:0;line-height:1.3;letter-spacing:-.01em}.svc-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:9px;border:1px solid var(--demo-border);background:var(--demo-card);color:var(--demo-muted2);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all var(--demo-transition)}.svc-modal-close:hover{background:var(--demo-red, #ef4444);color:#fff;border-color:transparent}.svc-modal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 20px;border-bottom:1px solid var(--demo-border);background:var(--demo-bg)}.svc-modal-stat{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;transition:all var(--demo-transition)}.svc-modal-stat:hover{border-color:var(--demo-primary);transform:translateY(-1px)}.svc-modal-stat-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.svc-modal-stat-info{flex:1;min-width:0}.svc-modal-stat-label{font-size:9.5px;font-weight:700;color:var(--demo-muted);text-transform:uppercase;letter-spacing:.06em;line-height:1;margin-bottom:3px}.svc-modal-stat-value{font-size:13px;font-weight:800;color:var(--demo-text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svc-modal-body{padding:18px 20px;overflow-y:auto;flex:1}.svc-modal-section-label{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;color:var(--demo-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.svc-modal-section-label i{color:var(--demo-primary);font-size:13px}.svc-modal-desc{font-size:13.5px;line-height:1.65;color:var(--demo-text);white-space:pre-wrap;margin:0}.svc-modal-footer{display:flex;gap:10px;padding:14px 20px 18px;border-top:1px solid var(--demo-border);background:var(--demo-card)}.svc-modal-btn-cancel{flex:0 0 auto;padding:0 20px;height:48px;background:var(--demo-card2);border:1px solid var(--demo-border);border-radius:12px;color:var(--demo-muted2);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--demo-transition)}.svc-modal-btn-cancel:hover{color:var(--demo-text);background:var(--demo-bg);border-color:var(--demo-muted2)}.svc-modal-btn-buy{flex:1;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;background:linear-gradient(120deg,var(--demo-primary) 0%,#6366f1 40%,var(--demo-purple) 70%,#ec4899 100%);background-size:220% 100%;background-position:0% 50%;color:#fff!important;border:0;border-radius:12px;font-size:14px;font-weight:800;letter-spacing:.015em;text-decoration:none;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.34,1.4,.64,1),background-position .6s ease,box-shadow .3s ease;box-shadow:0 10px 28px -10px #3d73f5bf,0 4px 12px -4px #a78bfa73,inset 0 1px #ffffff2e;animation:svcBuyPulse 3.2s ease-in-out infinite}.svc-modal-btn-buy:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:linear-gradient(120deg,#3d73f599,#a78bfa99,#ec489999,#3d73f599);background-size:300% 100%;animation:svcBuyRing 4s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .25s ease;z-index:-1;pointer-events:none}.svc-modal-btn-buy:after{content:"";position:absolute;top:0;left:-150%;width:80%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.45) 50%,rgba(255,255,255,0) 70%,transparent 100%);transform:skew(-20deg);pointer-events:none}.svc-modal-btn-buy i{font-size:18px;line-height:1;z-index:1;transition:transform .25s ease}.svc-modal-btn-buy span{z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.18)}.svc-modal-btn-arrow{transition:transform .35s cubic-bezier(.22,1,.36,1)!important}.svc-modal-btn-buy:hover{transform:translateY(-2px) scale(1.015);background-position:100% 50%;box-shadow:0 16px 38px -10px #3d73f5d9,0 8px 20px -6px #ec48998c,inset 0 1px #ffffff40;animation-play-state:paused}.svc-modal-btn-buy:hover:before{opacity:1}.svc-modal-btn-buy:hover:after{animation:svcBuyShine .9s ease-out forwards}.svc-modal-btn-buy:hover .svc-modal-btn-arrow{transform:translate(5px)}.svc-modal-btn-buy:hover i:first-of-type{transform:scale(1.1) rotate(-4deg)}.svc-modal-btn-buy:active{transform:translateY(0) scale(.99);transition-duration:.08s}@keyframes svcBuyPulse{0%,to{box-shadow:0 10px 28px -10px #3d73f5bf,0 4px 12px -4px #a78bfa73,inset 0 1px #ffffff2e}50%{box-shadow:0 14px 36px -10px #3d73f5e6,0 6px 18px -4px #a78bfa99,inset 0 1px #ffffff38}}@keyframes svcBuyRing{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes svcBuyShine{0%{left:-150%}to{left:150%}}@media(prefers-reduced-motion:reduce){.svc-modal-btn-buy,.svc-modal-btn-buy:before,.svc-modal-btn-buy:after{animation:none!important}}@media(max-width:480px){.svc-modal-stats{grid-template-columns:1fr 1fr}.svc-modal-head{padding:18px 52px 16px 16px}.svc-modal-stats,.svc-modal-body,.svc-modal-footer{padding-left:16px;padding-right:16px}.svc-modal-footer{flex-direction:column-reverse}.svc-modal-btn-cancel{width:100%}}body.light .svc-modal-backdrop,html:has(body.light) .svc-modal-backdrop{background:#0f172a59}body.light .svc-modal,html:has(body.light) .svc-modal{background:#fff;box-shadow:0 28px 80px -20px #0f172a40}body.light .svc-modal-head,html:has(body.light) .svc-modal-head{background:radial-gradient(800px 220px at 0% 0%,rgba(61,115,245,.18),transparent 60%),radial-gradient(600px 200px at 100% 100%,rgba(167,139,250,.15),transparent 60%),linear-gradient(135deg,#f8fafc,#fff)}body.light .svc-modal-stats,html:has(body.light) .svc-modal-stats{background:#f8fafc}body.light .svc-modal-stat,html:has(body.light) .svc-modal-stat{background:#fff}body.light .svc-modal-close,html:has(body.light) .svc-modal-close{background:#fff}body.light .svc-modal-footer,html:has(body.light) .svc-modal-footer{background:#fff}body.light .svc-modal-btn-cancel,html:has(body.light) .svc-modal-btn-cancel{background:#f8fafc}.svc-modal-empty{position:relative;text-align:center;padding:24px 16px 32px;overflow:hidden}.svc-modal-empty.hidden{display:none}.svc-modal-empty-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:280px;height:220px;background:radial-gradient(closest-side,rgba(167,139,250,.28),transparent 70%),radial-gradient(closest-side,rgba(61,115,245,.18),transparent 75%);filter:blur(12px);pointer-events:none;animation:emptyGlowPulse 3.6s ease-in-out infinite}@keyframes emptyGlowPulse{0%,to{opacity:.6;transform:translate(-50%) scale(.95)}50%{opacity:1;transform:translate(-50%) scale(1.05)}}.svc-modal-empty-icon{position:relative;z-index:1;width:64px;height:64px;margin:0 auto 16px;border-radius:18px;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple) 60%,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;box-shadow:0 12px 32px -10px #a78bfab3,inset 0 1px #fff3;animation:emptyIconFloat 3.2s ease-in-out infinite}.svc-modal-empty.is-active .svc-modal-empty-icon{animation:emptyIconEntry .55s cubic-bezier(.34,1.56,.64,1) backwards,emptyIconFloat 3.2s ease-in-out .55s infinite}.svc-modal-empty-icon i{animation:emptyIconSpin 4.5s linear infinite;display:inline-block}@keyframes emptyIconEntry{0%{transform:scale(.4) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes emptyIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes emptyIconSpin{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.08)}}.svc-modal-empty-title{position:relative;z-index:1;font-size:22px;font-weight:900;margin:0 0 8px;letter-spacing:-.02em;line-height:1.2}.svc-modal-empty-shimmer{background:linear-gradient(90deg,var(--demo-primary) 0%,var(--demo-purple) 25%,#ec4899 50%,var(--demo-purple) 75%,var(--demo-primary) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:emptyShimmer 3s linear infinite}@keyframes emptyShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.svc-modal-empty-sub{position:relative;z-index:1;font-size:13px;color:var(--demo-muted2);line-height:1.55;max-width:320px;margin:0 auto 20px}.svc-modal-empty-dots{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px}.svc-modal-empty-dots span{width:8px;height:8px;border-radius:50%;background:var(--demo-primary);opacity:.4;animation:emptyDotPulse 1.4s ease-in-out infinite}.svc-modal-empty-dots span:nth-child(1){background:var(--demo-primary);animation-delay:0s}.svc-modal-empty-dots span:nth-child(2){background:var(--demo-purple);animation-delay:.2s}.svc-modal-empty-dots span:nth-child(3){background:#ec4899;animation-delay:.4s}@keyframes emptyDotPulse{0%,80%,to{transform:scale(1);opacity:.4}40%{transform:scale(1.4);opacity:1}}@media(prefers-reduced-motion:reduce){.svc-modal-empty-icon,.svc-modal-empty-icon i,.svc-modal-empty-glow,.svc-modal-empty-shimmer,.svc-modal-empty-dots span{animation:none!important}}body.light .svc-modal-empty-glow,html:has(body.light) .svc-modal-empty-glow{background:radial-gradient(closest-side,rgba(167,139,250,.18),transparent 70%),radial-gradient(closest-side,rgba(61,115,245,.12),transparent 75%)}[data-user-avatar].has-avatar-image{overflow:hidden;color:transparent!important;text-indent:-9999px;padding:0!important;background-clip:padding-box}[data-user-avatar].has-avatar-image>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;margin:0;text-indent:0}.g-avatar.has-avatar-image,.g-avatar-sm.has-avatar-image,.g-dropdown-card-avatar.has-avatar-image,.no-hero-icon.has-avatar-image,.account-profile-avatar.has-avatar-image{background:var(--demo-card2)!important}.account-profile-ring-wrap{position:relative;display:inline-block;margin:0 auto 14px;width:96px;height:96px}.account-profile-ring-wrap .account-profile-ring{margin:0}.avatar-edit-btn{position:absolute;right:-4px;bottom:-4px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple))!important;color:#fff!important;border:3px solid var(--demo-card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--demo-transition),box-shadow var(--demo-transition);z-index:10;box-shadow:0 6px 16px -6px #3d73f5b3;padding:0}.avatar-edit-btn i{font-size:16px;line-height:1;color:#fff!important}.avatar-edit-btn:hover{transform:scale(1.1);box-shadow:0 10px 24px -6px #3d73f5e6}.avatar-edit-btn:active{transform:scale(.96)}body.light .avatar-edit-btn,html:has(body.light) .avatar-edit-btn{border-color:#fff}.avatar-modal-backdrop{position:fixed;inset:0;z-index:60;background:#050911a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:avatarModalFade .2s ease-out}.avatar-modal-backdrop.hidden{display:none!important}@keyframes avatarModalFade{0%{opacity:0}to{opacity:1}}.avatar-modal{width:100%;max-width:460px;background:var(--demo-card);border:1px solid var(--demo-border);border-radius:18px;overflow:hidden;box-shadow:0 28px 80px -20px #000000b3;animation:avatarModalIn .26s cubic-bezier(.34,1.4,.64,1)}@keyframes avatarModalIn{0%{transform:scale(.92) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.avatar-modal-head{position:relative;padding:18px 56px 18px 18px;background:radial-gradient(700px 200px at 0% 0%,rgba(61,115,245,.28),transparent 60%),radial-gradient(500px 180px at 100% 100%,rgba(167,139,250,.22),transparent 60%),linear-gradient(135deg,var(--demo-card2),var(--demo-card));border-bottom:1px solid var(--demo-border);display:flex;align-items:center;gap:12px}.avatar-modal-head:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--demo-primary),var(--demo-purple),#10c97e)}.avatar-modal-head-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--demo-primary),var(--demo-purple));display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0;box-shadow:0 6px 16px -6px #3d73f599}.avatar-modal-head-sub{font-size:10.5px;font-weight:800;color:var(--demo-muted);letter-spacing:.08em;line-height:1;margin-bottom:4px}.avatar-modal-title{font-size:16px;font-weight:800;color:var(--demo-text);margin:0;line-height:1.2;letter-spacing:-.01em}.avatar-modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:9px;border:1px solid var(--demo-border);background:var(--demo-card);color:var(--demo-muted2);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all var(--demo-transition)}.avatar-modal-close:hover{background:#ef4444;color:#fff;border-color:transparent}.avatar-modal-body{padding:18px 18px 8px}.avatar-modal-hint{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--demo-muted2);margin:0 0 14px;padding:8px 12px;background:var(--demo-bg);border:1px solid var(--demo-border);border-radius:10px}.avatar-modal-hint i{font-size:14px;color:var(--demo-primary)}.avatar-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.avatar-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;background:var(--demo-bg);border:2px solid var(--demo-border);border-radius:14px;cursor:pointer;transition:all var(--demo-transition);overflow:hidden}.avatar-choice:hover{border-color:var(--demo-primary);transform:translateY(-2px);background:var(--demo-card2)}.avatar-choice-img-wrap{position:relative;width:110px;height:110px;border-radius:50%;overflow:hidden;background:var(--demo-card2);transition:transform var(--demo-transition)}.avatar-choice-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.avatar-choice-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--demo-muted);font-size:38px;background:var(--demo-card2)}.avatar-choice-check{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:#10c97e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 12px -2px #10c97ea6;transform:scale(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1);z-index:2}.avatar-choice-label{font-size:13px;font-weight:700;color:var(--demo-muted2);transition:color var(--demo-transition)}.avatar-choice.is-selected{border-color:#10c97e;background:#10c97e0f;box-shadow:0 0 0 4px #10c97e26,0 8px 22px -8px #10c97e73}.avatar-choice.is-selected .avatar-choice-img-wrap{transform:scale(1.04);box-shadow:0 0 0 3px #10c97e66,0 12px 24px -10px #10c97e80}.avatar-choice.is-selected .avatar-choice-check{transform:scale(1);animation:avatarCheckPulse 1.8s ease-in-out infinite .4s}.avatar-choice.is-selected .avatar-choice-label{color:#10c97e;font-weight:800}@keyframes avatarCheckPulse{0%,to{box-shadow:0 4px 12px -2px #10c97ea6}50%{box-shadow:0 4px 20px -2px #10c97ef2}}.avatar-modal-footer{display:flex;gap:10px;padding:14px 18px 18px;border-top:1px solid var(--demo-border)}.avatar-modal-btn-cancel{flex:0 0 auto;padding:0 18px;height:44px;background:var(--demo-card2);border:1px solid var(--demo-border);border-radius:11px;color:var(--demo-muted2);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--demo-transition)}.avatar-modal-btn-cancel:hover{color:var(--demo-text);background:var(--demo-bg);border-color:var(--demo-muted2)}.avatar-modal-btn-save,button.avatar-modal-btn-save{flex:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:44px!important;padding:0 18px!important;background:linear-gradient(135deg,#10c97e,#16a34a)!important;background-color:#10c97e!important;color:#fff!important;border:0!important;border-radius:11px!important;font-size:13.5px!important;font-weight:800!important;letter-spacing:.01em;cursor:pointer;transition:transform var(--demo-transition),box-shadow var(--demo-transition),filter var(--demo-transition)!important;box-shadow:0 8px 22px -8px #10c97eb3,inset 0 1px #ffffff2e!important;text-shadow:0 1px 2px rgba(0,0,0,.18)}.avatar-modal-btn-save i,.avatar-modal-btn-save span{color:#fff!important}.avatar-modal-btn-save i{font-size:16px!important;line-height:1}.avatar-modal-btn-save:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 12px 28px -8px #10c97ed9,inset 0 1px #ffffff38!important}.avatar-modal-btn-save:active{transform:translateY(0)}@media(max-width:480px){.avatar-choice-grid{grid-template-columns:1fr}.avatar-choice-img-wrap{width:100px;height:100px}.avatar-modal-footer{flex-direction:column-reverse}.avatar-modal-btn-cancel{width:100%}}body.light .avatar-modal,html:has(body.light) .avatar-modal{background:#fff;box-shadow:0 28px 80px -20px #0f172a40}body.light .avatar-modal-head,html:has(body.light) .avatar-modal-head{background:radial-gradient(700px 200px at 0% 0%,rgba(61,115,245,.16),transparent 60%),radial-gradient(500px 180px at 100% 100%,rgba(167,139,250,.13),transparent 60%),linear-gradient(135deg,#f8fafc,#fff)}body.light .avatar-modal-close,html:has(body.light) .avatar-modal-close{background:#fff}body.light .avatar-choice,html:has(body.light) .avatar-choice{background:#f8fafc}body.light .avatar-choice:hover,html:has(body.light) .avatar-choice:hover{background:#f5f8ff}body.light .avatar-choice.is-selected,html:has(body.light) .avatar-choice.is-selected{background:#10c97e14}