@import url("https://fonts.googleapis.com/css2?family=Lexend+Giga:wght@400;700&display=swap");:root{--background:#fff;--foreground:#000}body,html{width:100%;max-width:100vw;margin:0;padding:0}body,html{overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Roboto,Helvetica,Arial,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;margin-top:100px}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.lexend-giga{font-family:Lexend Giga,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.button{color:#fff;background:#3b82f6;transition:opacity .23s}input{padding:10px 15px;font-size:1rem;border:2px solid #ddd;border-radius:8px;width:250px;margin:10px;transition:all .3s ease}input:focus{border-color:#3b82f6;outline:none}button{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;margin:10px}button:hover{background-color:#2563eb}@media (max-width:1000px){.goal-card{width:30%;min-width:400px}}@media (min-width:1000px){.goal-card{width:30%;min-width:1000px}}.form-container{background-color:hsla(0,0%,100%,0);padding:32px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;width:100%;max-width:1000px;margin:0 auto}.title{font-size:24px;margin-bottom:16px}.description{margin-bottom:24px;font-size:16px;color:#fff}.form{display:flex;flex-direction:column;align-items:center;gap:16px}.input-field{border:1px solid #ddd}.input-field,.submit-btn{font-size:16px;width:80%;max-width:400px}.submit-btn{background-color:#007bff;color:#fff;padding:12px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover{background-color:#7dbcff}.add-goal-btn{position:fixed;bottom:20px;right:20px;background-color:#01c7c0;color:#fff;border:none;border-radius:25px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:width .3s ease,border-radius .3s ease;overflow:hidden}.add-goal-btn .add-goal-icon{font-size:24px;transition:opacity .3s ease}.add-goal-btn .add-goal-text{opacity:0;position:absolute;left:50px;transition:opacity .3s ease}.add-goal-btn:hover{width:200px;border-radius:25px 50px 50px 25px;background-color:#01c7c0}.add-goal-btn:hover .add-goal-text{opacity:1}.add-goal-btn:hover .add-goal-icon{opacity:0}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);color:#000;display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background-color:#000;color:#fff;padding:20px;border-radius:8px;width:400px;position:relative}.close-popup{position:absolute;top:10px;right:10px;font-size:20px;font-weight:700;color:#fff;background:none;background-clip:padding-box;cursor:pointer}.close-popup:hover{color:#ff0050;background-color:transparent}.goals-list{display:flex;flex-direction:column;gap:20px;justify-content:space-around}.goal-card{margin-top:10px;margin-bottom:20px;box-shadow:inset 0 0 10px #000;padding:40px;border-radius:8px;background-color:#844d4d00;position:relative;transition:background .3s ease}.goal-card:hover{background-color:#00000042}.goal-details{display:flex;justify-content:space-between;align-items:center;font-size:1.1em;margin-bottom:10px}.edit-icon{position:absolute;top:10px;right:10px;font-size:18px;cursor:pointer;transition:transform .3s ease}.edit-icon:hover{transform:scale(1.2)}.progress-bar{background-color:#e0e0e0;border-radius:5px;height:10px;margin-top:10px;margin-bottom:10px}.progress-fill{background-color:#4caf50;height:100%;border-radius:5px}.dollar-button{background-color:#4caf50;color:#000;padding:15px;border-radius:5%;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease-in-out;width:65px;height:5px;text-align:center;margin-top:20px}.edit-spent-form{margin-top:10px}.edit-spent-form input{padding:8px;margin-right:10px;border-radius:5px}.edit-spent-form button{background-color:#4caf50;color:#fff;padding:8px;border-radius:5px;cursor:pointer}.edit-spent-form button:hover{background-color:#45a049}.outlook-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;min-height:100vh}.title{font-size:2rem;font-weight:700;margin-bottom:20px}.spending-habits-chart{margin-bottom:30px;width:100%}.card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%}.card{background-color:hsla(0,0%,100%,0);padding:40px;max-width:400px;box-shadow:0 2px 8px rgba(0,0,0,.692)}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:10px}.card-text{font-size:1rem;margin-bottom:10px}.input-field{width:100%;padding:10px;margin-top:15px;border:1px solid #ccc;border-radius:4px}.advisor-response{margin-top:10px;font-size:1rem}.analytics-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}h2{font-size:2rem;font-weight:700}.card,h2{margin-bottom:20px}.card{background-color:rgba(232,16,16,0);border-radius:8px;padding:20px;width:100%;max-width:600px;box-shadow:0 2px 8px rgba(0,0,0,.685)}.chart-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.over-budget-card ul{list-style-type:none;padding:0}.over-budget-card li{font-size:1rem;margin-bottom:10px}.over-budget-card strong{font-weight:700}.navbar{position:fixed;top:0;left:0;padding:10px 20px;justify-content:center;background-color:#171717;z-index:10}.navbar,.navbar-container{width:100%;align-items:center}.navbar-container{display:flex;justify-content:space-between;position:relative}.nav-icons{gap:20px;justify-content:center;flex-grow:1}.nav-icons,.navbar-item{display:flex;align-items:center}.navbar-item{flex-direction:column;cursor:pointer;transition:all .2s ease-in-out;padding:5px}.navbar-item .icon{font-size:1.5rem;width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:#ff0050;transition:color .3s ease}.navbar-item .icon :hover{color:#fff}.navbar-item.active{background-color:#01c7c0;padding:8px 16px;border-radius:12px}.navbar-item.active .icon{color:#ff0050;transition:color .3s ease}.navbar-item .text{font-size:.875rem;margin-top:.5rem;color:#fff}.streak-display{display:flex;align-items:center;gap:5px;color:#fff;font-weight:700;font-size:1.1rem;background-color:#01c7c0;border-radius:12px;padding:8px 16px;position:absolute;left:20px}.fire-icon{color:#ff0050;font-size:1.3rem}@media (prefers-color-scheme:dark){html{color-scheme:dark}body{background:#171717;color:#fff}input{border-color:#555;background-color:#333;color:#fff}button{background-color:#01c7c0;transition:background-color .3s ease}button:hover{background-color:#00948f}}