:root{--bg-dark: #020617;--bg-card: rgba(255, 255, 255, .05);--text-primary: #e5e7eb;--text-secondary: #94a3b8;--color-primary: #38bdf8;--color-secondary: #6366f1;--color-success: #10b981;--color-danger: #ef4444;--sidebar-width: 280px;--border-color: rgba(255, 255, 255, .08);--transition: all .4s cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border-color);padding:2rem 1.5rem;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:50}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2.5rem;max-width:1400px;transition:var(--transition)}@media(max-width:1024px){.sidebar{transform:translate(-100%);transition:transform .4s ease}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:1.5rem}.mobile-header{display:flex!important}}h1,h2,h3,h4{font-weight:700;margin-bottom:.5rem}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-slate-400{color:var(--text-secondary)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:2rem;padding:2.5rem;box-shadow:0 10px 40px -10px #00000080;transition:var(--transition)}.glass-card:hover{border-color:#38bdf84d;background:#ffffff0d}.mobile-header{display:none;position:sticky;top:0;left:0;right:0;height:64px;background:#020617cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:0 1.5rem;align-items:center;justify-content:space-between;z-index:100}.input-group{margin-bottom:1.5rem}.input-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-secondary)}.form-input{width:100%;background:#0f172a99;border:1px solid var(--border-color);border-radius:.75rem;padding:.75rem 1rem .75rem 2.75rem;color:#fff;font-size:1rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #38bdf833}.gradient-btn{width:100%;padding:1rem;border-radius:.75rem;border:none;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}.gradient-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 25px #38bdf84d}.gradient-btn:disabled{opacity:.6;cursor:not-allowed}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;z-index:0}.orb-1{top:-10%;left:-10%;width:40vw;height:40vw;background:var(--color-primary)}.orb-2{bottom:-10%;right:-10%;width:40vw;height:40vw;background:var(--color-secondary)}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;color:var(--text-secondary);text-decoration:none;transition:var(--transition);margin-bottom:.5rem}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-link.active{background:#38bdf81a;color:var(--color-primary);border:1px solid rgba(56,189,248,.2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem}.stat-icon-box{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.table-container{width:100%;border-collapse:collapse}.table-container th{text-align:left;padding:1rem;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.table-container td{padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-success{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.badge-primary{background:#38bdf81a;color:var(--color-primary);border:1px solid rgba(56,189,248,.2)}.alert{padding:1rem;border-radius:.75rem;font-size:.875rem;margin-bottom:1rem}.alert-error{background:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.alert-success{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}@media(min-width:1025px){.recharge-card{grid-column:span 2}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#38bdf866}.hover-glow:hover{box-shadow:0 0 20px #38bdf833}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.glass-card{padding:1.5rem}.hide-mobile{display:none!important}}.transactions-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}