@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--bg-dark:#080b11;--bg-sidebar:#0e121b;--card-bg:#141923;--card-bg-hover:#181f2c;--card-border:#1e2636;--card-border-hover:rgba(59,130,246,0.4);--accent-blue:#3b82f6;--accent-blue-hover:#2563eb;--accent-blue-glow:rgba(59,130,246,0.25);--accent-green:#10b981;--accent-green-hover:#059669;--accent-green-glow:rgba(16,185,129,0.25);--text-main:#ffffff;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#1e2636;--error-color:#ef4444;--font-inter:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-inter);scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}body:after,body:before{content:"";position:fixed;width:500px;height:500px;border-radius:50%;z-index:0;filter:blur(90px);pointer-events:none;opacity:.15}body:before{top:-100px;left:-100px;background:radial-gradient(circle,var(--accent-blue) 0,transparent 70%)}body:after{bottom:-100px;right:-100px;background:radial-gradient(circle,#8b5cf6 0,transparent 70%)}.app-container{display:flex;min-height:100vh;width:100%;position:relative;z-index:1}.sidebar{width:240px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px;position:fixed;top:0;bottom:0;left:0;z-index:100}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.brand-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:1.1rem;box-shadow:0 0 15px rgba(6,182,212,.4)}.brand-name{font-size:1.4rem;font-weight:800;letter-spacing:1px;color:#ffffff}.sidebar-menu-label{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:0 12px 12px}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer}.sidebar-nav-item:hover{color:#ffffff;background:rgba(255,255,255,.04)}.sidebar-nav-item.active{color:var(--accent-blue);background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.2);font-weight:600}.sidebar-user-card{background:rgba(255,255,255,.03);border:1px solid var(--border-color);border-radius:12px;padding:12px;justify-content:space-between}.sidebar-user-card,.user-info{display:flex;align-items:center}.user-info{gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:.85rem}.user-details{display:flex;flex-direction:column}.user-address{font-size:.85rem;font-weight:600;color:var(--text-main);font-family:monospace}.user-status{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--accent-green);font-weight:500}.status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.main-wrapper{flex:1 1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.top-navbar{height:70px;border-bottom:1px solid var(--border-color);padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:rgba(8,11,17,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:90}.navbar-title-group{display:flex;align-items:center;gap:12px}.navbar-title{font-size:1.05rem;font-weight:700;color:var(--text-main)}.badge-pill{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:20px;letter-spacing:.3px}.badge-phase{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-green{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-purple{background:rgba(139,92,246,.15);color:#c084fc;border:1px solid rgba(139,92,246,.3)}.navbar-actions{display:flex;align-items:center;gap:12px}.network-selector{display:flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(255,255,255,.03);border:1px solid var(--border-color);border-radius:20px;font-size:.82rem;font-weight:600;color:var(--text-main)}.network-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b}.page-content{padding:32px;max-width:1350px;width:100%;margin:0 auto}.hero-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.hero-title-group h1{font-size:2.1rem;font-weight:800;color:var(--text-main);letter-spacing:-.5px}.hero-title-group p{color:var(--text-secondary);font-size:.92rem;margin-top:6px}.countdown-widget{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:10px 18px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.countdown-label{font-size:.68rem;font-weight:700;color:var(--text-muted);letter-spacing:1px}.countdown-timer{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:var(--text-main);font-family:monospace}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;margin-bottom:28px}.metric-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:transform .2s ease,border-color .2s ease}.metric-card:hover{border-color:rgba(255,255,255,.12)}.metric-header{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.metric-body{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.metric-value{font-size:1.5rem;font-weight:800;color:var(--text-main)}.metric-badge-green{font-size:.75rem;font-weight:700;color:#34d399;background:rgba(16,185,129,.12);padding:2px 8px;border-radius:6px}.metric-footer{font-size:.78rem;color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:24px;gap:24px}.card-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start}.card-title-group h2{font-size:1.25rem;font-weight:700;color:var(--text-main)}.card-title-group p{font-size:.82rem;color:var(--text-secondary);margin-top:3px}.rate-badge{font-size:.8rem;font-weight:600;color:var(--text-secondary);background:rgba(255,255,255,.03);padding:6px 12px;border-radius:8px;border:1px solid var(--border-color)}.form-group{display:flex;flex-direction:column;gap:8px}.form-label-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--text-secondary)}.input-box-wrapper{position:relative;display:flex;align-items:center}.currency-prefix{position:absolute;left:14px;font-size:1.1rem;font-weight:700;color:var(--text-muted)}.custom-input{width:100%;background:rgba(8,11,17,.6);border:1px solid var(--border-color);border-radius:10px;padding:14px 14px 14px 38px;color:var(--text-main);font-size:1.05rem;font-weight:600;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.custom-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.input-max-btn{position:absolute;right:12px;background:rgba(255,255,255,.08);border:none;color:var(--text-main);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:6px;cursor:pointer;transition:background .2s ease}.input-max-btn:hover{background:rgba(255,255,255,.15)}.preset-buttons-row{display:flex;gap:10px;margin-top:4px}.preset-btn{flex:1 1;background:rgba(255,255,255,.03);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 0;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.preset-btn:hover{background:rgba(255,255,255,.06);color:var(--text-main)}.preset-btn.selected{background:rgba(59,130,246,.15);border-color:var(--accent-blue);color:var(--accent-blue);font-weight:700}.receive-banner{background:rgba(8,11,17,.4);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center}.receive-amount{font-size:1.3rem;font-weight:800;color:var(--text-main)}.btn-primary-blue{width:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#ffffff;border:none;padding:14px 20px;border-radius:12px;font-size:.98rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px rgba(59,130,246,.3);transition:all .2s ease}.btn-primary-blue:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,.4)}.btn-primary-green{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#ffffff;border:none;padding:14px 20px;border-radius:12px;font-size:.98rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px rgba(16,185,129,.3);transition:all .2s ease}.btn-primary-green:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.rewards-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.reward-box{background:rgba(8,11,17,.5);border:1px solid var(--border-color);border-radius:10px;padding:14px}.reward-title{font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.reward-value{font-size:1.15rem;font-weight:800;color:#34d399}.input-with-action{display:flex;align-items:center;background:rgba(8,11,17,.6);border:1px solid var(--border-color);border-radius:10px;padding:4px 6px 4px 14px}.input-with-action input{flex:1 1;background:transparent;border:none;outline:none;color:var(--text-main);font-size:.88rem;padding:8px 0}.action-btn-sm{background:var(--accent-blue);color:white;border:none;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s ease}.action-btn-sm:hover{background:var(--accent-blue-hover)}.referral-metrics-3col{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;background:rgba(8,11,17,.4);border:1px solid var(--border-color);border-radius:12px;padding:14px;text-align:center}.ref-metric-item .label{font-size:.72rem;color:var(--text-muted);margin-bottom:4px}.ref-metric-item .val{font-size:1.1rem;font-weight:700;color:var(--text-main)}.roadmap-timeline{display:flex;flex-direction:column;gap:20px;position:relative;padding-left:20px;margin-top:6px}.roadmap-timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--border-color)}.timeline-item{position:relative}.timeline-dot{position:absolute;left:-20px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--bg-dark);border:3px solid var(--text-muted)}.timeline-item.active .timeline-dot{border-color:var(--accent-blue);background:var(--accent-blue);box-shadow:0 0 10px var(--accent-blue)}.timeline-content{display:flex;flex-direction:column;gap:4px}.timeline-title-row{display:flex;align-items:center;gap:10px}.timeline-title{font-size:.95rem;font-weight:700;color:var(--text-main)}.timeline-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.45}.card-footer-info{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-muted);border-top:1px solid rgba(255,255,255,.05);padding-top:14px;margin-top:4px}.card-footer-info a{color:var(--text-secondary);text-decoration:none}.card-footer-info a:hover{color:var(--accent-blue)}.navbar-title-desktop{display:block}.navbar-logo-mobile{display:none;align-items:center;gap:8px}.dashboard-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-top:1px solid var(--border-color);font-size:.82rem;color:var(--text-muted);margin-top:auto}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--text-main)}@media (max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{display:none}.main-wrapper{margin-left:0}.navbar-title-desktop{display:none!important}.navbar-logo-mobile{display:flex!important}.top-navbar{padding:0 12px;height:60px}.navbar-actions{gap:6px}.network-selector{padding:4px 8px;font-size:.72rem}.page-content{padding:16px 12px}.hero-header{flex-direction:column;gap:12px;margin-bottom:20px}.hero-title-group h1{font-size:1.6rem}.hero-title-group p{font-size:.85rem}.card-section{border-radius:12px}.card-section,.metric-card{padding:16px 12px}.metrics-grid{grid-template-columns:1fr;gap:12px}.preset-buttons-row{gap:6px}.preset-btn{padding:6px 0;font-size:.78rem}.rewards-row{grid-template-columns:1fr}.referral-metrics-3col{padding:10px;gap:8px}.ref-metric-item .val{font-size:.95rem}.dashboard-footer{flex-direction:column;gap:12px;align-items:flex-start;padding:16px 12px}}