@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #16162a;--bg-card-hover: #1e1e3a;--text-primary: #ffffff;--text-secondary: #a0a0c0;--text-muted: #6b6b8d;--accent: #7c3aed;--accent-light: #a78bfa;--accent-dark: #5b21b6;--gradient-main: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #6d28d9 100%);--gradient-card: linear-gradient(145deg, #1a1a2e 0%, #16162a 100%);--gradient-hero: linear-gradient(135deg, #2d1b69 0%, #1a1a2e 50%, #16162a 100%);--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--radius: 16px;--radius-sm: 10px;--shadow: 0 4px 24px rgba(124, 58, 237, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{width:1.1rem;height:1.1rem;display:inline-block;flex-shrink:0;fill:none;stroke:currentColor}.title-with-icon{display:flex;align-items:center;gap:10px}#app{max-width:100%;min-height:100vh;padding-bottom:80px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#16162af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(124,58,237,.2);padding:8px 0;z-index:100}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:none;border:none;color:var(--text-muted);font-size:11px;font-family:inherit;cursor:pointer;transition:all .3s ease;border-radius:var(--radius-sm)}.nav-btn.active{color:var(--accent-light)}.nav-btn.active svg{filter:drop-shadow(0 0 8px rgba(124,58,237,.5))}.page{display:none;animation:fadeIn .3s ease}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-content{padding:16px}.page-title{font-size:22px;font-weight:700;margin-bottom:16px;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-title .ui-icon{width:1.3rem;height:1.3rem}.hero-card{background:var(--gradient-hero);border-radius:var(--radius);padding:32px 20px;text-align:center;margin-bottom:16px;border:1px solid rgba(124,58,237,.2);box-shadow:var(--shadow)}.hero-icon{width:80px;height:80px;margin:0 auto 16px;background:var(--gradient-main);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #7c3aed66}.hero-icon svg{stroke:#fff}.hero-title{font-size:28px;font-weight:700;margin-bottom:4px}.hero-subtitle{color:var(--text-secondary);font-size:14px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stat-card{background:var(--gradient-card);border:1px solid rgba(124,58,237,.15);border-radius:var(--radius);padding:16px;text-align:center}.stat-icon{display:flex;align-items:center;justify-content:center;color:var(--accent-light);margin-bottom:8px}.stat-icon .ui-icon{width:1.5rem;height:1.5rem}.stat-value{font-size:20px;font-weight:700;margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-secondary)}.card{background:var(--gradient-card);border:1px solid rgba(124,58,237,.12);border-radius:var(--radius);padding:20px;margin-bottom:12px}.card-title{font-size:16px;font-weight:600;margin-bottom:12px}.card-title .ui-icon,.sub-header h3 .ui-icon{color:var(--accent-light)}.action-btn{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s;margin-bottom:8px}.action-btn:hover,.action-btn:active{background:#7c3aed33;border-color:var(--accent)}.action-btn svg{flex-shrink:0;stroke:var(--accent-light)}.primary-btn{display:block;width:100%;padding:14px;background:var(--gradient-main);border:none;border-radius:var(--radius-sm);color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #7c3aed4d}.primary-btn:active{transform:scale(.98)}.copy-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-radius:var(--radius-sm);color:var(--accent-light);font-size:13px;font-family:inherit;cursor:pointer;margin-top:10px;transition:all .2s}.copy-btn:active{background:#7c3aed4d}.progress-bar{width:100%;height:8px;border-radius:4px;background:#7c3aed1a;overflow:hidden;margin:8px 0}.progress-fill{height:100%;border-radius:4px;background:var(--gradient-main);transition:width .5s ease}.traffic-text{font-size:13px;color:var(--text-secondary)}.balance-hero{background:var(--gradient-hero);border-radius:var(--radius);padding:32px;text-align:center;margin-bottom:16px;border:1px solid rgba(124,58,237,.2)}.balance-amount{font-size:36px;font-weight:700;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance-label{color:var(--text-secondary);font-size:13px;margin-top:4px}.sub-card{overflow:hidden}.sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sub-header h3{font-size:16px;font-weight:600}.sub-badge{font-size:11px;padding:4px 10px;background:#7c3aed33;border-radius:20px;color:var(--accent-light)}.sub-badge.unlimited{background:#22c55e26;color:var(--success)}.qr-section{text-align:center}.qr-tab-btns{display:flex;gap:8px;margin-bottom:16px}.qr-tab{flex:1;padding:10px;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;transition:all .2s}.qr-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.qr-panel{display:none}.qr-panel.active{display:block}.qr-canvas{width:200px;height:200px;border-radius:20px;margin:0 auto;display:block}.transactions-list{max-height:400px;overflow-y:auto}.tx-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(124,58,237,.08)}.tx-item:last-child{border-bottom:none}.tx-desc{font-size:13px;color:var(--text-primary);flex:1}.tx-date{font-size:11px;color:var(--text-muted)}.tx-amount{font-size:14px;font-weight:600;min-width:80px;text-align:right}.tx-amount.positive{color:var(--success)}.tx-amount.negative{color:var(--danger)}.ref-total{font-size:24px;font-weight:700;text-align:center;padding:8px 0;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hint{font-size:12px;color:var(--text-muted);margin-top:8px}.empty-text{text-align:center;color:var(--text-muted);padding:20px;font-size:14px}.traffic-info{margin-top:12px;padding-top:12px;border-top:1px solid rgba(124,58,237,.1);font-size:13px;color:var(--text-secondary)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:2px}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:var(--accent);color:#fff;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;z-index:1000;transition:transform .3s ease;box-shadow:0 4px 20px #7c3aed66}.toast.show{transform:translate(-50%) translateY(0)}.admin-2fa-card{text-align:center;padding:40px 20px}.admin-2fa-icon{width:72px;height:72px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;color:var(--accent-light);background:#7c3aed1f;border:1px solid rgba(124,58,237,.2);border-radius:50%}.admin-2fa-icon .ui-icon{width:2rem;height:2rem}.admin-status{margin-bottom:12px;padding:12px 14px;border-radius:var(--radius-sm);font-size:13px;line-height:1.45;border:1px solid rgba(239,68,68,.28);background:#ef44441f;color:#fecaca}.admin-status.success{border-color:#22c55e47;background:#22c55e1f;color:#bbf7d0}.admin-2fa-card h3{font-size:18px;margin-bottom:8px}.otp-input-wrap{margin:20px 0}.otp-input{width:180px;padding:14px;background:var(--bg-primary);border:2px solid rgba(124,58,237,.3);border-radius:var(--radius-sm);color:var(--text-primary);font-size:28px;font-weight:700;font-family:Inter,monospace;text-align:center;letter-spacing:8px;outline:none;transition:border-color .2s}.otp-input:focus{border-color:var(--accent)}.admin-error{color:var(--danger);font-size:13px;margin-top:12px}.admin-stats-grid{grid-template-columns:1fr 1fr 1fr;margin-bottom:16px}.admin-users-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.admin-users-header .card-title{margin-bottom:0;white-space:nowrap}.admin-search-input{flex:1;min-width:150px;padding:10px 14px;background:var(--bg-primary);border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color .2s}.admin-search-input:focus{border-color:var(--accent)}.admin-search-input::placeholder{color:var(--text-muted)}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{padding:10px 8px;text-align:left;color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(124,58,237,.15);white-space:nowrap}.admin-table td{padding:10px 8px;border-bottom:1px solid rgba(124,58,237,.06);white-space:nowrap}.admin-table tbody tr:hover{background:#7c3aed0d}.admin-table .user-name{color:var(--text-primary);font-weight:500}.admin-table .user-username{color:var(--text-muted);font-size:11px}.admin-table .balance-cell{font-weight:600;color:var(--accent-light)}.admin-table .sub-active{color:var(--success)}.admin-table .sub-none{color:var(--text-muted)}.admin-edit-btn{padding:6px 12px;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-radius:6px;color:var(--accent-light);font-size:12px;font-family:inherit;cursor:pointer;transition:all .2s}.admin-edit-btn:active{background:#7c3aed4d}.admin-icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0}.admin-toggle-btn,.admin-pct-btn,.admin-del-btn{background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:8px;color:var(--text-secondary);font-family:inherit;cursor:pointer;transition:all .2s}.admin-toggle-btn.active{color:var(--success);border-color:#22c55e59;background:#22c55e1f}.admin-pct-btn{padding:8px 10px;min-width:58px;color:var(--accent-light)}.admin-del-btn{color:#fca5a5;border-color:#ef444440;background:#ef44441a}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}.admin-page-btn{padding:6px 12px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:6px;color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;transition:all .2s}.admin-page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.admin-page-btn:disabled{opacity:.4;cursor:default}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.admin-modal{background:var(--bg-secondary);border:1px solid rgba(124,58,237,.2);border-radius:var(--radius);padding:24px;width:100%;max-width:360px}.admin-modal h3{font-size:18px;margin-bottom:8px}.admin-label{display:block;font-size:12px;color:var(--text-secondary);margin:12px 0 6px}.admin-input{width:100%;padding:12px 14px;background:var(--bg-primary);border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.admin-input:focus{border-color:var(--accent)}.admin-modal-btns{display:flex;gap:10px;margin-top:20px}.admin-modal-btns .primary-btn{flex:1}.secondary-btn{flex:1;padding:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:15px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.secondary-btn:active{background:#ffffff1a}.admin-toggle-btn{padding:4px 10px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.admin-toggle-btn.active{background:#22c55e26;border-color:#22c55e4d}.admin-pct-btn{padding:4px 10px;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-radius:6px;color:var(--accent-light);font-size:12px;font-family:inherit;cursor:pointer;transition:all .2s}.admin-pct-btn:active{background:#7c3aed4d}.admin-del-btn{padding:4px 10px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.admin-del-btn:active{background:#ef44444d}