:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#00b09b,#96c93d);--warning-gradient:linear-gradient(135deg,#f9d423,#ff4e50);--dark-bg:#0a0a0f;--card-bg:#14141f;--card-hover:#1e1e2d;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#6c6c7c;--accent:#4f6af5;--success:#00d68f;--warning:#ffaa00;--danger:#ff3d71;--info:#36a2ef;--border-color:rgba(255,255,255,.08);--shadow-color:rgba(0,0,0,.5);--table-header-bg:rgba(79,106,245,.15);--table-row-hover:rgba(79,106,245,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--dark-bg);color:var(--text-primary);overflow-x:hidden;min-height:100vh}.menu-toggle{position:fixed;top:20px;left:20px;width:50px;height:50px;background:var(--primary-gradient);border:none;border-radius:12px;font-size:24px;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:.3s}.menu-toggle:hover,.user-profile img:hover{transform:scale(1.1)}.sidebar{position:fixed;left:0;top:0;height:100vh;width:300px;background:var(--card-bg);border-right:1px solid var(--border-color);transition:.3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow-y:auto;box-shadow:10px 0 30px rgba(0,0,0,.3)}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:10px}.sidebar-header{padding:30px 20px;text-align:center;border-bottom:1px solid var(--border-color)}.sidebar-header img{width:80px;height:80px;margin-bottom:15px;filter:drop-shadow(0 10px 20px rgba(79,106,245,.3));transition:transform .3s}.sidebar-header img:hover{transform:rotate(360deg)}.sidebar-header h3{font-size:28px;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.sidebar-menu{padding:20px 0}.sidebar-menu ul{list-style:none;padding:0}.sidebar-menu ul li{margin:8px 15px}.sidebar-menu ul li a{display:flex;align-items:center;padding:14px 20px;color:var(--text-secondary);text-decoration:none;border-radius:12px;transition:.3s;font-weight:500;position:relative;overflow:hidden}.sidebar-menu ul li a::before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background:var(--primary-gradient);transform:scaleY(0);transition:transform .3s}.sidebar-menu ul li a i{width:30px;font-size:20px;color:var(--accent);transition:.3s}.sidebar-menu ul li a:hover{background:rgba(79,106,245,.1);color:#fff;transform:translateX(5px)}.sidebar-menu ul li a:hover::before{transform:scaleY(1)}.sidebar-menu ul li a.active{background:var(--primary-gradient);color:#fff;box-shadow:0 10px 20px rgba(79,106,245,.3)}.sidebar-menu ul li a.active i,.sidebar-menu ul li a:hover i{color:#fff}.main-content{margin-left:300px;padding:25px 35px;transition:.3s}.top-navbar{padding:18px 30px;border-radius:20px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,.2)}.page-title{font-size:26px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.user-profile{display:flex;align-items:center;gap:20px}.user-profile img{width:50px;height:50px;border-radius:50%;border:3px solid var(--accent);object-fit:cover;transition:transform .3s}.user-info{text-align:right}.user-info h6{margin:0;font-size:14px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:1px}.user-info p{margin:5px 0 0;font-size:16px;font-weight:600;color:var(--text-primary)}.card-gradient,.referral-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:30px;margin-bottom:30px;position:relative;overflow:hidden}.referral-card{background:linear-gradient(135deg,rgba(79,106,245,.1),rgba(118,75,162,.1))}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:30px}.card-gradient{padding:25px;transition:.3s}.card-gradient:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.4);border-color:rgba(79,106,245,.3)}.card-icon{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:var(--primary-gradient);box-shadow:0 10px 20px rgba(79,106,245,.3)}.card-icon i{font-size:28px;color:#fff}.card-title{font-size:14px;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.card-value{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--text-primary);line-height:1.2;word-break:break-word}.card-sub{font-size:13px;color:var(--text-secondary);font-weight:500}.badge-success{background:rgba(0,214,143,.15);color:var(--success);padding:4px 12px;border-radius:20px;border:1px solid rgba(0,214,143,.3);font-weight:600;font-size:12px}.badge-warning{background:rgba(255,170,0,.15);color:var(--warning);padding:4px 12px;border-radius:20px;border:1px solid rgba(255,170,0,.3);font-weight:600;font-size:12px}.progress-bar{height:6px;background:rgba(255,255,255,.1);border-radius:3px;margin-top:15px;overflow:hidden}.progress-fill{height:100%;background:var(--primary-gradient);border-radius:3px;transition:width .5s}.referral-link{background:rgba(0,0,0,.3);padding:18px 20px;border-radius:15px;margin:15px 0 20px;word-break:break-all;font-family:monospace;font-size:14px;color:var(--accent);border:1px solid var(--border-color)}.btn-copy{background:var(--primary-gradient);border:none;padding:12px 30px;color:#fff;border-radius:12px;cursor:pointer;transition:.3s;font-weight:600;position:relative;overflow:hidden}.btn-copy:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(79,106,245,.4)}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 37%,rgba(255,255,255,.05) 63%);background-size:200% 100%;animation:1.5s linear infinite skeleton-loading;border-radius:8px}.skeleton-text{height:24px;width:100%;margin:5px 0}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.6s ease-out forwards fadeInUp}@media(max-width:768px){.menu-toggle{display:flex}.sidebar{left:-300px;box-shadow:none}.sidebar.active{left:0;box-shadow:10px 0 30px rgba(0,0,0,.5)}.main-content{margin-left:0;padding:80px 15px 20px}.top-navbar{flex-direction:column;gap:15px;text-align:center;margin-top:60px}.user-profile{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr;gap:15px}.card-value{font-size:22px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--card-bg)}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:10px}