@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-main:#0b0b0c;--bg-card:#141416;--bg-card-hover:#1a1a1d;--border-subtle:#242427;--border-active:#3a3a3e;--text-primary:#fff;--text-secondary:#8a8a93;--accent-green:#34d399;--accent-red:#f87171;--accent-primary:#fff}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,sans-serif}.dashboard-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-main);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:32px;width:240px;padding:24px 16px;display:flex}.logo{align-items:center;gap:12px;padding-left:8px;font-size:18px;font-weight:700;display:flex}.nav-menu{flex-direction:column;gap:8px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--bg-card);color:var(--text-primary)}.nav-item.active{background-color:var(--bg-card-hover);color:var(--text-primary)}.active-staking{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:24px}.active-staking h3{text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;font-weight:600;display:flex}.badge{background-color:var(--border-subtle);color:var(--text-primary);border-radius:4px;padding:2px 6px;font-size:11px}.badge.new{color:var(--accent-green);background:#34d3991a}.mini-task-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.icon-box{width:32px;height:32px;color:var(--text-primary);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;display:flex}.task-info p{margin:0 0 2px;font-size:13px;font-weight:600}.task-info span{color:var(--accent-green);font-size:11px}.main-content{flex-direction:column;flex:1;gap:32px;padding:24px 48px;display:flex;overflow-y:auto}.header-top{z-index:100;background-color:var(--bg-main);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav-pill{background:var(--bg-main);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.nav-pill:hover{border-color:var(--border-active);color:var(--text-primary)}.nav-pill.active{color:var(--text-primary);border-color:#34d3994d}.search-bar{background-color:var(--bg-main);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:8px;outline:none;padding:10px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.search-bar:focus{border-color:var(--border-active)}.user-profile{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;align-items:center;gap:12px;padding:6px 16px;font-size:14px;font-weight:500;display:flex}.avatar{background:var(--text-primary);border-radius:50%;width:24px;height:24px}.header-title h1{letter-spacing:-.5px;font-size:24px;font-weight:600}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(160px,auto);gap:16px;width:100%;display:grid}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.preview-container{aspect-ratio:9/16;background-color:#000;border-radius:8px;width:100%;margin-bottom:12px;overflow:hidden}.bento-item{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;padding:24px;display:flex}.premium-header{justify-content:space-between;align-items:center;display:flex}.premium-logo{align-items:center;gap:12px;font-size:16px;font-weight:600;display:flex}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.asset-title{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.icon-wrapper{background:#ffffff0d;border-radius:6px;padding:6px;display:flex}.stat-value{margin-bottom:4px;font-size:28px;font-weight:600}.stat-change{align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.stat-change.success{color:var(--accent-green)}.drag-drop-zone{border:1px dashed var(--border-active);text-align:center;cursor:pointer;background:var(--bg-main);border-radius:8px;padding:24px 16px;transition:all .2s}.drag-drop-zone:hover{border-color:var(--text-secondary);background:var(--bg-card-hover)}.drag-drop-zone.has-file{border-style:solid;border-color:var(--border-subtle);background:var(--bg-main);padding:12px}.action-center{border-radius:12px}.task-title{font-weight:500}.tag{color:var(--text-secondary);background:#ffffff1a;border-radius:4px;padding:2px 8px;font-size:11px}button{cursor:pointer;font-family:inherit}.icon-btn{color:var(--text-secondary);background:0 0;border:none;transition:color .2s}.icon-btn:hover{color:var(--text-primary)}.btn-primary,.btn-connect{background:var(--accent-primary);color:#000;border:none;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:600;transition:opacity .2s}.btn-primary:hover,.btn-connect:hover{opacity:.8}.chart-container{height:40px;margin-top:16px;position:relative;overflow:hidden}.chart-line-violet,.chart-line-yellow{background-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,100 C20,80 40,90 60,40 C80,10 90,60 100,20 L100,100 Z' fill='%23FFFFFF' fill-opacity='0.03' stroke='%2334D399' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-size:100% 100%;width:100%;height:100%;position:absolute;bottom:0;left:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-spin{animation:1s linear infinite spin}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px;display:none;position:absolute;top:16px;right:16px}.sidebar-close-btn:hover{color:var(--text-primary)}.span-2{grid-area:span 2/span 2}.span-1{grid-area:span 1/span 1}.span-3{grid-area:span 1/span 3}.hamburger-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:none}.hamburger-btn:hover{color:var(--text-primary);border-color:var(--border-active)}@media (width<=1024px){.main-content{padding:16px 24px}.header-title h1{font-size:22px}.stat-value{font-size:24px}.sidebar{width:220px;padding:20px 12px}}@media (width<=768px){.sidebar{z-index:1000;background-color:var(--bg-main);width:260px;padding:24px 16px;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{animation:.3s slideInLeft;transform:translate(0)}.sidebar-close-btn{display:block}.main-content{padding:16px}.bento-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.span-2{grid-area:span 1/span 2}.span-3{grid-column:span 2}.header-title h1{font-size:20px}.stat-value{font-size:22px}.hamburger-btn{display:flex}.action-center{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}}@media (width<=480px){.main-content{padding:12px 16px}.bento-grid{grid-template-columns:1fr;gap:12px}.span-2,.span-3,.span-1{grid-area:span 1/span 1}.header-title h1{font-size:18px}.stat-value{font-size:20px}.bento-item{padding:16px}}