.app-shell{color:#26332f;background:#f5f8f7;min-height:100vh;display:flex}.app-sidebar{z-index:100;background:linear-gradient(#fff 0%,#f8fbfa 100%);border-right:1px solid #dfe8e4;flex-direction:column;flex:0 0 260px;width:260px;min-height:100vh;padding:20px 14px 14px;transition:width .22s,transform .22s;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:6px 0 25px #16363206}.sidebar-brand{justify-content:space-between;align-items:center;min-height:42px;padding:0 7px;display:flex}.brand-link{color:#19312b;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.brand-link:hover{text-decoration:none}.brand-mark{background:linear-gradient(145deg,#143f37,#0d9278);border-radius:9px;flex:0 0 32px;grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;width:32px;height:32px;padding:7px;display:grid}.brand-mark span{background:#8ae7d2;border-radius:2px;display:block}.brand-mark span:first-child{height:45%}.brand-mark span:nth-child(2){height:70%}.brand-mark span:nth-child(3){height:95%}.brand-copy{min-width:0}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{color:#19312b;font-size:13px;font-weight:800;line-height:1.05}.brand-copy small{color:#8d9995;letter-spacing:.07em;text-transform:uppercase;margin-top:3px;font-size:7px}.mobile-close-sidebar{color:#74817c;cursor:pointer;background:#eff4f2;border:0;border-radius:8px;width:32px;height:32px;display:none}.mobile-close-sidebar svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:17px;height:17px}.sidebar-user{background:#fbfcfc;border:1px solid #e5ece9;border-radius:11px;align-items:center;gap:9px;margin:20px 4px 10px;padding:11px;display:flex}.sidebar-avatar,.topbar-avatar{color:#fff;background:linear-gradient(145deg,#16453c,#0d9278);place-items:center;font-weight:800;display:grid}.sidebar-avatar{border-radius:9px;flex:0 0 34px;width:34px;height:34px;font-size:10px}.sidebar-user-info{min-width:0}.sidebar-user-info strong,.sidebar-user-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-user-info strong{color:#2a3934;font-size:10px;font-weight:750}.sidebar-user-info span{color:#959f9c;margin-top:3px;font-size:8px}.app-navigation{flex:1;padding:6px 1px 10px;overflow-y:auto}.navigation-label{color:#a0aaa7;letter-spacing:.13em;text-transform:uppercase;padding:13px 10px 6px;font-size:7px;font-weight:800}.planning-label{margin-top:5px}.app-nav-link{color:#6e7b76;background:0 0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:42px;margin-bottom:3px;padding:0 10px;font-size:10px;font-weight:650;text-decoration:none;transition:background .15s,color .15s;display:flex}.app-nav-link:visited{color:#6e7b76;text-decoration:none}.app-nav-link:hover{color:#264039;background:#f0f6f3;text-decoration:none}.app-nav-link.active{color:#087e69;background:linear-gradient(90deg,#e5f6f1,#eff9f6);font-weight:750;box-shadow:inset 3px 0 #0d9278}.nav-icon{flex:0 0 19px;place-items:center;width:19px;height:19px;display:grid}.nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.nav-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-chevron{color:#a3adaa;place-items:center;width:15px;height:15px;display:grid}.nav-chevron svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.notification-badge,.topbar-notification-dot{color:#fff;background:#d45f48;border-radius:20px;place-items:center;font-weight:800;display:grid}.notification-badge{min-width:18px;height:18px;padding:0 5px;font-size:7px}.sidebar-bottom{border-top:1px solid #e6ecea;padding-top:10px}.sidebar-security{background:#f2f7f5;border-radius:9px;align-items:center;gap:8px;padding:10px;display:flex}.security-dot{background:#0d9278;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.sidebar-security strong,.sidebar-security small{display:block}.sidebar-security strong{color:#43504b;font-size:8px}.sidebar-security small{color:#8e9995;margin-top:2px;font-size:7px}.sidebar-logout{color:#8b5e56;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:38px;margin-top:7px;padding:0 10px;font-size:9px;font-weight:700;display:flex}.sidebar-logout:hover{color:#a54838;background:#fff1ed}.app-main{width:calc(100% - 260px);min-width:0;min-height:100vh;margin-left:260px;transition:width .22s,margin-left .22s}.app-topbar{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #dce5e1e6;justify-content:space-between;align-items:center;gap:20px;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.topbar-page-title span,.topbar-page-title strong{display:block}.topbar-page-title span{color:#a0aaa7;letter-spacing:.09em;text-transform:uppercase;font-size:7px;font-weight:700}.topbar-page-title strong{color:#283731;margin-top:3px;font-size:12px;font-weight:750}.topbar-right{align-items:center;gap:9px;display:flex}.topbar-icon-button{color:#687570;background:#fff;border:1px solid #e1e9e6;border-radius:9px;place-items:center;width:36px;height:36px;text-decoration:none;display:grid;position:relative}.topbar-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.topbar-notification-dot{border:2px solid #fff;min-width:16px;height:16px;padding:0 4px;font-size:6px;position:absolute;top:-5px;right:-5px}.topbar-insight-link{color:#087e69;background:#eaf7f3;border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:0 10px;font-size:9px;font-weight:750;text-decoration:none;display:inline-flex}.topbar-insight-link svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:14px;height:14px}.topbar-divider{background:#e4ebe8;width:1px;height:28px;margin:0 3px}.topbar-user{align-items:center;gap:8px;display:flex}.topbar-avatar{border-radius:9px;width:33px;height:33px;font-size:9px}.topbar-user-copy strong,.topbar-user-copy span{white-space:nowrap;display:block}.topbar-user-copy strong{color:#2c3934;font-size:9px}.topbar-user-copy span{color:#9aa4a1;margin-top:2px;font-size:7px}.sidebar-collapse-button{color:#8d9894;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.sidebar-collapse-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:14px;height:14px}.app-content{min-width:0;min-height:calc(100vh - 68px)}.mobile-menu-button,.mobile-close-sidebar,.sidebar-overlay{display:none}.sidebar-collapsed .app-sidebar{flex-basis:78px;width:78px}.sidebar-collapsed .app-main{width:calc(100% - 78px);margin-left:78px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .sidebar-user-info,.sidebar-collapsed .navigation-label,.sidebar-collapsed .nav-text,.sidebar-collapsed .nav-chevron,.sidebar-collapsed .sidebar-security div{display:none}.sidebar-collapsed .brand-link,.sidebar-collapsed .app-nav-link,.sidebar-collapsed .sidebar-logout,.sidebar-collapsed .sidebar-user{justify-content:center}@media (width<=900px){.app-sidebar{width:260px;transform:translate(-100%);box-shadow:15px 0 40px #1636321f}.app-main,.sidebar-collapsed .app-main{width:100%;margin-left:0}.mobile-sidebar-open .app-sidebar{transform:translate(0)}.mobile-sidebar-open .sidebar-overlay{z-index:90;background:#0f231f57;border:0;display:block;position:fixed;inset:0}.mobile-menu-button{color:#52615b;cursor:pointer;background:#fff;border:1px solid #dfe8e4;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.mobile-menu-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:17px;height:17px}.mobile-close-sidebar{place-items:center;display:grid}.sidebar-collapsed .app-sidebar{width:260px;transform:translate(-100%)}.sidebar-collapsed .brand-copy,.sidebar-collapsed .sidebar-user-info,.sidebar-collapsed .navigation-label,.sidebar-collapsed .nav-text,.sidebar-collapsed .nav-chevron,.sidebar-collapsed .sidebar-security div{display:block}.sidebar-collapsed .brand-link,.sidebar-collapsed .app-nav-link,.sidebar-collapsed .sidebar-logout,.sidebar-collapsed .sidebar-user{justify-content:flex-start}}@media (width<=650px){.app-topbar{height:62px;padding:0 15px}.topbar-page-title span,.topbar-insight-link span,.topbar-user-copy,.topbar-divider,.sidebar-collapse-button{display:none}.app-content{min-height:calc(100vh - 62px)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--theme-page-bg:#f5f8f7;--theme-surface:#fff;--theme-surface-soft:#f8fbfa;--theme-border:#dfe8e4;--theme-text:#26332f;--theme-text-strong:#19312b;--theme-text-muted:#7b8983;--theme-text-faint:#9aa5a1;--theme-green:#0d9278;--theme-green-soft:#e7f7f2;--theme-blue:#2563eb;--theme-input:#fff}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-page-bg:#0d1517;--theme-surface:#151f22;--theme-surface-soft:#182427;--theme-border:#2a3a3d;--theme-text:#e7f0ed;--theme-text-strong:#f1f7f4;--theme-text-muted:#a3b0ac;--theme-text-faint:#7e8d88;--theme-green:#28b898;--theme-green-soft:#173a35;--theme-blue:#6790ff;--theme-input:#111b1e}html,body,#root{background:var(--theme-page-bg);color:var(--theme-text)}:root[data-theme=dark] .app-shell{color:var(--theme-text);background:var(--theme-page-bg)}:root[data-theme=dark] .app-sidebar{border-color:var(--theme-border);background:linear-gradient(#151f22 0%,#111a1c 100%);box-shadow:6px 0 25px #0003}:root[data-theme=dark] .brand-link,:root[data-theme=dark] .brand-copy strong{color:var(--theme-text-strong)}:root[data-theme=dark] .brand-copy small,:root[data-theme=dark] .sidebar-user-info span,:root[data-theme=dark] .navigation-label,:root[data-theme=dark] .topbar-page-title span,:root[data-theme=dark] .topbar-user-copy span{color:var(--theme-text-faint)}:root[data-theme=dark] .sidebar-user{border-color:var(--theme-border);background:var(--theme-surface-soft)}:root[data-theme=dark] .sidebar-user-info strong,:root[data-theme=dark] .topbar-user-copy strong,:root[data-theme=dark] .topbar-page-title strong{color:var(--theme-text)}:root[data-theme=dark] .app-nav-link,:root[data-theme=dark] .app-nav-link:visited{color:#a0afaa}:root[data-theme=dark] .app-nav-link:hover{color:#e7f0ed;background:#1d2b2e}:root[data-theme=dark] .app-nav-link.active{color:#6ee1c3;box-shadow:inset 3px 0 0 var(--theme-green);background:linear-gradient(90deg,#173a34,#18312e)}:root[data-theme=dark] .nav-chevron{color:#71817c}:root[data-theme=dark] .sidebar-bottom{border-color:var(--theme-border)}:root[data-theme=dark] .sidebar-security{background:#172523}:root[data-theme=dark] .sidebar-security strong{color:#bdcbc6}:root[data-theme=dark] .sidebar-security small{color:#7c8c87}:root[data-theme=dark] .app-topbar{background:#0f181be6;border-color:#2a3a3de6}:root[data-theme=dark] .topbar-icon-button{border-color:var(--theme-border);color:#a7b5b0;background:var(--theme-surface)}:root[data-theme=dark] .topbar-insight-link{color:#70dfc0;background:#173a34}:root[data-theme=dark] .topbar-divider{background:var(--theme-border)}:root[data-theme=dark] .mobile-menu-button{border-color:var(--theme-border);color:#a7b5b0;background:var(--theme-surface)}:root[data-theme=dark] .sidebar-collapse-button{color:#84938e}:root[data-theme=dark] .sidebar-logout:hover{color:#f18b78;background:#34211e}.theme-toggle-button{color:#687570;cursor:pointer;background:#fff;border:1px solid #e1e9e6;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 10px;font-size:8px;font-weight:750;display:inline-flex}.theme-toggle-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.theme-toggle-button:hover{background:#f3f7f5}:root[data-theme=dark] .theme-toggle-button{border-color:var(--theme-border);color:#d5e0dc;background:var(--theme-surface)}:root[data-theme=dark] .theme-toggle-button:hover{background:#1d2b2e}:root[data-theme=dark] .dashboard-page,:root[data-theme=dark] .accounts-page,:root[data-theme=dark] .transactions-page,:root[data-theme=dark] .budgets-page,:root[data-theme=dark] .savings-page,:root[data-theme=dark] .reports-page,:root[data-theme=dark] .insights-page,:root[data-theme=dark] .notifications-page,:root[data-theme=dark] .profile-page,:root[data-theme=dark] .security-page,:root[data-theme=dark] .support-page{background:var(--theme-page-bg);color:var(--theme-text)}:root[data-theme=dark] .dashboard-page .money-center,:root[data-theme=dark] .dashboard-page .dashboard-insights,:root[data-theme=dark] .dashboard-page .dashboard-footer-tools,:root[data-theme=dark] .dashboard-page .dashboard-content>*,:root[data-theme=dark] .dashboard-page .dashboard-lower-grid>*,:root[data-theme=dark] .accounts-page article,:root[data-theme=dark] .transactions-page article,:root[data-theme=dark] .budgets-page article,:root[data-theme=dark] .savings-page article,:root[data-theme=dark] .reports-page article,:root[data-theme=dark] .insights-page article,:root[data-theme=dark] .notifications-panel,:root[data-theme=dark] .profile-sidebar-card,:root[data-theme=dark] .profile-main-card,:root[data-theme=dark] .profile-security-card,:root[data-theme=dark] .security-card,:root[data-theme=dark] .security-side-card,:root[data-theme=dark] .support-quick-help,:root[data-theme=dark] .support-ticket-panel,:root[data-theme=dark] .dashboard-page .account-card,:root[data-theme=dark] .dashboard-page .quick-card,:root[data-theme=dark] .dashboard-page .planning-panel,:root[data-theme=dark] .dashboard-page .insight-box{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text)}:root[data-theme=dark] .dashboard-page h1,:root[data-theme=dark] .dashboard-page h2,:root[data-theme=dark] .dashboard-page h3,:root[data-theme=dark] .accounts-page h1,:root[data-theme=dark] .accounts-page h2,:root[data-theme=dark] .transactions-page h1,:root[data-theme=dark] .transactions-page h2,:root[data-theme=dark] .budgets-page h1,:root[data-theme=dark] .budgets-page h2,:root[data-theme=dark] .savings-page h1,:root[data-theme=dark] .savings-page h2,:root[data-theme=dark] .reports-page h1,:root[data-theme=dark] .reports-page h2,:root[data-theme=dark] .insights-page h1,:root[data-theme=dark] .insights-page h2,:root[data-theme=dark] .insights-page h3,:root[data-theme=dark] .notifications-page h1,:root[data-theme=dark] .notifications-page h2,:root[data-theme=dark] .notifications-page h3,:root[data-theme=dark] .profile-page h1,:root[data-theme=dark] .profile-page h2,:root[data-theme=dark] .profile-page h3,:root[data-theme=dark] .security-page h1,:root[data-theme=dark] .security-page h2,:root[data-theme=dark] .security-page h3,:root[data-theme=dark] .support-page h1,:root[data-theme=dark] .support-page h2,:root[data-theme=dark] .support-page h3{color:var(--theme-text-strong)}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{color:var(--theme-text);background:var(--theme-input);border-color:var(--theme-border)}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#687872}:root[data-theme=dark] option{color:var(--theme-text);background:var(--theme-input)}:root[data-theme=dark] .dashboard-profile-dropdown,:root[data-theme=dark] .dashboard-modal,:root[data-theme=dark] .security-modal,:root[data-theme=dark] .support-modal,:root[data-theme=dark] .support-detail-modal{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text)}:root[data-theme=dark] .dashboard-profile-summary,:root[data-theme=dark] .dashboard-profile-link:hover,:root[data-theme=dark] .security-action-panel,:root[data-theme=dark] .security-confirm-box,:root[data-theme=dark] .support-message-card,:root[data-theme=dark] .support-awaiting{background:var(--theme-surface-soft);border-color:var(--theme-border)}:root[data-theme=dark] .dashboard-profile-divider,:root[data-theme=dark] .support-ticket-row,:root[data-theme=dark] .notifications-toolbar,:root[data-theme=dark] .profile-form-actions{border-color:var(--theme-border)}:root[data-theme=dark] .dashboard-profile-link strong{color:var(--theme-text)}:root[data-theme=dark] .dashboard-profile-link small{color:var(--theme-text-muted)}:root[data-theme=dark] .notification-row,:root[data-theme=dark] .support-ticket-row{background:var(--theme-surface);border-color:var(--theme-border)}:root[data-theme=dark] .notification-row.unread:hover,:root[data-theme=dark] .support-ticket-row:hover{background:var(--theme-surface-soft)}:root[data-theme=dark] .dashboard-page .balance-card,:root[data-theme=dark] .notification-tabs button.active,:root[data-theme=dark] .security-enabled-panel,:root[data-theme=dark] .profile-feedback.success,:root[data-theme=dark] .support-success{background:var(--theme-green-soft)}:root[data-theme=dark] .dashboard-page .balance-card strong,:root[data-theme=dark] .dashboard-page .metric-card strong{color:#8ae7d2}:root[data-theme=dark] .notifications-empty,:root[data-theme=dark] .notifications-loading,:root[data-theme=dark] .notifications-error,:root[data-theme=dark] .profile-loading,:root[data-theme=dark] .profile-error,:root[data-theme=dark] .security-loading,:root[data-theme=dark] .security-error,:root[data-theme=dark] .support-loading,:root[data-theme=dark] .support-error{color:var(--theme-text)}@media (width<=650px){.theme-toggle-label{display:none}.theme-toggle-button{width:36px;padding:0}}.nav-submenu{margin:-1px 0 7px;padding:4px 8px 5px 38px;position:relative}.nav-submenu:before{content:"";background:#dfe8e4;width:1px;position:absolute;top:4px;bottom:5px;left:20px}.nav-submenu a{color:#81908a;background:0 0;border-radius:8px;align-items:center;min-height:34px;margin:2px 0;padding:0 10px 0 13px;font-size:9px;font-weight:650;text-decoration:none;transition:color .15s,background .15s,transform .15s;display:flex;position:relative}.nav-submenu a:before{content:"";background:#fff;border:1.5px solid #c5d2cd;border-radius:50%;width:7px;height:7px;transition:border-color .15s,background .15s,transform .15s;position:absolute;left:-18px}.nav-submenu a:hover{color:#31564c;background:#f2f7f5;transform:translate(1px)}.nav-submenu a:hover:before{border-color:#0d9278}.nav-submenu a.active{color:#087e69;background:#eaf7f3;font-weight:750}.nav-submenu a.active:before{background:#0d9278;border-color:#0d9278;width:8px;height:8px;left:-18.5px;box-shadow:0 0 0 3px #0d92781a}.sidebar-collapsed .nav-submenu{display:none}:root[data-theme=dark] .nav-submenu:before{background:#324449}:root[data-theme=dark] .nav-submenu a{color:#8fa09a}:root[data-theme=dark] .nav-submenu a:before{background:#151f22;border-color:#506269}:root[data-theme=dark] .nav-submenu a:hover{color:#dfeae6;background:#1d2b2e}:root[data-theme=dark] .nav-submenu a.active{color:#70dfc0;background:#173a34}:root[data-theme=dark] .nav-submenu a.active:before{background:#28b898;border-color:#28b898;box-shadow:0 0 0 3px #28b8981f}@media (width<=900px){.nav-submenu{padding-left:38px}}@media (width<=650px){.nav-submenu a{min-height:36px}}:root{color:#26332f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f8f7;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{background:#f5f8f7;min-width:320px}body{background:#f5f8f7;min-width:320px;min-height:100vh;margin:0}body,button,input,select,textarea{font-family:inherit}button,input,select,textarea{font-size:inherit}button{border:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}img,svg{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #0d927829}#root{text-align:left;width:100%;min-height:100vh;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{margin-top:0}ul,ol{margin:0;padding:0;list-style:none}::selection{color:#fff;background:#0d9278}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#edf3f0}::-webkit-scrollbar-thumb{background:#c6d4cf;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#aebfb9}