@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--primary-color: #0359f8}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.dashboard{width:100%;background-color:#c3d0e7;display:flex;height:100vh;overflow:hidden}.main-section{margin:20px;flex-grow:1;border-radius:20px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 8px #0003;overflow-x:hidden;overflow-y:scroll;overflow-y:auto}.main-section .title{padding:0;margin:20px 30px;font-family:Poppins,sans-serif;color:var(--primary-color);font-size:25px}.dash-info{display:flex;margin:10px;padding:10px;flex-direction:row;justify-content:space-between;flex-basis:100px;flex-wrap:wrap}.dash_box{flex-grow:1;display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:10px;padding:20px 40px;border-radius:20px;color:#fbfff1;background-color:#a63d40;box-shadow:0 0 8px #0000004d}.dash_box .dash_logo{font-size:50px}.box2{background-color:#5dd9c1}.box3{background-color:#218380}.dash-chart-1{width:96%;height:50%;margin:60px 30px;padding:20px;border-radius:20px;box-shadow:0 0 8px #0000004d}.receent_traans{margin:30px}.recent-container{margin:30px 0}.trans-item{margin:5px 0;border-radius:20px;box-shadow:0 0 8px #0000004d}.loading-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:absolute;top:0;left:0;background-color:#fffc}.circle1{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;border:6px solid white;border-top:3px solid var(--primary-color);border-bottom:3px solid var(--primary-color);animation:spin 1s linear infinite}.circle2{width:40px;height:40px;border-radius:50%;padding:5px;border:6px solid white;border-left:3px solid var(--primary-color);border-right:3px solid var(--primary-color);animation:spin2 .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin2{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.Categorize{margin:20px;height:95vh;flex-grow:1;border-radius:20px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 8px #0003;align-items:center;overflow-y:scroll}.Categorize .title{display:flex;align-items:center;justify-content:space-between;padding:0;margin:20px 170px 20px 30px;font-family:Poppins,sans-serif;color:var(--primary-color);font-size:25px}.center-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}.center-wrapper .category_container{width:clamp(90%,60%,100%);margin-top:20px;border-radius:20px}.Categorize_header{width:90%;display:flex;flex-direction:row-reverse;align-content:start}.header--title{padding:10px 20px;color:#fff;border-radius:20px;flex-grow:1;background-color:var(--primary-color)}.addbtn{background-color:var(--primary-color);color:#fff;border:none;font-size:20px;padding:1px 20px;border-radius:20px;cursor:pointer;margin-right:20px;font-weight:600;box-shadow:0 0 8px #0003}.categorize--item{margin-top:10px;padding:10px 30px;border-radius:20px;display:flex;justify-content:space-between;font-size:25px;color:gray;font-weight:10;box-shadow:0 0 8px #0003}.action{display:flex;align-items:center;gap:15px}.action .del{margin-right:30px;color:red;cursor:pointer}.action .del:hover{filter:drop-shadow(2px 2px 5px rgba(80,79,79,.2))}.row-info{display:flex;align-items:center;gap:20px}.row-info .type{font-size:15px;padding:0 10px;border-radius:20px;background-color:red;color:#fff;font-weight:400}.row-info .income{background-color:green}.categoryAdd-container{margin-top:50px;padding:40px;width:90%;box-shadow:0 0 8px #0003;border-radius:20px}.categoryAdd-container input{width:100%;border-radius:20px;outline:none;border:2px var(--primary-color) solid;padding:10px;margin-top:20px}.categoryAdd-container select{width:100%;border-radius:20px;outline:none;border:2px var(--primary-color) solid;padding:10px;margin-top:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.categoryAdd-container .btns{margin-top:40px;display:flex;justify-content:center;gap:20px}.btn--secondary{background-color:#fff;color:gray;border:none;font-size:20px;padding:1px 20px;border-radius:20px;cursor:pointer;margin-right:20px;font-weight:600;border:1px var(--primary-color) solid}.error{color:red;font-size:14px;padding-left:10px;font-weight:500;font-family:Poppins,sans-serif;text-align:left;width:100%;box-sizing:border-box;background-color:#ffe6e6;border-radius:20px}.Transaction{height:95vh;margin:20px;flex-grow:1;border-radius:20px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 8px #0003;overflow:auto}.Transaction .title{padding:0;margin:20px 30px;font-family:Poppins,sans-serif;color:var(--primary-color);font-size:25px}.Transaction_header{width:90%;display:flex;flex-direction:row-reverse;align-content:start}.Transactiom--table{border-radius:20px;display:flex;justify-content:space-between;font-size:25px;color:gray}.Transactiom--row{padding:10px 30px;border-radius:20px;display:flex;justify-content:space-between;font-size:25px;color:gray;font-weight:10}.Transactiom--con{margin-top:20px;margin-bottom:40px;border-radius:20px;width:90%}.trans-item{display:flex;padding:10px 30px;width:100%;align-items:center;margin:5px 0;border-radius:20px;box-shadow:0 0 8px #0000004d}.trans-item .Trans-info{flex-grow:1}.trans-item .tans-desc{display:flex;font-size:15px;font-weight:300;gap:5px}.trans-title{display:flex;align-items:center;gap:5px}.trans-title .type{font-size:15px;padding:0 10px;border-radius:20px;background-color:red;color:#fff;font-weight:400}.trans-title .income{background-color:green}.action-btns{margin-left:10px;display:flex;padding:10px 0 10px 30px;justify-content:end;align-items:center;gap:10px}.del{color:red}.sidebar{display:flex;flex-direction:column;width:15%;background-color:#c3d0e7;color:var(--primary-color);border-radius:0 20px 20px 0}.logo{padding:30px}.profile{margin:0 0 1rem;padding:0 30px;display:flex;text-align:center;align-items:center;gap:5px}.user_logo{width:40px;height:40px;background-color:#e6dddd;border-radius:50%;color:var(--primary-color)}.username{padding:0}.menus{display:flex;flex-direction:column;justify-content:space-between;font-size:medium;font-weight:100;flex-grow:1}.dashboard_buttons{flex-grow:1}.user_settings{font-size:30px;flex-grow:0}.settings{text-decoration:none;font-size:clamp(.8rem,1.1vw,5rem);margin:10px 20px;padding:10px 20px;border-radius:20px;font-family:Poppins,sans-serif;font-weight:500;cursor:pointer;color:#6c757d;display:flex;align-items:center;gap:10px}.settings:hover{background-color:#adc8f8;color:#fdfdfd;transition:all .45s}.settings:hover .settings--title{color:#fbfff1}.settings--title{background-color:transparent;border:none;color:#6c757d;font-size:clamp(.8rem,1.1vw,5rem);font-weight:500}.settings--title:hover{color:#fbfff1}.navbar--links{display:flex;flex-direction:column;transition:all 5s;flex-grow:1}.navbar--links a{text-decoration:none;font-size:clamp(.8rem,1.1vw,5rem);margin:10px 20px;padding:10px 20px;border-radius:20px;font-family:Poppins,sans-serif;font-weight:600;cursor:pointer;color:#6c757d;display:flex;align-items:center;gap:10px;border:2px solid transparent}.navbar--links a:hover:not(.active){background-color:#adc8f8;color:#fdfdfd;transition:all .45s}.navbar--links .active{background-color:var(--primary-color);color:#fbfff1;transition:all .45s}