:root{--bg-main:#0a0a0b;--bg-card:#121214;--bg-card-hover:#18181b;--bg-table-row:#121214;--bg-table-row-alt:#0e0e11;--bg-table-row-hover:#1f1f23;--bg-sidebar:#050505;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-income:#10b981;--accent-expense:#ef4444;--accent-savings:#3b82f6;--accent-invest:#8b5cf6;--border-glass:1px solid #ffffff14;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--font-main:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;max-width:100vw;min-height:100vh;overflow-x:hidden}.app-layout{min-width:0;min-height:100vh;display:flex}.sidebar{background-color:var(--bg-sidebar);border-right:var(--border-glass);flex-direction:column;width:260px;padding:30px 20px;display:flex}.sidebar-logo h2{letter-spacing:-.5px;background:linear-gradient(90deg,#f4f4f5,#a1a1aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:40px;padding-left:15px;font-size:24px;font-weight:800}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:15px;width:100%;padding:12px 15px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background-color:#ffffff0d}.nav-item.active{color:var(--text-primary);background-color:#ffffff1a}.main-content{background-color:var(--bg-main);flex:1;overflow-y:auto}.app-container{width:100%}.glass-card{background-color:var(--bg-card);border:var(--border-glass);border-radius:var(--radius-md);padding:24px}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-muted{color:var(--text-secondary);font-size:14px}.title-large{letter-spacing:-.5px;font-size:32px;font-weight:700}.title-md{font-size:20px;font-weight:600}.hover-highlight{transition:background-color .2s}.hover-highlight:hover{background-color:#ffffff14!important}.badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.btn-primary{background:var(--text-primary);color:var(--bg-main);border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.9}input:focus{outline:none;border-color:#ffffff4d!important}.input-field{background-color:var(--bg-main);border:var(--border-glass);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-main);padding:12px 16px;transition:all .2s}.input-field::placeholder{color:var(--text-muted)}.data-grid{border-collapse:collapse;width:100%}.data-grid th{text-align:left;color:var(--text-muted);border-bottom:var(--border-glass);padding:12px 16px;font-size:13px;font-weight:500}.data-grid td{border-bottom:1px solid #ffffff08;padding:16px;font-size:15px;transition:background-color .2s}.data-grid tr:nth-child(2n) td{background-color:var(--bg-table-row-alt)}.data-grid tr:hover td{background-color:var(--bg-table-row-hover);cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (width<=768px){.app-layout{flex-direction:column;padding-bottom:75px}.sidebar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050505f2;border-top:1px solid #ffffff1a;border-right:none;flex-direction:row;width:100%;height:75px;padding:0;position:fixed;bottom:0;left:0;right:0}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;align-items:center;gap:0;width:100%;height:100%}.nav-item{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;background:0 0!important;border:none!important;border-radius:0!important}.nav-item span{font-size:10px;display:block}.nav-item.active{color:var(--text-primary)}.nav-item.active svg{color:var(--accent-invest)}.user-profile-widget{display:none!important}.main-content{width:100%;max-width:100vw;padding:20px 15px;overflow-x:hidden}.title-lg{font-size:24px}.title-md{font-size:18px}[style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}[style*="display: grid"]{gap:15px!important}.flex-between{flex-direction:column;align-items:flex-start;gap:10px}.btn-primary,.btn-secondary{justify-content:center;width:100%}.search-input{width:100%!important}.modal-overlay>div{overflow-y:auto;width:95%!important;max-height:90vh!important;padding:20px!important}.recharts-responsive-container{height:250px!important}}.main-wrapper{width:100%;max-width:1600px;margin:0 auto;padding:40px 60px}@media (width<=768px){.main-wrapper{padding:20px 15px}}.mobile-only-btn{display:none!important}@media (width<=768px){.mobile-only-btn{display:flex!important}.desktop-only-btn{display:none!important}.summary-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;padding:15px!important}.summary-grid .title-md{font-size:14px}.summary-grid h2{font-size:20px!important}table{-webkit-overflow-scrolling:touch;white-space:nowrap;width:100%;display:block;overflow-x:auto}.left-col-dashboard{flex-direction:column;display:flex}.section-capital{order:3}.section-goals{order:4}.section-payments{order:1}.section-categories{order:2}.dashboard-mobile-reorder{flex-direction:column;display:flex}.dashboard-inbox{order:1}.dashboard-grid-container{order:2}.dashboard-family{order:3;margin-top:40px}.dashboard-inbox>div{flex-direction:column!important;align-items:stretch!important;gap:15px!important}.dashboard-inbox>div>div{text-align:left;align-items:center!important}.dashboard-inbox button{width:100%}.glass-card{padding:15px!important}.glass-card>div{max-width:100%}.dashboard-main-grid *{white-space:normal}.dashboard-main-grid p[style*="whiteSpace: 'nowrap'"]{white-space:nowrap!important}.section-capital .flex-between>div{width:100%!important}.timeframe-picker-mobile{margin-left:auto!important;margin-right:auto!important}.section-capital .flex-between{padding:20px 15px!important}.section-capital .flex-between>div{text-align:center!important;border-left:none!important;justify-content:center!important;align-items:center!important;padding-left:0!important;padding-right:0!important}.section-capital .flex-between>div>div{margin:0 auto;justify-content:center!important}.section-capital .flex-between{align-items:center!important}}.section-capital-inner{align-items:flex-start;padding:40px 40px 20px}.section-capital-left{flex:1}.section-capital-right{border-left:1px solid #ffffff0d;flex-direction:column;flex:1;gap:25px;max-height:240px;margin-top:10px;padding-left:40px;padding-right:10px;display:flex;overflow-y:auto}.timeframe-picker-mobile{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;gap:8px;width:fit-content;margin-top:45px;padding:6px;display:flex}@media (width<=768px){.section-capital-inner{flex-direction:column!important;align-items:center!important;padding:20px 15px!important}.section-capital-left{text-align:center!important;flex-direction:column!important;align-items:center!important;width:100%!important;display:flex!important}.section-capital-right{text-align:center!important;border-left:none!important;align-items:center!important;width:100%!important;max-height:none!important;padding-left:0!important;padding-right:0!important}.timeframe-picker-mobile{justify-content:center!important;width:100%!important;margin:30px auto 0!important}.section-capital-left>div,.section-capital-left div,.section-capital-right div{justify-content:center!important}.timeframe-picker-mobile{gap:4px!important;width:max-content!important;max-width:100%!important;padding:4px!important}.timeframe-picker-mobile button{padding:6px 12px!important;font-size:12px!important}}@media (width<=1200px){[style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.dashboard-mobile-reorder{flex-direction:column;display:flex}.section-capital-inner{flex-direction:column!important;align-items:center!important;padding:20px!important}.section-capital-left{text-align:center!important;flex-direction:column!important;align-items:center!important;width:100%!important;display:flex!important}.section-capital-left>div{justify-content:center!important}.section-capital-right{text-align:center!important;border-left:none!important;align-items:center!important;width:100%!important;max-height:none!important;padding-left:0!important;padding-right:0!important}.timeframe-picker-mobile{justify-content:center!important;width:max-content!important;max-width:100%!important;margin:30px auto 0!important}}