.raven-dashboard-container{width:350px;margin:0 auto;padding:16px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:0 0;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center}.raven-dashboard-card{width:345px;background:#1e2135;border-radius:16px;padding:20px;margin-bottom:10px;box-shadow:0 4px 20px rgba(0,0,0,.2)}.raven-profile-header{text-align:center;margin-bottom:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px rgba(0,0,0,.1);margin:-20px -20px 20px;padding:20px;border-radius:16px 16px 0 0;position:relative;overflow:hidden;height:170px}.raven-profile-header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("https://ravernetwork.com/wp-content/uploads/2025/09/1.webp") center/cover no-repeat;opacity:.3;filter:blur(20px);z-index:-1;--lzl-bg-img:"https://ravernetwork.com/wp-content/uploads/2025/09/1.webp"}.raven-profile-header.lzl:not(.lzl-ed)::before,.raven-profile-header.lzl-ing:not(.lzl-ed)::before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAApElEQVR4Ae3QgQAAAADDoPlTH+SFUGHAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDXwMDfuoAAd8rsAIAAAAASUVORK5CYII=")}.raven-avatar-container{position:relative;width:100px;height:100px;margin:0 auto 15px;display:flex;justify-content:center;align-items:center}.raven-profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 10px rgba(0,0,0,.2)}.raven-avatar-edit{position:absolute;bottom:0;right:0;background:#4a7bff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid #1e2138;transition:all .2s ease}.raven-avatar-edit:hover{transform:scale(1.1);background:#5d8aff}.raven-username{margin:0;font-size:1.4rem;font-weight:600;color:white;text-shadow:0 2px 4px rgba(0,0,0,.2)}.raven-referral-section{margin-top:20px}.raven-referral-label{margin:0 0 8px;font-size:.9rem;color:#a0a7d0}.raven-referral-link-container{display:flex;background:rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.raven-referral-input{flex:1;background:0 0;border:none;padding:12px 16px;color:#fff;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.raven-copy-btn{background:#4a7bff;border:none;color:white;padding:12px 16px;cursor:pointer;font-weight:600;transition:all .2s ease}.raven-copy-btn:hover{background:#5d8aff}.raven-earnings-title{margin-top:20px;margin-bottom:20px;font-size:16px;font-weight:700;color:#fff}.raven-balance-container{margin-bottom:20px;background:rgba(255,255,255,.05);padding:15px;border-radius:12px}.raven-points-container{display:flex;justify-content:space-between;align-items:center}.raven-balance-icon{width:24px;height:24px;margin-right:8px;vertical-align:middle}.raven-balance-value{font-weight:700;color:#4a7bff;font-size:20px;text-shadow:0 0 10px rgba(74,123,255,.4);display:inline-flex;align-items:center}.raven-usd-value{font-size:.9rem;color:#a0a7d0}.raven-payout-progress{margin-bottom:20px}.raven-progress-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem;color:#a0a7d0}.raven-progress-bar{height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.raven-progress-fill{height:100%;background:#66bb6a;border-radius:4px;transition:width .5s ease;box-shadow:0 0 10px rgba(102,187,106,.4)}.raven-payout-btn{width:100%;padding:14px;background:linear-gradient(90deg,#4a7bff 0%,#6bd6ff 100%);color:white;border:none;border-radius:100px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.raven-payout-btn:hover:not(.raven-disabled){box-shadow:0 0 15px rgba(74,123,255,.5);transform:translateY(-2px)}.raven-payout-btn.raven-disabled{background:#3a3e5b;cursor:not-allowed;opacity:.7}.raven-dashboard-nav{display:flex;flex-direction:column;gap:12px;width:345px}.raven-nav-item{display:flex;align-items:center;height:55px;padding:0 20px;background:#1e2135;border-radius:12px;text-decoration:none;color:white;transition:all .2s ease;box-shadow:0 2px 10px rgba(0,0,0,.1)}.raven-nav-item:hover{background:#252946;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.raven-nav-icon{margin-right:15px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.raven-nav-icon img{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}.raven-nav-text{flex:1;font-weight:500}.raven-nav-arrow{font-size:1.5rem;opacity:.7}.raven-toast-notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:white;padding:12px 24px;border-radius:8px;z-index:1000;opacity:0;transition:opacity .3s ease}.raven-toast-notification.show{opacity:1}.raven-avatar-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1001;opacity:0;visibility:hidden;transition:all .3s ease}.raven-avatar-modal.active{opacity:1;visibility:visible}.raven-modal-content{background:#1e2135;padding:25px;border-radius:16px;max-width:350px;width:100%;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}.raven-modal-content h3{margin-top:0;margin-bottom:20px;color:#fff;font-size:24px;font-weight:400}.raven-avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.raven-avatar-option{width:80px;height:80px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.raven-avatar-option:hover{border-color:#4a7bff;transform:scale(1.05)}.raven-avatar-option.selected{border-color:#4a7bff;box-shadow:0 0 10px rgba(74,123,255,.5)}.raven-modal-buttons{display:flex;gap:10px;justify-content:center}.raven-modal-btn{padding:10px 20px;border:none;border-radius:100px;font-weight:600;cursor:pointer;transition:all .2s ease}.raven-cancel-btn{background:#3a3e5b;color:#a0a7d0}.raven-cancel-btn:hover{background:#444a6d}.raven-save-btn{background:#4a7bff;color:white}.raven-save-btn:hover:not(:disabled){background:#5d8aff}.raven-save-btn:disabled{background:#3a3e5b;cursor:not-allowed;opacity:.7}@media (min-width:768px){.raven-dashboard-container{padding:24px}.raven-dashboard-card{padding:24px}}