@import"https://fonts.googleapis.com/css2?family=Winky+Rough:ital,wght@0,300..900;1,300..900&display=swap";*{margin:0;box-sizing:border-box}html,body{height:100%;margin:0}#root{overflow-x:hidden;position:relative;min-height:100%;padding-bottom:120px;box-sizing:border-box}main{max-width:1248px;margin:0 auto}header{max-width:100%;height:4rem;background-color:#f6f4ff;position:sticky;top:0;z-index:99999999;display:flex;justify-content:space-between;align-items:center;padding:0 20px}header a{margin:0 10px;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .3s ease;font-family:Winky Rough,sans-serif;color:#846fff;font-weight:bolder}header a:hover{text-decoration-color:#846fff}.logo{width:50px}.auth{max-width:628px;margin:30px auto;border:2px solid black;border-radius:3px;padding:10px}.authLabel{display:flex;justify-content:center;font-size:2.3rem;font-weight:bolder;font-family:Winky Rough,sans-serif;margin-bottom:40px}.authForm{max-width:80%;margin:0 auto}.titleFiled{font-family:Winky Rough,sans-serif;font-size:1.5rem;margin-top:20px}.input-wrapper,.button-wrapper,.authLink-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.button-wrapper{margin-bottom:40px}input{width:80%;border:3px solid black;border-radius:5px;padding:5px 10px}input:valid{outline:none;border-color:#14a514}input:invalid{outline:none;border-color:#000}input:valid+small{visibility:hidden}button{margin:20px 0;color:#000;background-color:#846fff;border:2px solid black;font-family:Winky Rough,sans-serif;font-size:1.2rem;border-radius:2px;padding:10px 30px;transition:background-color .3s ease}button:hover{background-color:#ab9df9;cursor:pointer}button:disabled{background-color:#ccc;color:#666;border-color:#999;cursor:not-allowed;opacity:.6}.CantView,.center{display:flex;justify-content:center}.budget-wrapper{max-width:100%;display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.budgetData{width:290px;border:2px solid black;border-radius:5px;padding:10px 20px;position:relative}.budgetData:hover{box-shadow:-10px 10px 10px #0003}.budgetData:hover .fontTitle{text-decoration:underline}.PageTitle{width:200px}.budgetData .underText{font-size:large}.budgetContainer h1{position:relative;font-size:2.3rem;font-weight:bolder;font-family:Winky Rough,sans-serif}.fontTitle{font-family:Winky Rough,sans-serif}.fonth2{font-family:Winky Rough,sans-serif;font-weight:400}.underText{color:#a0a0a093;font-weight:bolder;font-family:Winky Rough,sans-serif}.upSpace{margin-top:20px;margin-bottom:10px}.floatAddBox{position:absolute;top:3.8rem;right:5rem;width:250px;height:150px}.budgetActions{position:absolute;top:10px;right:10px;z-index:5000}.budgetActions img{max-width:50px;max-height:40px;background-color:#f6f4ff;border:1px solid rgba(160,160,160,.575);border-radius:5px;padding:5px;transition:background-color .3s ease}.budgetActions img:hover{background-color:#846fff}.budget-wrapper a{text-decoration:none;color:#000}.budget-wrapper{margin-bottom:80px}.gaugeContainer{width:260px;height:150px;margin:0 auto 20px;position:relative}.gaugeCenterText{position:absolute;top:50%;left:50%;transform:translate(-50%,50%);font-size:20px;font-weight:700;color:#333;pointer-events:none;font-family:Winky Rough,sans-serif}.gaugeLabels{display:flex;justify-content:space-between;margin-top:-35px;padding:0 10px;font-family:Winky Rough,sans-serif}.labelBlock{text-align:center}.labelTitle{font-size:12px;color:#666;font-weight:500;font-family:Winky Rough,sans-serif}.labelValue{font-size:16px;font-weight:700;color:#333;font-family:Winky Rough,sans-serif}canvas{display:block;margin:0 auto}.fontFix{font-size:3rem}input[type=range]{accent-color:#846fff}.input-wrapper output{color:#000;padding:2px 8px;border-radius:4px;font-size:large}.newBudgetContainer{width:40%;margin:20px auto;border:2px solid black;border-radius:5px;padding:10px 20px}.AddBudgetLabel{display:flex;justify-content:center;font-size:2.3rem;font-weight:bolder;font-family:Winky Rough,sans-serif}output{border:2px solid rgba(160,160,160,.575);background-color:#f6f4ff}.EditBudgetContainer{width:40%;margin:20px auto;border:2px solid black;border-radius:5px;padding:10px 20px}.EditBudgetLabel{display:flex;justify-content:center;font-size:2.3rem;font-weight:bolder;font-family:Winky Rough,sans-serif}.DeleteBudgetButton{background-color:red}.DeleteBudgetButton:hover{background-color:#f44646}.twoButtons{display:flex;flex-direction:row;justify-content:center;gap:10px}.ExpenseContainer{margin-top:20px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.expense-wrapper{border:2px solid black;border-radius:5px;padding:10px 20px;width:400px;background-color:#f6f4ff}.expense-wrapper:hover{box-shadow:-5px 5px 20px gray}.PageTitle,.underText{font-family:Winky Rough,sans-serif}.ExpenseContainer a{text-decoration:none;color:#000}.expense-wrapper:hover .expenseName{text-decoration:underline}.expenseName{text-transform:uppercase}.expenseDownmar{margin-bottom:0}.addExpenseContainer{width:40%;margin:20px auto;border:2px solid black;border-radius:5px;padding:10px 20px}select{width:80%;border:3px solid black;border-radius:5px;padding:5px}.EditExpenseContainer{width:40%;margin:20px auto;border:2px solid black;border-radius:5px;padding:10px 20px}.profileContainer{width:40%;margin:20px auto;border:2px solid black;border-radius:5px;padding:10px 20px;text-align:center}.profileContainer h1,.profileContainer h3{font-family:Winky Rough,sans-serif}.userIcon{max-width:150px;margin:40px 0;border:4px solid black;border-radius:20px}.ProfileEditContainer{width:40%;margin:20px auto;border:2px solid black;border-radius:5px;padding:10px 20px;text-align:center}.analticContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;overflow:hidden;padding:20px;box-sizing:border-box}.analticContainer canvas{flex:0 1 auto;max-width:100%;height:auto;margin:50px 0}.analticContainer canvas{width:100%!important;height:auto!important;border:2px solid black;border-radius:5px}footer{position:absolute;bottom:0;left:0;right:0;background-color:#f6f4ff;color:#333;text-align:center;padding:30px 20px;font-family:Winky Rough,sans-serif;font-size:14px;height:120px;border-top:1px solid #846fff;margin-top:50px}.footer-content nav{margin:15px 0}.footer-content a{color:#846fff;text-decoration:none;margin:0 8px;transition:color .3s ease}.footer-content a:hover{color:#846fff;text-decoration:underline}small{display:block;margin-top:10px;font-style:italic;color:#666}body{font-family:Winky Rough,sans-serif}.cta-button{display:inline-block;padding:12px 24px;background-color:#6b59bf;color:#000;border-radius:6px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.cta-button:hover{background-color:#a18df9;transform:scale(1.05)}.hero{padding:80px 20px;text-align:center;background:linear-gradient(135deg,#f6f4ff,#5c4aab);animation:fadeIn 1s ease-in forwards;margin-top:20px}.hero h1{font-size:2.8rem;margin-bottom:12px}.hero p{font-size:1.2rem;margin-bottom:24px}.features{padding:60px 20px;max-width:800px;margin:auto;animation:fadeSlideUp 1s ease-in forwards}.features ul{list-style:none;padding:0}.features li{margin-bottom:18px;position:relative;padding-left:28px}.features li:before{content:"✔";position:absolute;left:0;color:#f6f4ff}.tagline{text-align:center;font-style:italic;font-size:1.2rem;padding:40px 20px;background-color:#f6f4ff;animation:fadeSlideUp 1.2s ease-in forwards}.cta{padding:60px 20px;text-align:center;background-color:#f6f4ff;animation:fadeSlideUp 1.4s ease-in forwards;margin-bottom:50px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}section{opacity:0;transform:translateY(40px);transition:all .6s ease-out}section.reveal{opacity:1;transform:translateY(0)}.aiButton{margin:0 0 0 20px;padding:2px 10px;border-radius:20px}.conatainerofAi{margin-bottom:50px}.respon{margin-bottom:5px}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}