.landing-container{background-color:#f4f6f8;color:#293241;min-height:100vh;transition:background-color .3s,color .3s}.landing-container.dark-mode{background-color:#293241;color:#f4f6f8}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#293241b3;display:flex;justify-content:center;align-items:center;z-index:1000}.landing-container.dark-mode .spinner{border:6px solid #0077B5;border-top:6px solid #F4F6F8}.header{background:#fff;padding:25px 50px;box-shadow:0 3px 8px #2932411a}.landing-container.dark-mode .header{background:#293241;box-shadow:0 3px 8px #f4f6f81a}.header-content{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;gap:10px}.logo{width:110px;height:110px;object-fit:contain;transition:transform .3s}.logo:hover{transform:scale(1.1)}.header h1{font-size:30px;font-weight:700}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{text-decoration:none;color:#293241;font-weight:600;font-size:16px;transition:color .3s,transform .3s}.landing-container.dark-mode .nav-links a{color:#f4f6f8}.nav-links a:hover{color:#0077b5;transform:translateY(-2px)}.dark-mode-toggle{background:#fff;border:2px solid #0077B5;padding:8px;border-radius:50%;cursor:pointer;transition:background .3s,border-color .3s,transform .3s}.landing-container.dark-mode .dark-mode-toggle{background:#293241;border:2px solid #00A0DC}.landing-container.dark-mode .dark-mode-toggle:hover{background:#00a0dc;border-color:#00a0dc}.hero{padding:80px 50px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;gap:50px}.hero-content{max-width:55%}.hero h2{font-size:42px;font-weight:700;margin-bottom:25px}.hero p{font-size:18px;color:#666d78;margin-bottom:35px}.landing-container.dark-mode .hero p{color:#a5acb8}.cta-button{padding:14px 30px;font-size:18px;font-weight:600;border-radius:8px;background-color:#0077b5;color:#fff;border:none;cursor:pointer;transition:background-color .3s,transform .3s,box-shadow .3s}.cta-button:hover{background-color:#005f91;transform:scale(1.05);box-shadow:0 4px 12px #0077b54d}.landing-container.dark-mode .cta-button{background-color:#00a0dc}.landing-container.dark-mode .cta-button:hover{background-color:#0088b8;box-shadow:0 4px 12px #00a0dc4d}.hero-image{max-width:45%;width:100%;object-fit:contain;max-height:400px;border-radius:12px;box-shadow:0 6px 16px #29324133;transition:transform .3s}.hero-image:hover{transform:scale(1.02)}.about{padding:80px 50px;text-align:center;max-width:1280px;margin:0 auto}.about h3{font-size:34px;font-weight:700;margin-bottom:25px}.about p{font-size:16px;color:#666d78;max-width:900px;margin:0 auto}.landing-container.dark-mode .about p{color:#a5acb8}.features{padding:80px 50px;background:#f0f2f5;text-align:center}.landing-container.dark-mode .features{background:#313847}.features h3{font-size:34px;font-weight:700;margin-bottom:40px}.feature-cards{display:flex;justify-content:center;gap:40px;max-width:1280px;margin:0 auto}.feature-card{background:#fff;border-radius:12px;box-shadow:0 6px 16px #2932411a;padding:25px;width:320px;transition:transform .3s,box-shadow .3s}.landing-container.dark-mode .feature-card{background:#293241;box-shadow:0 6px 16px #f4f6f81a}.feature-card:hover{transform:translateY(-10px);box-shadow:0 8px 20px #0077b533}.landing-container.dark-mode .feature-card:hover{box-shadow:0 8px 20px #00a0dc33}.card-header{padding-bottom:20px}.card-header h4{font-size:22px;font-weight:600;color:#0077b5}.landing-container.dark-mode .card-header h4{color:#00a0dc}.card-content img{width:100%;object-fit:contain;max-height:200px;border-radius:8px;margin-bottom:20px;transition:transform .3s}.card-content img:hover{transform:scale(1.03)}.card-content p{font-size:15px;color:#666d78}.landing-container.dark-mode .card-content p{color:#a5acb8}.footer{padding:25px 50px;background:#fff;text-align:center;border-top:1px solid #DDE2E6}.landing-container.dark-mode .footer{background:#293241;border-top:1px solid #3E4656}.footer p{font-size:14px;color:#666d78}.landing-container.dark-mode .footer p{color:#a5acb8}.toast{position:fixed;bottom:30px;right:30px;background:#fff;color:#293241;padding:20px;border-radius:8px;box-shadow:0 6px 16px #29324133;z-index:1000;animation:slideIn .5s ease-out,fadeOut .5s ease-out 2.5s forwards}.landing-container.dark-mode .toast{background:#293241;color:#f4f6f8;box-shadow:0 6px 16px #f4f6f833}.toast h4{font-size:18px;font-weight:600;margin-bottom:8px}.toast p{font-size:14px}@media (max-width: 1200px){.header,.hero,.about,.features,.footer{padding-left:40px;padding-right:40px}.feature-card{width:280px}.hero-image{max-height:350px}.card-content img{max-height:180px}}@media (max-width: 992px){.hero{padding:60px 30px;gap:40px}.hero h2{font-size:36px}.hero-image{max-height:300px}.feature-cards{gap:30px}.feature-card{width:260px}.card-content img{max-height:160px}}@media (max-width: 768px){.header{padding:20px 25px}.logo{width:60px;height:60px}.header h1{font-size:24px}.nav-links{gap:20px}.nav-links a{font-size:14px}.hero{flex-direction:column;text-align:center;padding:50px 20px}.hero-content,.hero-image{max-width:100%}.hero h2{font-size:32px}.hero p{font-size:16px}.hero-image{max-height:250px}.cta-button{padding:12px 25px}.about,.features{padding:60px 20px}.about h3,.features h3{font-size:28px}.feature-cards{flex-direction:column;align-items:center}.feature-card{width:100%;max-width:400px}.card-content img{max-height:200px}}@media (max-width: 480px){.header{padding:15px}.logo{width:50px;height:50px}.header h1{font-size:20px}.nav-links{gap:15px}.nav-links a{font-size:13px}.dark-mode-toggle{padding:6px}.hero{padding:40px 15px}.hero h2{font-size:26px}.hero p{font-size:14px}.hero-image{max-height:200px}.cta-button{padding:10px 20px;font-size:16px}.about,.features{padding:40px 15px}.about h3,.features h3{font-size:24px}.card-header h4{font-size:20px}.card-content p{font-size:14px}.card-content img{max-height:150px}.footer{padding:20px 15px}.toast{bottom:20px;right:20px;padding:15px}}.auth-container{background-color:#f4f6f8;color:#293241;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px;transition:background-color .3s,color .3s}.auth-container.dark{background-color:#293241;color:#f4f6f8}.dark-mode-toggle{position:fixed;top:20px;right:20px;background:#fff;border:2px solid #0077B5;padding:8px;border-radius:50%;cursor:pointer;transition:background .3s,border-color .3s,transform .3s;z-index:1000}.auth-container.dark .dark-mode-toggle{background:#293241;border:2px solid #00A0DC}.dark-mode-toggle:hover{background:#0077b5;border-color:#0077b5;transform:rotate(20deg)}.auth-container.dark .dark-mode-toggle:hover{background:#00a0dc;border-color:#00a0dc}.mode-icon{color:#293241}.auth-container.dark .mode-icon{color:#f4f6f8}.auth-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px}.auth-logo{width:100px;height:100px;object-fit:contain;transition:transform .3s}.auth-logo:hover{transform:scale(1.1)}.auth-header h1{font-size:32px;font-weight:700}.auth-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:40px}.toggle-btn{padding:10px 30px;font-size:16px;font-weight:600;border:2px solid #0077B5;border-radius:25px;background-color:transparent;color:#0077b5;cursor:pointer;transition:background-color .3s,color .3s,transform .3s}.toggle-btn.active{background-color:#0077b5;color:#fff}.toggle-btn:hover{background-color:#005f91;color:#fff;transform:scale(1.05)}.auth-container.dark .toggle-btn{border:2px solid #00A0DC;color:#00a0dc}.auth-container.dark .toggle-btn.active{background-color:#00a0dc;color:#fff}.auth-container.dark .toggle-btn:hover{background-color:#0088b8}.auth-content{max-width:1200px;width:100%;display:flex;justify-content:center;margin-bottom:40px}.auth-form{display:flex;align-items:center;gap:40px;width:100%;max-width:900px}.auth-image{width:50%;max-height:500px;object-fit:contain;border-radius:12px;box-shadow:0 6px 16px #29324133;transition:transform .3s}.auth-image:hover{transform:scale(1.02)}.form-wrapper{width:50%;padding:30px;background:#fff;border-radius:12px;box-shadow:0 6px 16px #2932411a;transition:transform .3s}.auth-container.dark .form-wrapper{background:#313847;box-shadow:0 6px 16px #f4f6f81a}.form-wrapper:hover{transform:translateY(-5px)}.form-wrapper h2{font-size:28px;font-weight:700;margin-bottom:25px;color:#0077b5}.auth-container.dark .form-wrapper h2{color:#00a0dc}.input-group{position:relative;margin-bottom:20px}.input-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#666d78}.auth-container.dark .input-icon{color:#a5acb8}input,select{width:100%;padding:12px 12px 12px 40px;font-size:16px;border:1px solid #DDE2E6;border-radius:6px;background:#f4f6f8;color:#293241;transition:border-color .3s,box-shadow .3s}.auth-container.dark input,.auth-container.dark select{background:#293241;border:1px solid #3E4656;color:#f4f6f8}input:focus,select:focus{border-color:#0077b5;box-shadow:0 0 5px #0077b54d;outline:none}.auth-container.dark input:focus,.auth-container.dark select:focus{border-color:#00a0dc;box-shadow:0 0 5px #00a0dc4d}.password-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);cursor:pointer;color:#666d78}.auth-container.dark .password-toggle{color:#a5acb8}.role-select{padding:12px}.auth-btn{width:100%;padding:14px;font-size:18px;font-weight:600;border-radius:8px;background-color:#0077b5;color:#fff;border:none;cursor:pointer;transition:background-color .3s,transform .3s,box-shadow .3s}.auth-btn:disabled{background-color:#666d78;cursor:not-allowed}.auth-btn:hover:not(:disabled){background-color:#005f91;transform:scale(1.05);box-shadow:0 4px 12px #0077b54d}.auth-container.dark .auth-btn{background-color:#00a0dc}.auth-container.dark .auth-btn:hover:not(:disabled){background-color:#0088b8;box-shadow:0 4px 12px #00a0dc4d}.otp-sent-message{font-size:14px;color:#0077b5;margin-bottom:15px}.auth-container.dark .otp-sent-message{color:#00a0dc}.auth-link{font-size:14px;color:#666d78;text-align:center;margin-top:20px}.auth-container.dark .auth-link{color:#a5acb8}.link{color:#0077b5;cursor:pointer;text-decoration:underline}.auth-container.dark .link{color:#00a0dc}.link:hover{color:#005f91}.auth-container.dark .link:hover{color:#0088b8}.security-info{max-width:900px;text-align:center;padding:30px;background:#fff;border-radius:12px;box-shadow:0 6px 16px #2932411a}.auth-container.dark .security-info{background:#313847;box-shadow:0 6px 16px #f4f6f81a}.security-info h3{font-size:24px;font-weight:700;margin-bottom:15px;color:#0077b5}.auth-container.dark .security-info h3{color:#00a0dc}.security-info p{font-size:14px;color:#666d78}.auth-container.dark .security-info p{color:#a5acb8}.auth-toast{position:fixed;bottom:30px;right:30px;background:#fff;color:#293241;padding:15px 25px;border-radius:8px;box-shadow:0 6px 16px #29324133;z-index:1000;animation:slideIn .5s ease-out,fadeOut .5s ease-out 4.5s forwards}.auth-container.dark .auth-toast{background:#293241;color:#f4f6f8;box-shadow:0 6px 16px #f4f6f833}.auth-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#293241b3;display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{width:60px;height:60px;border:6px solid #00A0DC;border-top:6px solid #0077B5;border-radius:50%;animation:spin 1s ease-in-out infinite,pulse 1.5s infinite}.auth-container.dark .spinner{border:6px solid #0077B5;border-top:6px solid #F4F6F8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes slide-left{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-right{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.slide-left{animation:slide-left .5s ease-out}.slide-right{animation:slide-right .5s ease-out}@media (max-width: 1200px){.auth-form{max-width:800px;gap:30px}.auth-image{max-height:450px}}@media (max-width: 992px){.auth-form{flex-direction:column;align-items:center;gap:20px}.auth-image,.form-wrapper{width:100%;max-width:500px}.auth-image{max-height:400px}.form-wrapper{padding:25px}}@media (max-width: 768px){.auth-container{padding:30px 15px}.auth-header{flex-direction:column;gap:15px}.auth-logo{width:80px;height:80px}.auth-header h1{font-size:28px}.auth-toggle{margin-bottom:30px}.toggle-btn{padding:8px 25px;font-size:14px}.form-wrapper h2{font-size:24px}.auth-image{max-height:300px}.security-info{padding:20px}.security-info h3{font-size:20px}}@media (max-width: 480px){.auth-container{padding:20px 10px}.auth-logo{width:60px;height:60px}.auth-header h1{font-size:24px}.toggle-btn{padding:6px 20px;font-size:13px}.form-wrapper{padding:20px}.form-wrapper h2{font-size:20px}.input-group{margin-bottom:15px}input,select{padding:10px 10px 10px 35px;font-size:14px}.auth-btn{padding:12px;font-size:16px}.auth-image{max-height:200px}.security-info{padding:15px}.security-info h3{font-size:18px}.security-info p{font-size:13px}.auth-toast{bottom:20px;right:20px;padding:10px 20px;font-size:14px}}.auth-footer{text-align:center;margin-top:20px;padding-bottom:20px}.auth-back-btn{display:flex;align-items:center;justify-content:center;padding:10px 20px;background-color:#1e3a8a;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease,transform .2s ease}.auth-back-btn:hover{background-color:#38bdf8;transform:scale(1.05)}.auth-back-btn:disabled{background-color:#6b7280;cursor:not-allowed}.dark .auth-back-btn{background-color:#38bdf8}.dark .auth-back-btn:hover{background-color:#1e3a8a}.dark .auth-back-btn:disabled{background-color:#4b5563}.uh-container{background-color:#f4f6f8;color:#293241;min-height:100vh;display:flex;flex-direction:column;align-items:center}.uh-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#293241b3;display:flex;justify-content:center;align-items:center;z-index:1000;font-size:24px;color:#fff}.uh-toast{position:fixed;top:30px;right:30px;background:#fff;color:#293241;padding:15px 25px;border-radius:8px;box-shadow:0 6px 16px #29324133;z-index:1000;animation:slideInFromTop .5s ease-out,fadeOut .5s ease-out 2.5s forwards}.uh-navbar{width:100%;background:#fff;padding:20px 50px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 8px #2932411a}.uh-navbar-brand{display:flex;align-items:center;gap:15px;font-size:24px;font-weight:700}.uh-navbar-logo{width:80px;height:80px;object-fit:contain;transition:transform .3s}.uh-navbar-logo:hover{transform:scale(1.1)}.uh-navbar-actions{display:flex;align-items:center;gap:20px}.uh-navbar-profile{display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .3s}.uh-navbar-profile:hover{transform:scale(1.05)}.uh-navbar-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.uh-navbar-avatar-default{color:#0077b5}.uh-navbar-username{font-size:18px;font-weight:600}.uh-navbar-logout{display:flex;align-items:center;gap:5px;padding:10px 20px;font-size:16px;font-weight:600;border:2px solid #0077B5;border-radius:8px;background:transparent;color:#0077b5;cursor:pointer;transition:background-color .3s,color .3s,transform .3s}.uh-navbar-logout:hover{background-color:#0077b5;color:#fff;transform:scale(1.05)}.uh-content{max-width:1400px;width:100%;padding:40px 50px;display:flex;flex-direction:column;gap:40px}.uh-main{display:flex;gap:40px;align-items:center}.uh-image-container{width:50%}.uh-image{width:100%;max-height:500px;object-fit:contain;border-radius:12px;box-shadow:0 6px 16px #29324133;transition:transform .3s}.uh-image:hover{transform:scale(1.02)}.uh-instructions-card{width:50%;padding:30px;background:#fff;border-radius:12px;box-shadow:0 6px 16px #2932411a}.uh-instructions-card h1{font-size:32px;font-weight:700;color:#0077b5;margin-bottom:15px}.uh-instructions-card p{font-size:18px;color:#666d78;margin-bottom:20px}.uh-instructions-list h2{font-size:24px;font-weight:600;color:#293241;margin-bottom:15px}.uh-instructions-list ul{list-style-type:disc;padding-left:20px}.uh-instructions-list li{font-size:16px;color:#666d78;margin-bottom:10px}.uh-expense-section{display:flex;gap:40px}.uh-expense-tracker,.uh-manual-expense-entry{width:50%;padding:30px;background:#fff;border-radius:12px;box-shadow:0 6px 16px #2932411a}.uh-expense-tracker h2,.uh-manual-expense-entry h2{font-size:28px;font-weight:700;color:#0077b5;margin-bottom:20px}.uh-expense-tracker p,.uh-manual-expense-entry p{font-size:18px;color:#293241;margin-bottom:20px}.uh-upload-input,.uh-manual-input{width:100%;padding:12px;margin-bottom:20px;border:1px solid #DDE2E6;border-radius:6px;font-size:16px}.uh-manual-inputs{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.uh-buttons{display:flex;gap:15px;margin-bottom:20px}.uh-process-button,.uh-chart-button,.uh-save-button,.uh-add-button{padding:12px 20px;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:background-color .3s,transform .3s,box-shadow .3s}.uh-process-button{background-color:#0077b5;color:#fff}.uh-process-button:hover{background-color:#005f91;transform:scale(1.05);box-shadow:0 4px 12px #0077b54d}.uh-chart-button{background-color:#00a0dc;color:#fff}.uh-chart-button:hover{background-color:#0088b8;transform:scale(1.05);box-shadow:0 4px 12px #00a0dc4d}.uh-save-button,.uh-add-button{background-color:#38bdf8;color:#fff}.uh-save-button:hover,.uh-add-button:hover{background-color:#1e3a8a;transform:scale(1.05);box-shadow:0 4px 12px #1e3a8a4d}.uh-extracted-text,.uh-temp-expenses,.uh-manual-expenses{margin-bottom:20px}.uh-extracted-text h3,.uh-temp-expenses h3,.uh-manual-expenses h3{font-size:20px;font-weight:600;color:#293241;margin-bottom:10px}.uh-extracted-text p,.uh-temp-expenses ul,.uh-manual-expenses ul{font-size:16px;color:#666d78}.uh-temp-expenses ul,.uh-manual-expenses ul{list-style-type:disc;padding-left:20px}.uh-chart-container{height:300px;margin-bottom:20px}.uh-chart{width:100%;height:100%}.uh-expenses-display{padding:30px;background:#fff;border-radius:12px;box-shadow:0 6px 16px #2932411a}.uh-expenses-display h3{font-size:28px;font-weight:700;color:#0077b5;margin-bottom:20px}.uh-expense-entry{margin-bottom:20px}.uh-expense-entry h4{font-size:20px;font-weight:600;color:#293241;margin-bottom:10px}.uh-expense-entry ul{list-style-type:disc;padding-left:20px}.uh-expense-entry li{font-size:16px;color:#666d78;margin-bottom:5px}.uh-expenses-display p{font-size:16px;color:#666d78}@keyframes slideInFromTop{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1200px){.uh-content{padding:30px 40px}.uh-main,.uh-expense-section{gap:30px}.uh-image{max-height:450px}}@media (max-width: 992px){.uh-main{flex-direction:column;align-items:center}.uh-image-container,.uh-instructions-card{width:100%;max-width:600px}.uh-image{max-height:400px}.uh-expense-section{flex-direction:column}.uh-expense-tracker,.uh-manual-expense-entry{width:100%;max-width:600px}}@media (max-width: 768px){.uh-navbar{padding:15px 30px;flex-direction:column;gap:15px}.uh-navbar-logo{width:60px;height:60px}.uh-navbar-brand{font-size:20px}.uh-content{padding:20px 25px}.uh-instructions-card h1{font-size:28px}.uh-expense-tracker h2,.uh-manual-expense-entry h2,.uh-expenses-display h3{font-size:24px}.uh-image{max-height:300px}.uh-chart-container{height:250px}}@media (max-width: 480px){.uh-navbar{padding:10px 15px}.uh-navbar-logo{width:50px;height:50px}.uh-navbar-brand{font-size:18px}.uh-navbar-username{font-size:16px}.uh-navbar-logout{padding:8px 15px;font-size:14px}.uh-content{padding:15px 10px}.uh-instructions-card,.uh-expense-tracker,.uh-manual-expense-entry,.uh-expenses-display{padding:20px}.uh-instructions-card h1{font-size:24px}.uh-instructions-card p{font-size:16px}.uh-instructions-list h2{font-size:20px}.uh-instructions-list li{font-size:14px}.uh-expense-tracker h2,.uh-manual-expense-entry h2,.uh-expenses-display h3{font-size:20px}.uh-expense-tracker p,.uh-manual-expense-entry p{font-size:16px}.uh-buttons{flex-direction:column;gap:10px}.uh-process-button,.uh-chart-button,.uh-save-button,.uh-add-button{padding:10px 15px;font-size:14px}.uh-image{max-height:200px}.uh-chart-container{height:200px}.uh-toast{top:20px;right:20px;padding:10px 20px;font-size:14px}}.inline-spinner{display:inline-block;width:20px;height:20px;border:3px solid #FFFFFF;border-top:3px solid #0077B5;border-radius:50%;animation:spin 1s ease-in-out infinite;margin-left:5px;vertical-align:middle}.uh-loader .spinner{width:60px;height:60px;border:6px solid #00A0DC;border-top:6px solid #0077B5;border-radius:50%;animation:spin 1s ease-in-out infinite,pulse 1.5s infinite}.uh-assistant-container{position:fixed;bottom:20px;right:20px;z-index:1000}.uh-assistant-btn{display:flex;align-items:center;padding:10px 20px;background-color:#38bdf8;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:16px;transition:background-color .3s ease,transform .2s ease}.uh-assistant-btn:hover{background-color:#1e3a8a;transform:scale(1.05)}.uh-assistant-btn svg{margin-right:8px}.uh-chat-popup{position:fixed;bottom:80px;right:20px;width:350px;height:400px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;z-index:1001;display:flex;flex-direction:column}.uh-chat-header{background-color:#1e3a8a;color:#fff;padding:10px;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;align-items:center}.uh-chat-close{background:none;border:none;color:#fff;font-size:16px;cursor:pointer}.uh-chat-messages{flex:1;padding:10px;overflow-y:auto}.uh-chat-message{margin:5px 0;padding:8px 12px;border-radius:5px;max-width:80%}.uh-chat-message.user{background-color:#38bdf8;color:#fff;align-self:flex-end;margin-left:auto}.uh-chat-message.bot{background-color:#f1f5f9;color:#1e3a8a;align-self:flex-start}.uh-chat-input{display:flex;padding:10px;border-top:1px solid #e5e7eb}.uh-chat-input input{flex:1;padding:8px;border:1px solid #d1d5db;border-radius:5px 0 0 5px;outline:none}.uh-chat-input button{padding:8px 12px;background-color:#38bdf8;color:#fff;border:none;border-radius:0 5px 5px 0;cursor:pointer}.uh-chat-input button:disabled{background-color:#6b7280;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6}.profile-container{background-color:#f4f6f8;color:#293241;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px}.profile-container h1{font-size:36px;font-weight:700;color:#0077b5;margin-bottom:30px;text-align:center}.profile-details{max-width:900px;width:100%;padding:30px;background:#fff;border-radius:12px;box-shadow:0 6px 16px #2932411a;display:flex;flex-direction:column;gap:25px}.profile-details p{font-size:18px;color:#293241}.profile-details p strong{color:#0077b5;margin-right:10px}.profile-salary{font-size:18px;display:flex;align-items:center;gap:15px}.profile-salary strong{color:#0077b5}.profile-salary span,.profile-salary-edit{display:flex;align-items:center;gap:10px}.profile-salary-input{width:150px;padding:10px;font-size:16px;border:1px solid #DDE2E6;border-radius:6px;background:#f4f6f8;color:#293241;transition:border-color .3s,box-shadow .3s}.profile-salary-input:focus{border-color:#0077b5;box-shadow:0 0 5px #0077b54d;outline:none}.profile-edit-salary-button,.profile-save-salary-button,.profile-cancel-button{padding:8px 15px;font-size:14px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:background-color .3s,transform .3s,box-shadow .3s}.profile-edit-salary-button{background-color:#00a0dc;color:#fff;margin-left:10px}.profile-edit-salary-button:hover{background-color:#0088b8;transform:scale(1.05);box-shadow:0 4px 12px #00a0dc4d}.profile-save-salary-button{background-color:#0077b5;color:#fff}.profile-save-salary-button:hover{background-color:#005f91;transform:scale(1.05);box-shadow:0 4px 12px #0077b54d}.profile-cancel-button{background-color:#666d78;color:#fff}.profile-cancel-button:hover{background-color:#4a5059;transform:scale(1.05);box-shadow:0 4px 12px #666d784d}.profile-expenses{margin-top:20px}.profile-expenses h3{font-size:24px;font-weight:700;color:#0077b5;margin-bottom:15px}.profile-expense-entry{margin-bottom:20px}.profile-expense-entry h4{font-size:20px;font-weight:600;color:#293241;margin-bottom:10px}.profile-expense-entry ul{list-style-type:disc;padding-left:20px}.profile-expense-entry li{font-size:16px;color:#666d78;margin-bottom:5px}.profile-expenses p{font-size:16px;color:#666d78}.profile-image-content{margin-top:20px}.profile-image-content h3{font-size:24px;font-weight:700;color:#0077b5;margin-bottom:15px}.profile-image-content p{font-size:16px;color:#666d78;white-space:pre-wrap}.profile-chart-container{height:300px;margin:20px 0}.profile-chart{width:100%;height:100%}.profile-reset-button,.profile-back-button{padding:12px 25px;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:background-color .3s,transform .3s,box-shadow .3s}.profile-reset-button{background-color:#38bdf8;color:#fff;margin-top:20px}.profile-reset-button:hover{background-color:#1e3a8a;transform:scale(1.05);box-shadow:0 4px 12px #1e3a8a4d}.profile-back-button{background-color:#0077b5;color:#fff;margin-top:30px}.profile-back-button:hover{background-color:#005f91;transform:scale(1.05);box-shadow:0 4px 12px #0077b54d}@keyframes slideIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 1200px){.profile-details{max-width:800px;padding:25px}.profile-chart-container{height:280px}}@media (max-width: 992px){.profile-container{padding:30px 15px}.profile-details{max-width:600px}.profile-container h1{font-size:32px}.profile-expenses h3,.profile-image-content h3{font-size:22px}.profile-chart-container{height:250px}}@media (max-width: 768px){.profile-container{padding:20px 10px}.profile-details{padding:20px}.profile-container h1{font-size:28px}.profile-details p{font-size:16px}.profile-salary{flex-direction:column;align-items:flex-start;gap:10px}.profile-salary-edit{flex-direction:column;width:100%;gap:10px}.profile-salary-input{width:100%}.profile-edit-salary-button,.profile-save-salary-button,.profile-cancel-button{padding:8px 12px;font-size:13px}.profile-expenses h3,.profile-image-content h3{font-size:20px}.profile-expense-entry h4{font-size:18px}.profile-chart-container{height:200px}.profile-reset-button,.profile-back-button{padding:10px 20px;font-size:14px}}@media (max-width: 480px){.profile-container{padding:15px 10px}.profile-details{padding:15px}.profile-container h1{font-size:24px}.profile-details p{font-size:14px}.profile-salary-input{padding:8px;font-size:14px}.profile-expenses h3,.profile-image-content h3{font-size:18px}.profile-expense-entry h4{font-size:16px}.profile-expense-entry li,.profile-image-content p{font-size:14px}.profile-chart-container{height:180px}.profile-reset-button,.profile-back-button{padding:8px 15px;font-size:13px}}