:root{--primary-blue:#246bfd;--bg-main:#f4f6f9;--white:#fff;--text-dark:#1f222a;--text-gray:#757575;--border-light:#e0e0e0;--accent-green:#2ecc71;--radius-xl:1.5rem;--radius-lg:1.2rem;--radius-md:.8rem;--radius-sm:.5rem;--radius-full:9999px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 12px #246bfd14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-dark);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}.mobile-container{background-color:var(--bg-main);width:100%;max-width:1000px;min-height:100vh;margin:0 auto;padding-bottom:80px;position:relative;overflow-x:hidden}@media (width>=768px){.mobile-container{border-radius:var(--radius-xl);min-height:calc(100vh - 4rem);margin-top:2rem;margin-bottom:2rem;padding:0 5%;box-shadow:0 0 40px #0000000d}}.blue-header{background-color:var(--primary-blue);color:#fff;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);padding:2rem 1.25rem}.header-top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.header-user-info{align-items:center;gap:.75rem;display:flex}.avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid #fff3;width:44px;height:44px}.user-name{font-size:1.1rem;font-weight:600}.user-greeting{opacity:.8;font-size:.85rem}.bell-btn{border-radius:var(--radius-full);color:#fff;background:#ffffff26;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.balance-section{text-align:center;margin-bottom:2rem;position:relative}.balance-amount{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:2.2rem;font-weight:700;display:flex}.balance-subtitle{color:#8bebb9;font-size:.85rem;font-weight:500}.eye-icon{opacity:.7;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dots-icon{position:absolute;top:50%;right:0;transform:translateY(-50%)}.action-buttons{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.action-btn{color:#fff;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;display:flex}.action-icon-circle{background-color:var(--white);width:48px;height:48px;color:var(--primary-blue);border-radius:var(--radius-full);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.action-label{font-size:.8rem;font-weight:500}.dashboard-body{padding:1.25rem}.search-bar{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-gray);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.8rem 1rem;display:flex}.search-bar input{background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title{color:var(--text-dark);font-size:1.1rem;font-weight:600}.section-link{color:var(--text-gray);font-size:.8rem;text-decoration:none}.goals-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.goal-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1.25rem}.goal-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:1rem;display:flex}.goal-title{margin-bottom:.2rem;font-size:.9rem;font-weight:600}.goal-subtitle{color:var(--text-gray);margin-bottom:.75rem;font-size:.75rem}.goal-amount{margin-bottom:.2rem;font-size:1.25rem;font-weight:700}.goal-target{color:var(--text-gray);font-size:.75rem}.chart-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1.5rem}.portfolio-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:1rem;margin-bottom:.75rem;padding:.75rem;display:flex}.portfolio-img{border-radius:var(--radius-md);object-fit:cover;width:60px;height:60px}.portfolio-info h4{font-size:.9rem;font-weight:600}.portfolio-info p{color:var(--text-gray);font-size:.7rem}.portfolio-info .rate{color:var(--primary-blue);margin-top:.25rem;font-size:.8rem;font-weight:600}.gauge-section{background:var(--white);border-radius:var(--radius-xl);text-align:center;margin-bottom:2rem;padding:1.5rem}.premium-banner{border-radius:var(--radius-xl);background:#e8f0fe;margin-bottom:2rem;padding:1.5rem}.premium-btn{background:var(--primary-blue);color:#fff;border-radius:var(--radius-full);border:none;margin-top:1rem;padding:.75rem 1.5rem;font-weight:500}.bottom-nav{background:var(--white);border-top:1px solid var(--border-light);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;justify-content:space-around;align-items:center;height:80px;display:flex;position:absolute;bottom:0;left:0;right:0}@media (width>=415px){.bottom-nav{border-radius:0 0 24px 24px}}.nav-item{color:var(--text-gray);flex-direction:column;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;display:flex}.nav-item.active{color:var(--primary-blue)}.nav-item .icon{width:24px;height:24px}.nav-item.center-btn{background:var(--primary-blue);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:50px;height:50px;display:flex;transform:translateY(-10px);box-shadow:0 4px 12px #246bfd66}.auth-left-panel{background:linear-gradient(135deg, var(--primary-blue) 0%, #1a4fba 100%);color:#fff;flex-direction:column;flex:1;justify-content:center;padding:4rem;display:flex}.auth-right-panel{flex-direction:column;flex:1;justify-content:center;padding:2rem;display:flex}@media (width<=768px){.auth-left-panel{display:none!important}.auth-right-panel{padding:1rem!important}.landing-nav{flex-direction:column;gap:1rem;padding:1rem!important}.landing-nav>div:nth-child(2){flex-wrap:wrap;justify-content:center;gap:1rem!important}.landing-hero{text-align:center;flex-direction:column!important;padding:2rem 1rem!important}.landing-hero>div{max-width:100%!important}.landing-hero img{max-width:100%;margin-top:2rem}.landing-hero>div:last-child>div{bottom:0!important;left:0!important;transform:translateY(50%)!important}.features-grid{grid-template-columns:1fr!important;padding:0!important}}