:root{--font-family:"Inter", system-ui, -apple-system, sans-serif;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-gold:#fbbf24;--color-alert-blue-bg:#eff6ff;--color-alert-blue-border:#bfdbfe;--color-alert-blue-text:#1d4ed8;--color-alert-green-bg:#f0fdf4;--color-alert-green-border:#bbf7d0;--color-alert-green-text:#15803d;--bg-body:#1c212c;--bg-card:#272d3d;--bg-card-hover:#2f364a;--bg-input:#373f51;--border-color:#373f51;--text-main:#f8fafc;--text-muted:#94a3b8;--header-bg:#222736;--header-border:#333a4c;--gradient-manage:linear-gradient(135deg, #7468ec 0%, #9a5ce3 100%);--gradient-referral:linear-gradient(135deg, #f36c9d 0%, #f47f70 100%);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-glow:0 0 20px #7468ec66}[data-theme=light]{--bg-body:#f5f6f8;--bg-card:#fff;--bg-card-hover:#f9fafb;--bg-input:#f3f4f6;--border-color:#e5e7eb;--text-main:#111827;--text-muted:#6b7280;--header-bg:#222736;--header-border:#1a1e2a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit}.container{width:100%;max-width:600px;margin:0 auto;padding:1rem}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:1.5rem}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-gold{color:#fff;background-color:#d1a13b}.btn-disabled{color:#fff;cursor:not-allowed;background-color:#94a3b8}.btn-gradient-manage{background:var(--gradient-manage);color:#fff;box-shadow:0 4px 15px #7468ec4d}.btn-gradient-referral{background:var(--gradient-referral);color:#fff;box-shadow:0 4px 15px #f36c9d4d}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.input-label{color:var(--text-main);font-size:.875rem;font-weight:500}.input-field{border-radius:var(--radius-md);background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-main);outline:none;padding:.75rem 1rem;transition:border-color .2s}.input-field:focus{border-color:var(--color-primary)}.header{background-color:var(--header-bg);border-bottom:1px solid var(--header-border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.header-logo{color:#fff;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.header-logo svg{color:var(--color-gold)}.menu-btn{border:1px solid var(--border-color);color:#fff;border-radius:var(--radius-sm);background-color:#0000;padding:.5rem;display:flex}.alert{border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;display:flex}.alert-info{background-color:var(--color-alert-blue-bg);border:1px solid var(--color-alert-blue-border);color:var(--color-alert-blue-text)}.alert-success{background-color:var(--color-alert-green-bg);border:1px solid var(--color-alert-green-border);color:var(--color-alert-green-text)}.alert-content{align-items:center;gap:.75rem;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:.75rem 1rem}th{color:var(--text-muted);background-color:#00000005;font-size:.875rem;font-weight:600}.text-success{color:var(--color-success)}