:root,[data-theme=dark]{--bg-dark: #0a0a12;--bg-sidebar: #0d0d18;--bg-main: #0f0f1a;--bg-card: #141425;--bg-card-hover: #1a1a30;--bg-input: #0c0c18;--bg-dropdown: #12121f;--primary: #8b5cf6;--primary-hover: #a78bfa;--primary-glow: rgba(139, 92, 246, .4);--secondary: #06b6d4;--success: #10b981;--success-glow: rgba(16, 185, 129, .3);--warning: #f59e0b;--danger: #ef4444;--pink: #ec4899;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dark: #475569;--border: rgba(148, 163, 184, .1);--border-hover: rgba(139, 92, 246, .5);--sidebar-width: 240px;--header-height: 60px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px var(--primary-glow);--shadow-success: 0 0 20px var(--success-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-dark: #f8fafc;--bg-sidebar: #ffffff;--bg-main: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-input: #f8fafc;--bg-dropdown: #ffffff;--primary: #7c3aed;--primary-hover: #8b5cf6;--primary-glow: rgba(124, 58, 237, .2);--secondary: #0891b2;--success: #059669;--success-glow: rgba(5, 150, 105, .2);--warning: #d97706;--danger: #dc2626;--pink: #db2777;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-dark: #1e293b;--border: rgba(148, 163, 184, .3);--border-hover: rgba(124, 58, 237, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px var(--primary-glow);--shadow-success: 0 0 15px var(--success-glow)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .2s ease-out}@media (max-width: 1024px){.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:10px 0 40px #0006}.sidebar-overlay{display:block}}.sidebar-header{padding:20px;border-bottom:1px solid var(--border)}.sidebar-logo{display:flex;align-items:center;gap:12px}.sidebar-logo-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);animation:pulse-glow 3s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 35px var(--primary-glow)}}.sidebar-logo-icon svg{width:24px;height:24px;color:#fff}.sidebar-logo-text{font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-user{padding:16px;margin:16px;background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border);transition:var(--transition-normal)}.sidebar-user:hover{border-color:var(--border-hover);transform:translateY(-2px)}.sidebar-user-avatar{width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--pink));border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;box-shadow:var(--shadow-glow)}.sidebar-user-name{font-weight:600;margin-bottom:4px}.sidebar-user-email{font-size:12px;color:var(--text-muted)}.sidebar-user-actions{display:flex;gap:8px;margin-top:12px;justify-content:center}.sidebar-user-btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:4px}.sidebar-user-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}.sidebar-user-btn svg{width:12px;height:12px}.install-btn{margin:0 16px 16px;padding:12px;background:linear-gradient(135deg,var(--secondary),#0891b2);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition-normal);box-shadow:0 0 20px #06b6d44d}.install-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #06b6d480}.install-btn svg{width:18px;height:18px}.sidebar-section{padding:0 12px;margin-bottom:16px}.sidebar-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:12px 12px 8px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;margin-bottom:2px;cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden}.sidebar-nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);border-radius:0 3px 3px 0;transform:scaleY(0);transition:var(--transition-fast)}.sidebar-nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-nav-item.active{background:linear-gradient(90deg,rgba(139,92,246,.15),transparent);color:var(--primary)}.sidebar-nav-item.active:before{transform:scaleY(1)}.sidebar-nav-item svg{width:18px;height:18px;transition:var(--transition-fast)}.sidebar-nav-item:hover svg{transform:scale(1.1)}.sidebar-nav-badge{margin-left:auto;padding:2px 8px;background:var(--primary);border-radius:var(--radius-sm);font-size:10px;font-weight:600;color:#fff}.sidebar-nav-badge.new{background:var(--success)}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}@media (max-width: 1024px){.main-content{margin-left:0}}.top-header{height:var(--header-height);background:var(--bg-sidebar);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-left{display:flex;align-items:center;gap:16px}.header-back-btn{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);color:var(--text-secondary)}.header-back-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--primary)}.header-back-btn svg{width:18px;height:18px}.header-title{font-size:16px;font-weight:600}.header-right{display:flex;align-items:center;gap:12px}.balance-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--success),#059669);border-radius:var(--radius-md);font-weight:600;font-size:13px;color:#fff;box-shadow:var(--shadow-success);animation:balance-pulse 2s infinite}@keyframes balance-pulse{0%,to{box-shadow:0 0 15px var(--success-glow)}50%{box-shadow:0 0 25px var(--success-glow)}}.balance-badge svg{width:16px;height:16px}.header-icon-btn{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);color:var(--text-secondary);position:relative}.header-icon-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--primary);transform:translateY(-2px)}.header-icon-btn svg{width:20px;height:20px}.header-icon-btn .badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--danger);border-radius:50%;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.page-content{flex:1;padding:24px;background:var(--bg-main)}.order-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;max-width:1400px}@media (max-width: 1200px){.order-layout{grid-template-columns:1fr}}.order-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;transition:var(--transition-normal)}.order-form:hover{border-color:#8b5cf633}.search-filter-row{display:flex;gap:12px;margin-bottom:24px}.search-box{flex:1;position:relative}.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);transition:var(--transition-fast)}.search-box input{width:100%;padding:12px 16px 12px 46px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;transition:var(--transition-normal)}.search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.search-box input:focus+svg,.search-box:hover svg{color:var(--primary)}.search-box input::placeholder{color:var(--text-muted)}.filter-btn{padding:12px 20px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition-normal);box-shadow:var(--shadow-glow)}.filter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--primary-glow)}.filter-btn svg{width:16px;height:16px}.action-row{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.action-btn{padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition-normal);border:1px solid transparent}.action-btn svg{width:18px;height:18px}.action-btn-primary{background:var(--bg-input);border-color:var(--border);color:var(--text-primary)}.action-btn-primary:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.action-btn-primary.active{background:linear-gradient(135deg,var(--primary),#6d28d9);border-color:transparent;color:#fff;box-shadow:var(--shadow-glow)}.action-btn-success{background:linear-gradient(135deg,var(--success),#059669);color:#fff;box-shadow:var(--shadow-success)}.action-btn-success:hover{transform:translateY(-2px)}.tabs-row{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.tab-btn{padding:10px 18px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition-fast)}.tab-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}.tab-btn.active{background:linear-gradient(135deg,var(--primary),#6d28d9);border-color:transparent;color:#fff}.tab-btn svg{width:16px;height:16px}.tab-badge{padding:2px 6px;background:var(--pink);border-radius:4px;font-size:10px;font-weight:700}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.form-select{width:100%;padding:14px 44px 14px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:var(--transition-normal)}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.form-input{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;transition:var(--transition-normal)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.form-input::placeholder{color:var(--text-muted)}.form-hint{font-size:12px;color:var(--text-muted);margin-top:8px}.form-value{padding:14px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary)}.service-select-item{display:flex;align-items:center;gap:10px}.service-id-badge{padding:4px 10px;background:linear-gradient(135deg,var(--primary),#6d28d9);border-radius:var(--radius-sm);font-size:11px;font-weight:700;color:#fff}.info-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;height:fit-content;position:sticky;top:calc(var(--header-height) + 24px);transition:var(--transition-normal)}.info-panel:hover{border-color:#8b5cf633}.info-header{margin-bottom:20px}.info-header-buttons{display:flex;gap:10px;margin-bottom:16px}.info-btn{flex:1;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--transition-fast)}.info-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}.info-btn svg{width:14px;height:14px}.info-service-title{font-size:13px;line-height:1.6;color:var(--text-secondary);margin-bottom:16px}.info-price-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.info-speed-badge{padding:4px 10px;background:var(--pink);border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:#fff}.info-stars{color:var(--warning);font-size:14px}.info-price{font-size:16px;font-weight:700;color:var(--success)}.info-props-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.info-prop{padding:12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition-fast)}.info-prop:hover{border-color:var(--border-hover)}.info-prop-label{font-size:11px;color:var(--text-muted);margin-bottom:6px}.info-prop-value{font-size:13px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:6px}.info-prop-value svg{width:14px;height:14px}.info-prop-value.success{color:var(--success)}.info-prop-value.danger{color:var(--danger)}.info-prop-value.primary{color:var(--primary)}.info-details{padding-top:16px;border-top:1px solid var(--border)}.info-detail-row{display:flex;justify-content:space-between;padding:8px 0;font-size:12px}.info-detail-label{color:var(--text-muted)}.info-detail-value{color:var(--text-secondary)}.info-detail-value a{color:var(--primary);text-decoration:none}.info-detail-value a:hover{text-decoration:underline}.info-notes{margin-top:16px;padding:14px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);border-left:3px solid var(--warning)}.info-notes p{font-size:12px;color:var(--text-secondary);line-height:1.6;margin-bottom:6px}.info-notes p:last-child{margin-bottom:0}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary),#6d28d9);border:none;border-radius:var(--radius-md);color:#fff;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:var(--transition-normal);box-shadow:var(--shadow-glow);margin-top:24px;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-slow)}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px var(--primary-glow)}.submit-btn:active{transform:translateY(-1px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-btn svg{width:20px;height:20px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.spinner{width:48px;height:48px;border:3px solid var(--bg-card);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-size:14px}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-sidebar);border-top:1px solid var(--border);padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom));z-index:100}@media (max-width: 1024px){.bottom-nav{display:flex;justify-content:space-around}.page-content{padding-bottom:100px}}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-size:11px;font-weight:500;transition:var(--transition-fast)}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--primary);background:#8b5cf61a}.nav-item svg{width:22px;height:22px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:600}.status-pending{background:#f59e0b26;color:var(--warning)}.status-processing{background:#8b5cf626;color:var(--primary)}.status-completed{background:#10b98126;color:var(--success)}.status-canceled{background:#ef444426;color:var(--danger)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:var(--transition-normal)}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.balance-card{background:linear-gradient(135deg,var(--primary),#6d28d9);border-radius:var(--radius-xl);padding:32px;text-align:center;color:#fff;box-shadow:var(--shadow-glow);position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%)}.balance-label{font-size:14px;opacity:.9;margin-bottom:8px}.balance-amount{font-size:42px;font-weight:800}.order-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:12px;transition:var(--transition-normal)}.order-card:hover{border-color:var(--border-hover)}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-card-id{font-weight:700;color:var(--primary)}.order-card-service{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.order-card-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--text-muted)}.order-card-link{margin-top:12px;padding:10px;background:var(--bg-input);border-radius:var(--radius-sm);font-size:12px;color:var(--primary);word-break:break-all}.page-title{font-size:20px;font-weight:700;margin-bottom:24px;display:flex;align-items:center;gap:12px}.page-title svg{width:24px;height:24px;color:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px var(--primary-glow),0 0 60px var(--primary-glow)}}@keyframes borderGlow{0%,to{border-color:var(--border)}50%{border-color:var(--primary)}}.animate-fadeIn{animation:fadeIn .4s ease-out forwards}.animate-fadeInUp{animation:fadeInUp .5s ease-out forwards}.animate-fadeInDown{animation:fadeInDown .5s ease-out forwards}.animate-fadeInLeft{animation:fadeInLeft .5s ease-out forwards}.animate-fadeInRight{animation:fadeInRight .5s ease-out forwards}.animate-scaleIn{animation:scaleIn .3s ease-out forwards}.animate-bounce{animation:bounce .6s ease-in-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-glowPulse{animation:glowPulse 2s ease-in-out infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.page-animated{animation:fadeInUp .4s ease-out}.card-animated{opacity:0;animation:fadeInUp .5s ease-out forwards}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000004d}.hover-scale{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-scale:hover{transform:scale(1.03)}.hover-glow{transition:box-shadow .3s ease,border-color .3s ease}.hover-glow:hover{box-shadow:0 0 30px var(--primary-glow);border-color:var(--primary)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.btn-ripple:active:after{width:200px;height:200px}.hover-shine{position:relative;overflow:hidden}.hover-shine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.hover-shine:hover:before{left:100%}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:14px;margin-bottom:8px;border-radius:4px}.skeleton-title{height:20px;width:60%;margin-bottom:12px;border-radius:4px}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-card{height:120px;border-radius:var(--radius-lg)}.form-input,.form-select{transition:border-color .25s ease,box-shadow .25s ease,transform .15s ease}.form-input:focus,.form-select:focus{transform:translateY(-1px)}.form-label{transition:color .2s ease}.form-group:focus-within .form-label{color:var(--primary)}.submit-btn,.action-btn,.filter-btn,.tab-btn{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.submit-btn:not(:disabled):active,.action-btn:active,.filter-btn:active,.tab-btn:active{transform:scale(.97)}.order-card{animation:fadeInUp .4s ease-out forwards;opacity:0}.order-card:nth-child(1){animation-delay:.05s}.order-card:nth-child(2){animation-delay:.1s}.order-card:nth-child(3){animation-delay:.15s}.order-card:nth-child(4){animation-delay:.2s}.order-card:nth-child(5){animation-delay:.25s}.sidebar-nav-item{transition:all .2s ease,transform .15s ease}.sidebar-nav-item:active{transform:scale(.98)}.info-panel{animation:slideInRight .4s ease-out}.info-prop{transition:all .25s ease}.info-prop:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.category-tab,.tab-btn{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.category-tab:active,.tab-btn:active{transform:scale(.95)}.spinner{animation:spin .7s linear infinite}.spinner-double{width:48px;height:48px;border:3px solid transparent;border-top-color:var(--primary);border-bottom-color:var(--secondary);border-radius:50%;animation:spin .8s linear infinite}.icon-spin{animation:spin 1s linear infinite}.icon-bounce{animation:bounce .6s ease-in-out infinite}.icon-pulse{animation:pulse-glow 1.5s ease-in-out infinite}.tooltip{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;transform:translateY(5px)}.tooltip.show,*:hover>.tooltip{opacity:1;visibility:visible;transform:translateY(0)}.counter{transition:all .5s ease-out}@keyframes checkmark{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}.checkmark-animated{stroke-dasharray:50;stroke-dashoffset:50;animation:checkmark .5s ease-out forwards;animation-delay:.2s}.badge{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}*{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 480px){html{font-size:13px}.container{padding:12px}.top-header{padding:0 12px;height:54px}.header-title{font-size:14px}.balance-badge{padding:6px 10px;font-size:11px}.header-icon-btn{width:36px;height:36px}.header-icon-btn svg{width:18px;height:18px}.header-right{gap:6px}.order-layout{grid-template-columns:1fr;gap:16px}.order-form{padding:16px;border-radius:var(--radius-lg)}.info-panel{padding:16px;border-radius:var(--radius-lg);position:relative;top:0}.search-filter-row{flex-direction:column;gap:10px}.filter-btn{width:100%;justify-content:center}.action-row{flex-direction:column;gap:8px}.action-btn{width:100%;justify-content:center;padding:14px}.tabs-row{overflow-x:auto;flex-wrap:nowrap;gap:6px;margin:0 -16px 20px;padding:0 16px 8px;-webkit-overflow-scrolling:touch}.tabs-row::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;padding:10px 14px;font-size:12px}.form-group{margin-bottom:16px}.form-label{font-size:12px;margin-bottom:8px}.form-input,.form-select{padding:12px 14px;font-size:14px}.info-props-grid{grid-template-columns:1fr;gap:8px}.info-prop{padding:12px}.info-header-buttons{flex-direction:column;gap:8px}.info-btn{width:100%}.cards-grid,div[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.card{padding:14px}.balance-card{padding:24px 16px;border-radius:var(--radius-lg)}.balance-amount{font-size:32px}.order-card{padding:14px}.order-card-service{font-size:12px}.order-card-meta{flex-direction:column;gap:8px}.bottom-nav{padding:6px 8px}.nav-item{padding:6px 12px;gap:2px}.nav-item svg,.nav-icon{width:20px;height:20px}.nav-item span{font-size:10px}.page-title{font-size:18px;margin-bottom:16px}.page-title svg{width:20px;height:20px}.submit-btn{padding:14px;font-size:14px}}@media (min-width: 481px) and (max-width: 767px){.order-layout{grid-template-columns:1fr;gap:20px}.info-panel{position:relative;top:0}.search-filter-row{flex-direction:row}.action-row{flex-direction:row;flex-wrap:wrap}.action-btn{flex:1;min-width:140px}.info-props-grid{grid-template-columns:repeat(2,1fr)}.cards-grid,div[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}.balance-amount{font-size:36px}}@media (min-width: 768px) and (max-width: 1023px){html{font-size:14px}.order-layout{grid-template-columns:1fr 300px;gap:20px}.info-panel{position:sticky;top:calc(var(--header-height) + 16px)}.info-props-grid{grid-template-columns:1fr}.cards-grid,div[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(4,1fr)!important}.tabs-row{flex-wrap:wrap}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.bottom-nav{display:flex}.page-content{padding-bottom:100px}}@media (min-width: 1024px) and (max-width: 1279px){:root{--sidebar-width: 220px}.order-layout{grid-template-columns:1fr 340px}.sidebar{transform:translate(0)}.main-content{margin-left:var(--sidebar-width)}.bottom-nav{display:none}.info-props-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){:root{--sidebar-width: 260px}html{font-size:15px}.order-layout{grid-template-columns:1fr 400px;gap:28px}.page-content,.order-form,.info-panel{padding:28px}.sidebar{transform:translate(0)}.main-content{margin-left:var(--sidebar-width)}}@media (min-width: 1440px){.order-layout{max-width:1400px;margin:0 auto}.page-content{padding:32px 48px}}@media (max-height: 700px){.sidebar-user{padding:12px;margin:12px}.sidebar-user-avatar{width:48px;height:48px;font-size:18px}.install-btn{padding:10px;font-size:12px}.sidebar-nav-item{padding:9px 12px}.sidebar-section-title{padding:8px 12px 6px;font-size:10px}}@media (max-height: 500px) and (orientation: landscape){.top-header{height:50px}.bottom-nav{padding:4px 8px}.nav-item{flex-direction:row;gap:6px}.nav-item span{font-size:11px}.page-content{padding:12px 12px 70px}.balance-card{padding:16px}.balance-amount{font-size:28px}}@media (hover: none) and (pointer: coarse){.sidebar-nav-item{padding:14px 16px;min-height:48px}.tab-btn{padding:12px 18px;min-height:44px}.action-btn{min-height:48px}.submit-btn{min-height:52px}.header-icon-btn{min-width:44px;min-height:44px}.nav-item{min-height:48px}.info-prop{min-height:60px}.hover-lift:hover,.hover-scale:hover{transform:none}.hover-lift:active{transform:scale(.98)}.card:active,.order-card:active,.info-prop:active{transform:scale(.98);transition:transform .1s ease}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.sidebar-logo-icon,.sidebar-user-avatar{box-shadow:0 0 25px var(--primary-glow)}}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-dark: #0a0a12;--bg-sidebar: #0d0d18;--bg-main: #0f0f1a;--bg-card: #141425;--text-primary: #ffffff}}@media print{.sidebar,.bottom-nav,.top-header,.submit-btn,.action-row,.tabs-row{display:none!important}.main-content{margin-left:0}.page-content{padding:0}.order-layout{display:block}.order-form,.info-panel,.card{break-inside:avoid;border:1px solid #ddd;margin-bottom:16px}}@supports (padding: max(0px)){.top-header{padding-top:max(0px,env(safe-area-inset-top))}.bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}.sidebar{padding-top:max(0px,env(safe-area-inset-top))}}@container (max-width: 400px){.info-props-grid{grid-template-columns:1fr}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}.hide-tablet{display:block}.show-tablet{display:none}@media (min-width: 768px) and (max-width: 1023px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}.hide-desktop{display:block}.show-desktop{display:none}@media (min-width: 1024px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}.landing-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;overflow:hidden;opacity:0;transform:translateY(20px);transition:all .8s ease}.hero-section.visible{opacity:1;transform:translateY(0)}.hero-bg-gradient{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(168,85,247,.15) 0%,transparent 50%);animation:gradientMove 15s ease-in-out infinite}@keyframes gradientMove{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-5%,-5%) rotate(5deg)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px}.hero-badge{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:30px;font-size:14px;font-weight:600;margin-bottom:24px;color:#fff}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:24px}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--primary-light),#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.6}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.cta-button.primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 10px 30px #6366f14d}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #6366f166}.cta-button.secondary{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border)}.cta-button.secondary:hover{border-color:var(--primary);color:var(--primary)}.cta-button.large{padding:20px 48px;font-size:1.2rem}.hero-stats{display:flex;gap:48px;justify-content:center;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat-value{display:block;font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-stat-label{color:var(--text-secondary);font-size:.9rem}.features-section{padding:80px 20px;max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:48px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 20px 40px #0000001a}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.3rem;margin-bottom:12px}.feature-card p{color:var(--text-secondary);line-height:1.6}.services-section{padding:80px 20px;background:var(--bg-secondary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1200px;margin:0 auto}.service-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .3s ease}.service-card:hover{transform:scale(1.02);box-shadow:0 20px 40px #00000026}.service-card.instagram{border-top:4px solid #E4405F}.service-card.tiktok{border-top:4px solid #000000}.service-card.telegram{border-top:4px solid #0088cc}.service-card.youtube{border-top:4px solid #FF0000}.service-icon{font-size:2.5rem;margin-bottom:16px}.service-card h3{font-size:1.4rem;margin-bottom:16px}.service-card ul{list-style:none;padding:0}.service-card li{padding:8px 0;border-bottom:1px solid var(--border);color:var(--text-secondary)}.service-card li:last-child{border-bottom:none}.services-note{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:.9rem}.cta-section{padding:100px 20px;text-align:center;background:linear-gradient(135deg,#6366f11a,#a855f71a)}.cta-content h2{font-size:2.5rem;margin-bottom:16px}.cta-content p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:32px}.landing-footer{padding:48px 20px 24px;background:var(--bg-secondary);border-top:1px solid var(--border)}.footer-content{max-width:1200px;margin:0 auto 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footer-brand h3{font-size:1.5rem;margin-bottom:8px}.footer-brand p{color:var(--text-secondary)}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.9rem}@media (max-width: 768px){.hero-stats{gap:24px}.cta-button{padding:14px 24px;font-size:1rem}.footer-content{flex-direction:column;text-align:center}}