@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-light:#f1f5f9;--bg-white:#fff;--text-dark:#0f172a;--text-gray:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--primary-cyan:#0ea5e9;--primary-blue:#2563eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-glow:0 10px 25px -5px #0ea5e940}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);-webkit-font-smoothing:antialiased;background-color:#fff;font-family:Inter,sans-serif}.app-container{width:100%;min-height:100vh;display:flex}.sidebar{z-index:10;color:#0f172a;background:#fff;border-right:1px solid #f1f5f9;flex-direction:column;width:280px;height:100vh;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;box-shadow:4px 0 24px #00000008}.sidebar-header{border-bottom:1px solid #f8fafc;align-items:center;gap:16px;padding:32px 28px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary-cyan), var(--primary-blue));color:#fff;width:40px;height:40px;box-shadow:var(--shadow-glow);border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:flex}.brand-title{letter-spacing:.5px;color:#0f172a;font-size:18px;font-weight:800}.sidebar-menu{flex:1;padding:20px 16px;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{display:none}.sidebar-menu{-ms-overflow-style:none;scrollbar-width:none}.menu-section{color:#94a3b8;letter-spacing:1.2px;text-transform:uppercase;margin:16px 0 8px 12px;font-size:11px;font-weight:800}.menu-item{color:#64748b;cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.menu-item:hover{color:#0f172a;background-color:#f8fafc;transform:translate(4px)}.menu-item.active{color:#2563eb;background-color:#eff6ff;box-shadow:0 4px 12px #2563eb14}.menu-icon{font-size:18px}.main-content{flex-direction:column;flex:1;min-width:0;margin-left:280px;display:flex;overflow-x:hidden}.topbar{background:var(--primary-blue);z-index:5;border-bottom:none;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:sticky;top:0;box-shadow:0 4px 10px #0000001a}.page-title{letter-spacing:-.5px;color:#fff;font-size:20px;font-weight:800}.topbar-actions{align-items:center;gap:20px;display:flex}.notification-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.notification-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb1a}.dashboard-content{width:100%;padding:32px 40px}.content-card-wrapper{background:#fff;border-radius:24px;padding:30px;box-shadow:0 10px 30px -10px #0000000d}.user-banner{color:#0c4a6e;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 50%,#bae6fd 100%);border:1px solid #bae6fd;border-radius:24px;align-items:center;gap:32px;margin-bottom:40px;padding:36px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -15px #0284c733}.user-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#fff9 0%,#fff0 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-50px}.user-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b33 0%,#fff0 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-50px;left:20%}.user-avatar{background:linear-gradient(135deg, var(--primary-cyan), var(--primary-blue));color:#fff;z-index:2;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;font-weight:800;transition:transform .3s;display:flex;position:relative;transform:rotate(-3deg);box-shadow:0 0 0 4px #f0f9ff,0 10px 24px #0ea5e94d}.user-banner:hover .user-avatar{transform:rotate(0)scale(1.05)}.user-info-text{z-index:2;flex-direction:column;display:flex;position:relative}.welcome-text{color:#0369a1;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;font-size:13px;font-weight:700}.user-name{letter-spacing:-1px;color:#082f49;margin:0 0 12px;font-size:36px;font-weight:900}.badges{gap:12px;display:flex}.badge{letter-spacing:.5px;border-radius:20px;align-items:center;padding:4px 12px;font-size:11px;font-weight:800;display:flex}.badge-gold{color:#d97706;background-color:#f59e0b26;border:1px solid #f59e0b4d}.badge-id{color:var(--primary-blue);background-color:#0ea5e926;border:1px solid #0ea5e94d}.section-title{color:var(--text-dark);letter-spacing:-.5px;margin-bottom:20px;font-size:20px;font-weight:800}.cards-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px;display:grid}.wallet-cards-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:32px;display:grid}.wallet-card{color:#fff;border-radius:20px;padding:24px;position:relative;overflow:hidden}.wallet-card-title{opacity:.9;margin-bottom:8px;font-size:14px;font-weight:600}.wallet-card-amount{margin:0;font-size:36px;font-weight:900}.wallet-card-icon{opacity:.1;pointer-events:none;font-size:100px;position:absolute;top:-20px;right:-20px}.wallet-card-action{gap:12px;margin-top:24px;display:flex}.wallet-btn{cursor:pointer;text-align:center;border:none;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:800}.wallet-btn-primary{color:#2563eb;background:#fff}.wallet-btn-secondary{color:#fff;background:#fff3;border:1px solid #fff6}.vibrant-card{color:#fff;cursor:pointer;border:1px solid #ffffff26;border-radius:24px;flex-direction:column;justify-content:space-between;padding:28px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 15px 30px -10px #0000001a}.vibrant-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1a 0%,#fff0 100%);border-radius:24px;position:absolute;inset:0}.vibrant-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #0003}.card-bg-circle{background:#ffffff26;border-radius:50%;position:absolute}.card-circle-1{width:140px;height:140px;top:-40px;right:-30px}.card-circle-2{background:#ffffff1a;width:80px;height:80px;bottom:-20px;right:40px}.card-header{z-index:2;justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex;position:relative}.card-icon{background:#fff3;border:1px solid #ffffff4d;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.card-view-btn{background:#ffffff26;border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:700;display:flex}.metric-card{border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;gap:12px;padding:20px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #00000008}.metric-card:hover{transform:translateY(-5px);box-shadow:0 10px 24px -5px #00000014}.metric-card .card-header{margin-bottom:0;display:flex}.metric-card .card-icon{border:none;border-radius:12px;width:44px;height:44px;font-size:22px}.metric-card .card-title{letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:700;color:var(--text-gray)!important}.metric-card .card-amount{letter-spacing:-1px;font-size:26px;font-weight:800;color:var(--text-dark)!important}.network-list{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px -10px #0000000d}.network-item{border-bottom:1px solid #f1f5f9;align-items:center;padding:24px 32px;transition:all .2s;display:flex}.network-item:hover{background:#f8fafc}.network-item:last-child{border-bottom:none}.network-icon-box{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:20px;font-size:22px;display:flex}.network-item-title{color:var(--text-dark);font-size:16px;font-weight:700}.network-item-value{color:var(--text-dark);margin-left:auto;font-size:20px;font-weight:900}@media (width<=1200px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:none}.sidebar-overlay.open{z-index:9;background:#00000080;display:block;position:fixed;inset:0}.mobile-menu-btn{display:block!important}.main-content{margin-left:0}.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.topbar{height:56px;padding:0 16px}.dashboard-content{padding:12px}.content-card-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:16px;box-shadow:0 4px 12px #00000008}.user-banner{border-radius:12px;flex-direction:row;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px}.user-avatar{width:44px;height:44px;font-size:18px;box-shadow:0 0 0 2px #f1f5f9}.user-name{margin:0 0 2px;font-size:18px}.welcome-text{letter-spacing:.5px;margin-bottom:0;font-size:9px}.badges{gap:6px}.badge{padding:2px 6px;font-size:9px}.cards-grid{gap:12px;margin-bottom:20px;grid-template-columns:repeat(2,1fr)!important}.wallet-cards-grid{gap:16px;grid-template-columns:1fr!important}.wallet-card{box-sizing:border-box;border-radius:16px;width:100%;padding:20px}.wallet-card-title{letter-spacing:.5px;opacity:.8;margin-bottom:4px;font-size:12px}.wallet-card-amount{font-size:28px;font-weight:900}.wallet-card-icon{opacity:.15;font-size:70px;top:5px;right:-10px}.wallet-card-action{margin-top:20px}.wallet-btn{border-radius:12px;padding:12px;font-size:14px}.metric-card{border-radius:16px;gap:8px;padding:12px}.metric-card .card-icon{border-radius:10px;width:32px;height:32px;font-size:16px}.metric-card .card-amount{font-size:18px}.metric-card .card-title{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}}.login-wrapper{background:linear-gradient(145deg,#fff0f0 0%,#ffe4e4 40%,#ffc8c8 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Poppins,Inter,sans-serif;display:flex;position:relative;overflow:hidden}.login-wrapper:before{content:"";pointer-events:none;background:radial-gradient(circle,#ef444426 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-120px;right:-120px}.login-wrapper:after{content:"";pointer-events:none;background:radial-gradient(circle,#fb71851f 0%,#0000 70%);border-radius:50%;width:350px;height:350px;position:absolute;bottom:-100px;left:-100px}.login-container{z-index:1;background:#fff;border-radius:32px;width:100%;max-width:960px;min-height:600px;animation:.7s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #dc262633,0 0 0 1px #fffc}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-illustration{background:linear-gradient(160deg,#fff5f5 0%,#ffe8e8 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 32px;display:flex;position:relative;overflow:hidden}.login-illustration:before{content:"";background:radial-gradient(circle,#ef444414 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-80px;left:-80px}.login-illustration img{filter:drop-shadow(0 20px 30px #dc262626);border-radius:16px;max-width:85%;height:auto;animation:5s ease-in-out infinite alternate floatBlobs}@keyframes floatBlobs{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.login-content{background:#fff;flex-direction:column;flex:1;justify-content:center;padding:52px 44px;display:flex;overflow-y:auto}.login-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.login-logo{object-fit:cover;border:3px solid #fff;border-radius:50%;outline:3px solid #ef44444d;width:90px;height:90px;margin:0 auto 14px;animation:2.5s ease-in-out infinite alternate pulseGlow;display:block;box-shadow:0 8px 24px #dc262640}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 4px 12px #6c28d926}to{transform:scale(1.08);box-shadow:0 8px 24px #6c28d966}}.login-brand-name{background:linear-gradient(135deg,#dc2626 0%,#f43f5e 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:28px;font-weight:900}.login-title{color:#1c1917;text-align:center;margin:0 0 6px;font-size:26px;font-weight:800}.forgot-password:hover{color:#dc2626;text-decoration:underline}.login-submit-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:12px;width:100%;margin-top:8px;padding:15px 24px;font-size:15px;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #ef444459}.login-submit-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}@media (width<=900px){.login-container{border-radius:24px;flex-direction:column;max-width:480px;min-height:auto}.login-illustration{border-bottom:1px solid #fef2f2;padding:32px 20px 20px}.login-illustration img{max-height:200px}.login-content{padding:36px 32px 40px}}@media (width<=480px){.login-wrapper{padding:16px}.login-container{border-radius:24px;max-width:100%}.login-illustration{display:none}.login-content{padding:32px 22px 36px}.login-logo{width:80px;height:80px}.login-brand-name{font-size:22px}.login-form{gap:14px}.login-title{font-size:22px}.login-submit-btn{padding:14px;font-size:14px}.login-footer{text-align:center;margin-top:16px}}.login-container{background:#fff;border-radius:24px;width:100%;max-width:1000px;min-height:600px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.login-illustration{background:#f8faff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.login-illustration img{max-width:100%;height:auto;animation:6s ease-in-out infinite alternate floatBlobs}.login-logo{object-fit:cover;border:3px solid #fff;border-radius:50%;width:140px;height:140px;margin-bottom:16px;animation:2s ease-in-out infinite alternate pulseGlow;display:block;box-shadow:0 4px 12px #6c28d926}.login-brand-name{color:#6c28d9;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;font-family:Inter,Poppins,sans-serif;font-size:22px;font-weight:900}.login-content{background:#fff;flex-direction:column;flex:1;justify-content:center;padding:60px 40px;display:flex}.login-header{text-align:left;margin-bottom:32px}.login-brand-name{background:linear-gradient(135deg,#2563eb 0%,#db2777 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin:0;font-size:40px;font-weight:900}.login-title{color:#1e1b4b;margin-bottom:8px;font-size:36px;font-weight:800}.login-subtitle{color:#64748b;font-size:16px}.login-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-input{color:#1e293b;background:#eff6ff;border:1px solid #0000;border-radius:6px;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .3s}.form-input::placeholder{color:#94a3b8}.form-input:focus{background:#fff;border-color:#6c28d9;outline:none;box-shadow:0 0 0 3px #6c28d926}.form-options{justify-content:space-between;align-items:center;margin-top:-8px;font-size:14px;display:flex}.remember-me{color:#64748b;cursor:pointer;align-items:center;gap:8px;display:flex}.forgot-password{color:#6c28d9;cursor:pointer;font-weight:600;transition:color .2s}.forgot-password:hover{color:#4c1d95}.login-submit-btn{color:#fff;cursor:pointer;background:#6c28d9;border:none;border-radius:8px;margin-top:16px;padding:16px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 14px #6c28d963}.login-submit-btn:hover:not(:disabled){background:#5b21b6;transform:translateY(-2px);box-shadow:0 6px 20px #6c28d966}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.5)}.login-footer{color:#64748b;text-align:left;margin-top:32px;font-size:14px}.login-footer span{color:#1e1b4b;cursor:pointer;margin-left:4px;font-weight:700}.login-footer span:hover{text-decoration:underline}@media (width<=900px){.login-container{flex-direction:column;max-width:480px;min-height:auto}.login-illustration{background:linear-gradient(#f8faff 0%,#fff 100%);border-bottom:1px solid #f1f5f9;padding:40px 20px 20px}.login-illustration img{max-height:180px}.login-content{padding:40px 32px}}@media (width<=480px){.login-wrapper{background:#fff;align-items:center;padding:0}.login-container{width:100%;max-width:100%;height:100vh;min-height:100vh;max-height:100vh;box-shadow:none;background:#fff;border-radius:0;flex-direction:column;justify-content:center;display:flex;overflow-y:auto}.login-illustration{display:none}.login-content{padding:24px 20px}.login-header{text-align:center;margin-bottom:16px}.login-logo{width:100px;height:100px;margin:0 auto 12px}.login-title{font-size:24px;margin-top:8px!important}.login-form{gap:16px}.login-submit-btn{margin-top:12px;padding:14px}.login-footer{text-align:center;margin-top:24px}}.toggle-auth{color:var(--primary-blue);cursor:pointer;font-weight:700}.toggle-auth:hover{text-decoration:underline}.role-selector{background:#f1f5f9;border-radius:14px;gap:12px;padding:6px;display:flex}.role-btn{text-align:center;color:var(--text-gray);cursor:pointer;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:700;transition:all .2s}.role-btn.active{color:var(--primary-blue);box-shadow:var(--shadow-sm);background:#fff}