@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#080918;--bg-secondary:#0d0f2b;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--bg-input:#ffffff0f;--bg-sidebar:#0b0d20;--accent:#7c3aed;--accent-light:#9d5cf6;--accent-dim:#7c3aed26;--accent-glow:#7c3aed4d;--cyan:#06b6d4;--cyan-dim:#06b6d426;--green:#10b981;--green-dim:#10b98126;--green-glow:#10b98140;--orange:#f59e0b;--orange-dim:#f59e0b26;--red:#ef4444;--red-dim:#ef444426;--yellow:gold;--yellow-dim:#ffd7001f;--text-primary:#f0f0ff;--text-secondary:#9ca3b0;--text-muted:#5a5f7a;--border:#ffffff14;--border-focus:#7c3aed80;--gradient-primary:linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);--gradient-accent:linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);--gradient-hero:linear-gradient(135deg, #0d0f2b 0%, #1a1040 50%, #0d1f3c 100%);--gradient-card:linear-gradient(135deg, #7c3aed1a 0%, #06b6d40d 100%);--gradient-green:linear-gradient(135deg, #10b981, #059669);--gradient-red:linear-gradient(135deg, #ef4444, #dc2626);--gradient-gold:linear-gradient(135deg, gold, #f59e0b);--glass:#ffffff0a;--glass-blur:blur(20px);--glass-border:1px solid #ffffff14;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-lg:0 16px 64px #00000080;--shadow-accent:0 8px 32px #7c3aed40;--shadow-green:0 8px 32px #10b98133;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1);--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--sidebar-width:260px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}input,select,textarea{font-family:var(--font-body);border:none;outline:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.glass-card{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);transition:var(--transition);padding:24px}.glass-card:hover{background:var(--bg-card-hover);border-color:#ffffff1f}.glass-card-sm{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-md);padding:16px}.btn{border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:var(--font-body);transition:var(--transition);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:var(--transition);background:#ffffff1a;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 40px #7c3aed66}.btn-outline{color:var(--accent-light);border:1px solid var(--accent);background:0 0}.btn-outline:hover{background:var(--accent-dim)}.btn-ghost{background:var(--bg-card);color:var(--text-secondary);border:var(--glass-border)}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-green{background:var(--gradient-green);color:#fff;box-shadow:var(--shadow-green)}.btn-danger{background:var(--gradient-red);color:#fff}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:13px}.btn-lg{border-radius:var(--radius-lg);padding:16px 32px;font-size:16px}.btn-full{width:100%}.btn-loading{color:#0000!important}.btn-loading:before{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;position:absolute}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition);width:100%;padding:12px 16px;font-size:14px}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#7c3aed0d}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:var(--red);box-shadow:0 0 0 3px #ef444426}.form-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3b0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;width:100%;padding:12px 40px 12px 16px;font-size:14px}.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.form-error{color:var(--red);align-items:center;gap:4px;font-size:12px;display:flex}.input-with-icon{position:relative}.input-with-icon .input-icon{color:var(--text-muted);pointer-events:none;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon .form-input{padding-left:42px}.input-addon{cursor:pointer;color:var(--text-muted);transition:var(--transition);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-addon:hover{color:var(--text-primary)}.stat-card{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);transition:var(--transition);padding:24px;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-primary);opacity:0;height:2px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-card:hover:before{opacity:1}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:22px;display:flex}.stat-icon.purple{background:var(--accent-dim)}.stat-icon.cyan{background:var(--cyan-dim)}.stat-icon.green{background:var(--green-dim)}.stat-icon.orange{background:var(--orange-dim)}.stat-icon.red{background:var(--red-dim)}.stat-icon.gold{background:var(--yellow-dim)}.stat-value{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:6px;font-size:28px;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.stat-change{border-radius:var(--radius-full);align-items:center;gap:4px;margin-top:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.stat-change.up{color:var(--green);background:var(--green-dim)}.stat-change.down{color:var(--red);background:var(--red-dim)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--green-dim);color:var(--green)}.badge-error{background:var(--red-dim);color:var(--red)}.badge-warning{background:var(--orange-dim);color:var(--orange)}.badge-info{background:var(--cyan-dim);color:var(--cyan)}.badge-purple{background:var(--accent-dim);color:var(--accent-light)}.badge-muted{color:var(--text-muted);background:#9ca3b01a}.tx-status{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.tx-status:before{content:"";border-radius:50%;width:6px;height:6px}.tx-status.success{background:var(--green-dim);color:var(--green)}.tx-status.success:before{background:var(--green)}.tx-status.failed{background:var(--red-dim);color:var(--red)}.tx-status.failed:before{background:var(--red)}.tx-status.pending{background:var(--orange-dim);color:var(--orange)}.tx-status.pending:before{background:var(--orange);animation:1.5s infinite pulse}.tx-status.processing{background:var(--cyan-dim);color:var(--cyan)}.tx-status.processing:before{background:var(--cyan);animation:1.5s infinite pulse}.network-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.network-card{background:var(--glass);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex;position:relative}.network-card:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.network-card.selected{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 1px var(--accent)}.network-card.selected:after{content:"✓";background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:6px;right:6px}.network-logo{font-size:28px;line-height:1}.network-logo img{object-fit:cover;border-radius:50%;width:32px;height:32px}.network-name{color:var(--text-secondary);text-align:center;font-size:11px;font-weight:600}.network-card.selected .network-name{color:var(--text-primary)}.service-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.service-card{background:var(--glass);border:var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;text-decoration:none;display:flex}.service-card:hover{background:var(--accent-dim);border-color:var(--accent);box-shadow:var(--shadow-accent);transform:translateY(-4px)}.service-icon-wrap{border-radius:var(--radius-md);background:var(--gradient-primary);width:52px;height:52px;box-shadow:var(--shadow-accent);transition:var(--transition);justify-content:center;align-items:center;font-size:24px;display:flex}.service-card:hover .service-icon-wrap{transform:scale(1.1)}.service-name{color:var(--text-secondary);transition:var(--transition);font-size:12px;font-weight:600}.service-card:hover .service-name{color:var(--text-primary)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);background:#ffffff05;padding:12px 16px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);padding:14px 16px;font-size:14px}.data-table tr:hover td{background:var(--bg-card);color:var(--text-primary)}.data-table tr:last-child td{border-bottom:none}.notification-item{border-bottom:1px solid var(--border);transition:var(--transition);cursor:pointer;gap:12px;padding:14px 16px;display:flex}.notification-item:hover{background:var(--bg-card)}.notification-item.unread{background:var(--accent-dim);border-left:3px solid var(--accent)}.notification-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.notification-icon.success{background:var(--green-dim)}.notification-icon.error{background:var(--red-dim)}.notification-icon.info{background:var(--cyan-dim)}.notification-icon.warning{background:var(--orange-dim)}.notification-content h4{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:600}.notification-content p{color:var(--text-secondary);font-size:12px;line-height:1.5}.notification-time{color:var(--text-muted);margin-top:4px;font-size:11px}.wallet-card{background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-accent);padding:28px;position:relative;overflow:hidden}.wallet-card:before{content:"";background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.wallet-card:after{content:"";background:#ffffff0d;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-40px;left:-40px}.wallet-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:13px;font-weight:500}.wallet-amount{font-family:var(--font-heading);color:#fff;margin-bottom:4px;font-size:40px;font-weight:800;line-height:1}.wallet-amount span{opacity:.8;font-size:22px}.wallet-phone{color:#fff9;font-size:13px;font-family:var(--font-mono);margin-top:12px}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:var(--glass-border);z-index:1100;flex-direction:column;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:var(--glass-border);align-items:center;gap:12px;padding:24px 20px;display:flex}.logo-mark{object-fit:contain;flex-shrink:0;width:40px;height:40px}.logo-text{font-family:var(--font-heading);color:var(--text-primary);font-size:16px;font-weight:800;line-height:1.2}.logo-text span{color:var(--text-muted);font-size:11px;font-weight:400;display:block}.sidebar-nav{flex:1;padding:12px 0}.nav-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;padding:16px 20px 6px;font-size:10px;font-weight:700}.nav-item{color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:var(--radius-md);align-items:center;gap:12px;margin:1px 8px;padding:11px 20px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:var(--bg-card)}.nav-item.active{color:var(--accent-light);background:var(--accent-dim);font-weight:600}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;font-size:18px;display:flex}.nav-badge{background:var(--accent);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:18px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.sidebar-footer{border-top:var(--glass-border);padding:16px}.sidebar-user{border-radius:var(--radius-md);transition:var(--transition);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;display:flex}.sidebar-user:hover{background:var(--bg-card)}.user-avatar{background:var(--gradient-primary);color:#fff;width:36px;height:36px;font-size:14px;font-weight:700;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-info{flex:1;min-width:0}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:var(--text-muted);margin-top:1px;font-size:11px}.main-content{margin-left:var(--sidebar-width);min-height:100vh;padding:28px;padding-top:calc(var(--header-height) + 28px)}.top-header{top:0;left:var(--sidebar-width);height:var(--header-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:var(--glass-border);z-index:90;background:#080918e6;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:fixed;right:0}.header-title{font-family:var(--font-heading);color:var(--text-primary);font-size:20px;font-weight:700}.header-actions{align-items:center;gap:12px;display:flex}.icon-btn{border-radius:var(--radius-md);background:var(--glass);border:var(--glass-border);cursor:pointer;width:38px;height:38px;transition:var(--transition);color:var(--text-secondary);justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.icon-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.icon-btn .badge-dot{background:var(--accent);border:2px solid var(--bg-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.page-header{margin-bottom:28px}.page-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:6px;font-size:28px;font-weight:800}.page-subtitle{color:var(--text-muted);font-size:14px}.plan-tabs{background:var(--glass);border:var(--glass-border);border-radius:var(--radius-md);gap:8px;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.plan-tab{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:8px 18px;font-size:13px;font-weight:600}.plan-tab.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-accent)}.plan-tab:hover:not(.active){color:var(--text-primary);background:var(--bg-card)}.plan-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:320px;padding-right:4px;display:grid;overflow-y:auto}.plan-item{background:var(--glass);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);padding:14px;position:relative}.plan-item:hover{background:var(--accent-dim);border-color:#7c3aed66}.plan-item.selected{border-color:var(--accent);background:var(--accent-dim)}.plan-item.selected:after{content:"✓";background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex;position:absolute;top:8px;right:8px}.plan-name{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.plan-price{color:var(--accent-light);font-size:20px;font-weight:800;font-family:var(--font-heading)}.plan-price span{color:var(--text-muted);font-size:12px;font-weight:400;font-family:var(--font-body)}.plan-validity{color:var(--text-muted);margin-top:4px;font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:28px;position:relative}.modal-title{font-family:var(--font-heading);margin-bottom:6px;font-size:22px;font-weight:800}.modal-close{background:var(--glass);border:var(--glass-border);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background:var(--red-dim);color:var(--red)}.success-screen{text-align:center;padding:40px 20px}.success-icon{background:var(--green-dim);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:40px;animation:.4s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex}.hero{background:var(--gradient-hero);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed26 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#06b6d41a 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.hero-badge{background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent-light);border-radius:var(--radius-full);align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero-title{font-family:var(--font-heading);background:linear-gradient(135deg,#fff 40%,#7c3aedcc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(38px,6vw,72px);font-weight:900;line-height:1.05}.hero-subtitle{color:var(--text-secondary);max-width:540px;margin-bottom:36px;font-size:18px;line-height:1.7}.hero-stats{border-top:var(--glass-border);gap:40px;margin-top:40px;padding-top:40px;display:flex}.hero-stat-value{font-family:var(--font-heading);color:var(--text-primary);font-size:32px;font-weight:800}.hero-stat-label{color:var(--text-muted);font-size:13px}.public-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:var(--glass-border);z-index:50;background:#080918e6;justify-content:space-between;align-items:center;height:70px;padding:0 60px;display:flex;position:fixed;top:0;left:0;right:0}.admin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.chart-card{background:var(--glass);border:var(--glass-border);border-radius:var(--radius-lg);padding:24px}.chart-title{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:15px;font-weight:700;display:flex}.toggle-wrap{align-items:center;gap:10px;display:flex}.toggle{background:var(--border);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:var(--transition);border:none;position:relative}.toggle:after{content:"";width:18px;height:18px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.toggle.on{background:var(--green)}.toggle.on:after{transform:translate(20px)}.pagination{justify-content:center;align-items:center;gap:6px;margin-top:24px;display:flex}.page-btn{border-radius:var(--radius-sm);border:var(--glass-border);background:var(--glass);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.page-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.page-btn.active{background:var(--gradient-primary);color:#fff;border-color:#0000}.page-btn:disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px}.empty-icon{opacity:.5;margin-bottom:16px;font-size:56px}.empty-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:700}.empty-text{color:var(--text-muted);font-size:14px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, #ffffff0f 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:2000px 100%;animation:2s infinite shimmer}.bottom-nav{-webkit-backdrop-filter:blur(24px);z-index:1000;height:70px;padding:0 16px;padding-bottom:env(safe-area-inset-bottom,0);background:#0d0f2bf2;border-top:1px solid #ffffff14;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-items{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.bottom-nav-item{color:var(--text-muted);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:11px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.bottom-nav-item .nav-icon{z-index:2;color:var(--text-muted);justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.bottom-nav-item span:not(.nav-icon){z-index:2;transition:all .3s}.bottom-nav-item.active{color:#fff}.bottom-nav-item.active .nav-icon{color:var(--accent-light);filter:drop-shadow(0 4px 6px #7c3aed66);transform:translateY(-2px)}.bottom-nav-item.active:before{content:"";background:var(--accent-dim);z-index:1;opacity:.8;border-radius:12px;width:40px;height:40px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #7c3aed4d}50%{box-shadow:0 0 40px #7c3aed99}}.animate-fade-in{animation:.4s fadeIn}.animate-fade-up{animation:.4s fadeUp}.animate-scale-in{animation:.3s cubic-bezier(.175,.885,.32,1.275) scaleIn}.animate-float{animation:3s ease-in-out infinite float}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-lg{font-size:18px}.text-xl{font-size:22px}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-accent{color:var(--accent-light)!important}.text-green{color:var(--green)!important}.text-red{color:var(--red)!important}.text-orange{color:var(--orange)!important}.fw-400{font-weight:400}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.w-full{width:100%}.h-full{height:100%}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mono{font-family:var(--font-mono)}.divider{background:var(--border);height:1px;margin:16px 0}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.top-header{left:0}.bottom-nav{display:flex}.main-content{padding-bottom:110px}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.main-content{padding:16px;padding-top:calc(var(--header-height) + 16px);padding-bottom:110px}.network-grid{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.plan-grid{grid-template-columns:repeat(2,1fr)}.hero-stats{gap:24px}.wallet-amount{font-size:32px}.public-nav{padding:0 20px}.modal{padding:20px}}@media (width<=480px){.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(3,1fr)}.plan-grid{grid-template-columns:1fr}}.sidebar-overlay{z-index:1050;background:#0009;display:none;position:fixed;inset:0}@media (width<=1024px){.sidebar-overlay.show{display:block}}@media (width<=768px){.hide-mobile{display:none!important}}.recharge-card-print{color:#000;background:#fff;border:2px dashed #ccc;border-radius:8px;flex-direction:column;width:100%;height:160px;margin-bottom:8px;padding:8px 12px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.recharge-grid{grid-template-columns:repeat(2,1fr);gap:15px;width:100%;display:grid}@media (width<=768px){.recharge-grid{grid-template-columns:1fr}}@media print{body{background:#fff}.sidebar,.top-header,.bottom-nav,.page-header,.no-print{display:none!important}.main-content{width:100%!important;min-height:auto!important;margin:0!important;padding:0!important}.sidebar-overlay{background:#fff!important;align-items:flex-start!important;width:100%!important;height:auto!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.sidebar-overlay .glass-card{max-width:100%!important;max-height:none!important;box-shadow:none!important;border:none!important;padding:0!important;overflow:visible!important}.recharge-grid{grid-template-columns:repeat(2,1fr)!important;gap:15px!important;width:100%!important;margin:0!important;padding:0!important;display:grid!important}.recharge-card-print{break-inside:avoid;page-break-inside:avoid;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;border:1px solid #000!important}.recharge-card-print *{color:#000!important}.recharge-card-print img{visibility:visible!important;display:block!important}}@media (width<=768px){.recharge-grid{grid-template-columns:1fr}}.dashboard-charts-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=992px){.dashboard-charts-grid{grid-template-columns:1fr}}.dashboard-charts-grid>div{min-width:0}