.loginMessageBox{padding:12px;margin-bottom:20px;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:4px;text-align:center}.auth-container{max-width:400px;min-width:300px;margin:0 auto;padding:2rem;background-color:#f2f9ff;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:Manrope,system-ui,sans-serif}h1{margin-bottom:2.5rem;color:#138af2;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}label{display:block;margin-bottom:.5rem;font-weight:600;color:#323334;width:100%;text-align:left}input{width:100%;padding:.75rem;margin-bottom:1rem;border-radius:8px;border:1px solid #C0C0C0;font-size:1rem;outline:none;color:#323334;background-color:transparent;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}input:focus{outline:none;border-color:#8969ec;box-shadow:0 0 8px #8969ec4d}.error{color:#e74c3c;font-size:.85rem;margin-top:-.75rem;margin-bottom:.5rem;display:block;text-align:left;font-weight:500}input:invalid,input.error-field{border-color:#e74c3c;box-shadow:0 0 4px #e74c3c33}input.error-field:focus{border-color:#e74c3c;box-shadow:0 0 8px #e74c3c4d}.submit-btn{width:100%;background-color:#138af2;color:#f2f2f2;border:none;outline:none;border-radius:8px;padding:.75rem;font-size:1rem;cursor:pointer;transition:background-color .3s,box-shadow .2s}.submit-btn:focus{outline:none;box-shadow:none}.submit-btn:active,.submit-btn:hover{outline:none;color:#f2f2f2;background-color:#8969ec;box-shadow:0 4px 12px #8969ec33}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-label{margin-top:1.5rem;font-size:1rem}.login{display:flex;align-items:center;justify-content:center}.password-visible-button{position:absolute;right:10px;top:50%;transform:translateY(-25%);background:transparent;outline:none;border:none;cursor:pointer;padding:0;font-size:1.2rem;box-shadow:none}.password-visible-button:focus,.password-visible-button:active{outline:none;box-shadow:none}.password-visible-button:disabled{opacity:.6;cursor:not-allowed}.toggle-button:focus,.toggle-button:active{outline:none;border-color:transparent;box-shadow:none}.toggle-button:hover{outline:none;border-color:transparent;color:#8969ec}.toggle-button:disabled{opacity:.6;cursor:not-allowed}.toggle-button{margin-top:1rem;padding:.5rem 1rem;background:none;border:2px solid transparent;border-radius:8px;color:#138af2;font-weight:600;cursor:pointer;font-size:1rem;transition:color .2s,border-color .2s}.nav-tab{padding:.75rem 2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit}.nav-tab:hover{color:#f5f5f5;background:#ffffff26;box-shadow:0 0 10px #4facfe4d}.nav-tab.active{background:#4facfe33;border-color:#4facfe;box-shadow:0 0 15px #4facfe80;color:#4facfe}.financial-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0003;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.financial-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000004d}.card-title{font-size:1rem;color:#666;margin-bottom:.5rem;font-weight:500}.card-value{font-size:1.8rem;font-weight:700;color:#333}.header-link:focus,.header-link{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease;font-family:inherit}.header-link:active,.header-link:hover:not(:disabled){color:#4facfe;text-decoration:underline}.header-link:disabled{opacity:.6;cursor:not-allowed}.dashboard-container{padding:0 2rem;border-radius:12px;background:#0d1a35;color:#fff;display:flex;flex-direction:column;font-family:Manrope,system-ui,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#0d1a35;border-bottom:1px solid rgba(255,255,255,.1)}.nav-tabs{display:flex;gap:2rem;margin-bottom:1rem;justify-content:center;align-items:center}.header-left{flex:.5}.app-title{font-size:2rem;font-weight:700;margin:0;color:#fff}.header-right{display:flex;gap:2rem;align-items:center}.dashboard-content{display:flex;flex:1;padding:2rem;gap:2rem}.user-section{display:flex;flex-direction:column;align-items:center;margin-top:5rem;gap:1rem;min-width:150px}.user-avatar{width:80px;height:80px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid rgba(255,255,255,.2)}.user-name{font-size:1.5rem;font-weight:600;color:#fff;text-align:center}.main-area{flex:1;display:flex;flex-direction:column;gap:1rem}.financial-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:0}.bottom-section{display:grid;grid-template-columns:1fr 2.5fr;gap:1.5rem;margin-top:0}.accounts-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 15px #0003}.accounts-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:1rem}.accounts-content{min-height:200px;color:#666}.empty-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0003;min-height:200px}.dashboard-footer{padding:2rem;text-align:center;background:#0d1a35;border-top:1px solid rgba(255,255,255,.1);color:#fffc}.dashboard-footer p{margin:0;font-size:1rem;line-height:1.6}@media(max-width:1024px){.dashboard-content{flex-direction:column}.user-section{flex-direction:row;justify-content:center;min-width:auto}.bottom-section{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:1rem;padding:1rem}.header-right{flex-wrap:wrap;justify-content:center;gap:1rem}.app-title{font-size:1.5rem}.dashboard-content{padding:1rem}.financial-cards{grid-template-columns:1fr}.nav-tabs{flex-direction:column}.nav-tab{width:100%;text-align:center}}@media(max-width:480px){.header-right{flex-direction:column;width:100%}.header-link{width:100%;text-align:center}.user-section{flex-direction:column}.financial-card{padding:1rem}.card-value{font-size:1.5rem}}#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem;text-align:center;box-sizing:border-box}@media screen and (max-width:1024px){#root{padding:1.5rem}}@media screen and (max-width:768px){#root{padding:1rem;max-width:100%}}@media screen and (max-width:480px){#root{padding:.75rem;max-width:100%}}@media screen and (max-width:360px){#root{padding:.5rem;max-width:100%}}@supports (-webkit-touch-callout: none){#root{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));padding-top:max(.75rem,env(safe-area-inset-top));padding-bottom:max(.75rem,env(safe-area-inset-bottom))}@media screen and (max-width:768px){#root{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}@media screen and (max-width:480px){#root{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}}}@media screen and (max-width:768px)and (orientation:landscape){#root{padding:1rem .75rem}}@font-face{font-family:Manrope;src:url(/assets/Manrope-DZScd_l0.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/Manrope-DZScd_l0.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/Manrope-DZScd_l0.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/Manrope-DZScd_l0.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/Manrope-DZScd_l0.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{font-family:Manrope,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;background:#b3ddf1;background:radial-gradient(50% 21.25% at 50% 100%,#142952,#0d1a35 28.5%,#050a18);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:top;min-width:320px;min-height:100vh;font-family:Manrope,system-ui,Avenir,Helvetica,Arial,sans-serif;box-sizing:border-box;overflow-x:hidden}@media screen and (max-width:768px){body{margin:0}}@supports (-webkit-touch-callout: none){body{width:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}html{overflow-x:hidden;-webkit-text-size-adjust:100%}}h1{font-size:3.2em;line-height:1.1}button{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;color:#213547;border:none}button:hover{color:#000}button:focus,button:focus-visible{color:#000}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}