@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&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";body{padding:20px}#root{margin:0 auto;padding:0;overflow:none}body{height:100vh;font-family:Instrument Sans,sans-serif;overflow-y:hidden;background:#000;display:flex;justify-content:center;align-items:center}.homeBox{display:flex;justify-content:center;align-items:center;flex-direction:column;height:fit-content;width:fit-content;border-radius:50px;border:2px solid #82c499;gap:100px;padding:100px}.button{height:2.5em;width:fit-content;color:#fff;font-size:2em;padding:10px 30px;border:none;border-radius:30px}.button:hover{filter:opacity(.8)}.button:active{filter:brightness(.7)}.tool{height:2.5em;width:2.5em;color:#fff;font-size:2em;padding:10px 20px;border:none;border-radius:30px;background-color:#0e0e0e}.topbar{width:95%;height:fit-content;border:2px solid;border-bottom:4px solid;margin-top:1vw;padding:.5vw;padding-inline:1.5vw;display:flex;justify-content:space-between;align-items:center;border-radius:20px}.SubmitBt{height:2.5em;width:100%;color:#fff;font-size:2em;padding:10px 30px;border:none;border-radius:30px;background:#40614b}.logout{height:2.5em;width:2.5em;color:#fff;font-size:1em;border:none;border-radius:30px;background:bisque}.logout:hover{filter:opacity(.8)}.logout:active{filter:brightness(.7)}.logo{font-size:40px;font-weight:700;font-family:Instrument Sans,sans-serif;text-align:center}.toolbar{background:#f4f4f4;border:2px #e3e3e3 solid;border-radius:40px 40px 0 0;width:fit-content;height:fit-content;padding:10px;border-bottom:none;display:flex;gap:10px}.bottombar{height:calc(2.5em + 60px);position:absolute;align-items:end;bottom:0;display:flex;gap:20px;right:0;margin-inline:30px}.logs-container{background-color:#f4f4f4;border:2px #e3e3e3 solid;border-radius:40px 40px 0 0;width:25em;padding:10px 30px;border-bottom:none;display:flex;flex-direction:column;height:calc(2.5em + 40px);height:fit-content;transition:height .3s ease}.log{background-color:#fff;padding:20px;border-radius:20px;font-size:20px;line-height:50px;max-height:20em;overflow-y:scroll}.log-block{background-color:#f4f4f4;padding-inline:20px;border-radius:20px;height:8em;margin-block:20px;overflow-y:none;display:flex;flex-direction:column;justify-content:start;gap:10px}.path,.log-note,.log-amount,.log-time{font-size:20px;height:2em;margin:0;padding:0}.log-amount{font-size:40px;height:1em}.path{height:1em}.log-time{height:1em;font-size:10px;justify-self:flex-end}.log-note{height:1em}.pondCont{position:absolute;bottom:0;left:0;display:flex}.pond{width:7em;height:7em;border-radius:0 1000000px 0 0;background:#7fa3c0;border:solid #487ca5 30px;border-bottom:none;border-left:none}.pondText{font-size:30px}.container{height:fit-content;max-height:80vh;width:calc(100vw - 200px);background-color:#f4f4f4;border:solid 2px;border-top:none;border-radius:0 0 40px 40px;margin-block:30px;margin-top:0;overflow:scroll;padding:90px 50px 50px;display:grid;grid-template-columns:repeat(5,1fr)}.bucket{border-radius:0 0 40px 40px;height:15em;width:11em;display:flex;align-items:centre;justify-content:flex-end;flex-direction:column}.amount{background-color:#fffc;border-radius:13px;width:calc(100% - 10px);height:60px;display:flex;justify-content:center;align-items:center;margin:5px;font-family:Instrument Sans,sans-serif;font-style:normal;font-size:30px;font-weight:700;padding:0;color:#000}.BucketName{font-style:normal;font-size:20px;font-weight:700;padding:0;margin-bottom:5px;color:#000}.bCont{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:fit-content;gap:0px}.BucketMax{padding:0;margin:0}.crModalBg{position:absolute;background:#00000080;width:100vw;top:0;left:0;z-index:10000;display:flex;justify-content:center;align-items:center;height:100vh}.crModal{background:#fff;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;gap:20px}.crModalHeader{padding:0;margin:0}.crModalBody{display:flex;flex-direction:column;gap:20px}.trModalBg{position:absolute;background:#00000080;width:100vw;top:0;left:0;z-index:10000;display:flex;justify-content:center;align-items:center;height:100vh}.trModal{background:#fff;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;gap:20px}.trModalHeader{padding:0;margin:0}.trModalBody{display:flex;flex-direction:column;gap:20px}.InputBox{width:10em;height:1em;font-size:30px;padding:20px;border-radius:20px;border:2px solid #f0f0f0}