:root{--primary:#e67e22;--primary-glow:#e67e221f;--background-primary:#f7f1e8;--background-secondary:#fff;--surface:#fff;--surface-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--text-placeholder:#94a3b8;--text-white:#fff;--success:#10b981;--success-bg:#ecfdf5;--error:#e67e22;--error-bg:#e67e221f;--border-light:#e2e8f0;--border-glass:#fff3;--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-premium:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-huge:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px}.glass{-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-glass);background:#ffffffb3}.premium-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);border:1px solid var(--border-light);transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-card:hover{transform:translateY(-2px);box-shadow:0 25px 30px -5px #00000014}.bento-grid{gap:var(--spacing-xl);grid-template-columns:repeat(12,1fr);display:grid}.bento-item-full{grid-column:span 12}.bento-item-lg{grid-column:span 8}.bento-item-md{grid-column:span 6}.bento-item-sm{grid-column:span 4}@media (max-width:1024px){.bento-item-lg,.bento-item-md,.bento-item-sm{grid-column:span 12}}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background-primary);max-width:100vw;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}img,svg,canvas,video{max-width:100%}.recharts-responsive-container,.recharts-responsive-container>div,.recharts-responsive-container .recharts-wrapper{width:100%!important;min-width:0!important}.recharts-responsive-container .recharts-surface{width:100%!important;max-width:none!important}table{border-collapse:collapse;width:100%}input,select,textarea,button{max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{border:none;outline:none;font-family:inherit}.card{background:var(--background-secondary);border-radius:var(--radius-lg);box-shadow:0 2px 8px var(--shadow)}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}@keyframes muniSkeletonPulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){[style*=muniSkeletonPulse]{animation:none!important}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.skeleton-pulse{animation:1.5s ease-in-out infinite pulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin;display:inline-block}.layout-wrapper{min-height:100vh;display:flex}.main-content{flex:1;width:calc(100% - 260px);max-width:1400px;margin-left:260px;padding:40px}@media (max-width:1024px){.main-content{width:100%;margin-left:0;padding:80px 20px 20px}}.grid-sections{margin-top:24px}.section{background:#fff;border-radius:16px;overflow:hidden}.sidebar{z-index:100;background:#fff;border-right:1px solid #eee;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.logo-container{padding:30px 24px}.logo-text{color:var(--primary);letter-spacing:-1px;font-size:24px;font-weight:800}.nav-menu{flex-direction:column;flex:1;gap:4px;padding:0 12px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;padding:12px 16px;transition:all .2s;display:flex;position:relative}.nav-item:hover,.nav-item.active{color:var(--primary);background:#e67e221f}.nav-icon{margin-right:12px}.nav-text{font-size:15px;font-weight:500}.active-indicator{background:var(--primary);border-radius:0 4px 4px 0;width:4px;height:20px;position:absolute;left:0}.sidebar-footer{padding:24px}.add-asset-btn{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:600;display:flex;box-shadow:0 4px 12px #e67e2233}.performance-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:768px){.performance-grid-3{grid-template-columns:1fr}}.performance-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:1024px){.performance-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.performance-grid-4{grid-template-columns:1fr}}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#d8cfc6 transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#d8cfc6;border-radius:4px}@media (max-width:767px){.sidebar-nav{max-height:none!important;overflow-y:visible!important}}.total-value-bar{padding:14px 20px}@media (max-width:480px){.total-value-bar{padding:12px 16px!important}}button:focus,[role=button]:focus,div:focus,a:focus{box-shadow:none!important;outline:none!important}@media (max-width:767px){.contentArea{padding-left:16px!important;padding-right:16px!important}:not(svg):not(svg *):not(canvas){max-width:100%}html,body,.app-shell,.app-main{width:100%;max-width:100vw;overflow-x:hidden}.app-main{min-width:0}.recharts-wrapper,.recharts-surface,canvas{max-width:100%!important}table{display:block;overflow-x:auto}}.page-container{width:100%;max-width:min(1440px,100%);margin-left:auto;margin-right:auto;padding-bottom:80px;padding-left:0;padding-right:0}@media (min-width:1920px){.page-container{max-width:1560px}}.section-heading{color:#0f172a;letter-spacing:-.5px;margin-bottom:4px;font-size:22px;font-weight:800}.section-subheading{color:#64748b;margin-bottom:24px;font-size:14px;line-height:1.5}.card-pad{padding:24px}@media (max-width:767px){.card-pad{padding:16px}}.form-group+.form-group{margin-top:20px}.chip-grid{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.amount-action-row{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;display:flex}@media (max-width:480px){.amount-action-row{flex-wrap:wrap;gap:12px}.amount-action-row .action-btn{justify-content:center;width:100%}}.card-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (max-width:640px){.card-grid-2{grid-template-columns:1fr;gap:16px}}.card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (max-width:900px){.card-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.card-grid-3{grid-template-columns:1fr;gap:16px}}.section-divider{background:#f1f5f9;height:1px;margin:24px 0}.btn-primary{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:48px;padding-left:24px;padding-right:24px;font-size:15px;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex}.btn-primary:active{opacity:.9;transform:scale(.98)}@media (max-width:767px){main{padding-left:16px!important;padding-right:16px!important}}@media (max-width:390px){main{padding-left:12px!important;padding-right:12px!important}}@media (min-width:768px) and (max-width:1023px){main{padding-left:24px!important;padding-right:24px!important}}@media (min-width:1920px){main{padding-left:72px!important;padding-right:72px!important}}.responsive-table,.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;display:grid}.modal-content,[role=dialog]{max-width:min(960px,100vw - 24px);max-height:calc(100vh - 24px);overflow:auto}@keyframes muni-float{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}@keyframes muni-slide-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.onboarding-float{will-change:transform;animation:4s ease-in-out infinite muni-float}.onboarding-slide-in{animation:.45s cubic-bezier(.22,1,.36,1) both muni-slide-in}@media (prefers-reduced-motion:reduce){.onboarding-float,.onboarding-slide-in{animation:none!important}}.muni-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;display:grid!important}@media (max-width:1180px){.muni-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:600px){.muni-stat-grid{grid-template-columns:minmax(0,1fr)!important}}.muni-goal-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;align-items:stretch!important;gap:16px!important;display:grid!important}.muni-chart-split{grid-template-columns:250px minmax(0,1fr)!important;align-items:center!important;gap:24px!important;display:grid!important}@media (max-width:700px){.muni-chart-split{grid-template-columns:minmax(0,1fr)!important;justify-items:center!important}}.muni-legend-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;align-content:center!important;gap:2px 10px!important;display:grid!important}.muni-cat-row{grid-template-columns:minmax(0,1fr) 180px 66px 140px 18px!important;align-items:center!important;gap:12px!important;display:grid!important}@media (max-width:900px){.muni-cat-row{grid-template-columns:minmax(0,1fr) 66px 140px 18px!important}.muni-cat-bar{display:none!important}}@media (max-width:560px){.muni-cat-row{grid-template-columns:minmax(0,1fr) 130px 18px!important}.muni-cat-share{display:none!important}}.muni-row-hover{transition:background-color .13s!important}.muni-row-hover:hover{background-color:#f2f6fc!important}.muni-lift{transition:box-shadow .17s,transform .17s!important}.muni-lift:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px #0718331c!important}.muni-step:hover:not(:disabled){background-color:#e9eff8!important}@media (prefers-reduced-motion:reduce){.muni-lift,.muni-row-hover{transition:none!important}.muni-lift:hover{transform:none!important}}