html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;object-fit:cover}body{min-width:1200px;font-family:font,sans-serif;font-family:Muller,sans-serif;font-weight:400;color:#000;line-height:normal}.list-reset{margin-top:0;margin-bottom:0;padding:0;list-style:none}.btn{padding:0;border:none;background-color:transparent;cursor:pointer}.delete-button{color:#fff;padding:4px 8px;border-radius:5px 0 0 5px;background-color:#dc3545}.edit-button{color:#fff;padding:4px 8px;border-radius:0 5px 5px 0;background-color:#1e7e34}.container{max-width:1200px;padding:0 15px;margin:0 auto}h1,h2,h3,h4,p{margin:0}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.flex{display:flex}.table{width:100%;border-collapse:collapse;border:1px solid rgb(0,105,217)}tr,td,th{border:1px solid rgb(0,105,217)}th{padding:5px}td{padding:2px}.sort-indicator{cursor:pointer}.form{padding:20px 0}.form input,.form select,.form button{padding:1px 10px;border-radius:5px;border:1px solid rgb(0,105,217);flex-grow:1}.form input:focus-visible,.form select:focus-visible{outline:1px solid rgb(9,92,182)}.form input:hover,.form select:hover{background-color:#f0f8ff;outline:1px solid rgb(9,92,182)}.btn_add{padding:5px 10px;border-radius:5px;color:#fff;background-color:#0069d9}.date-filter{padding:2px 10px;font-weight:400;font-size:16px}.total-display{font-weight:600}.modal{position:fixed;left:0;top:0;z-index:5;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0009;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity .4s,visibility .4s}.modal__box{max-width:650px;width:100%;padding:24px 30px;border-radius:10px;z-index:1;background-color:#fff;transform:scale(0);transition:transform .8s}.modal.open{visibility:visible;opacity:1}.modal.open .modal__box{transform:scale(1)}.modal__title{font-size:24px;margin-bottom:10px}.modal__btn{padding:10px 16px;border-radius:5px;background-color:#0069d9;color:#fff;font-size:14px}.modal__from input,.modal__from select{padding:1px 10px;border:1px solid rgb(0,105,217);border-radius:5px;min-height:24px;flex-grow:1;margin-bottom:10px}.modal__from input:focus-visible,.modal__from select:focus-visible{outline:1px solid rgb(9,92,182)}.modal__from input:hover,.modal__from select:hover{background-color:#f0f8ff;outline:1px solid rgb(9,92,182)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}