*{margin:0;padding:0;box-sizing:border-box;font-family:Pally,sans-serif}.app{background:#34d793;height:100vh;display:flex;justify-content:center}main{background:#fff;border-radius:10px;padding:20px;width:95%;max-height:471px;overflow-y:scroll;margin:40px auto;box-shadow:0 5px #00000076}main::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#067b4a;border-radius:4px}input{display:flex;padding:15px;border:1px solid #DDD;border-radius:5px;font-size:1rem}button[type=submit]{background:#34d793;color:#fff;height:50px;width:50px;border:none;border-radius:5px;font-size:1.7rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease-in-out}button[type=submit]:hover{transform:scale(1.03);transition:.2s ease-in-out}table{border-collapse:collapse;width:100%}td,th{padding:10px 35px;border:1px solid #DDD;display:table-cell;text-align:center}tr:nth-child(2n){background-color:#f5f5f5}td button{margin-left:10px}select{border:none;padding:10px;border-radius:8px;font-weight:500;background-color:#ebebeb;cursor:pointer}select:hover{background-color:#ddd;transition:.1s ease-in-out}.btn-action,.bx-check-circle,.bx-x-circle{border-radius:5px;padding:10px;font-size:20px;border:none;cursor:pointer;display:inline-flex}.btn-action:hover,.bx-check-circle:hover,.bx-x-circle:hover{background:#34d793;color:#fff}tr.active{background:#62e9b1}td.active input{outline:1px solid #A882DD}input:focus{outline:1px solid rgb(24,113,16)}.modal,.modalControls{display:none}.modalControls.active{display:block}.modal.active{position:fixed;display:flex;flex-direction:column;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px;min-height:130px;border-radius:20px;font-size:30px;color:#fff;background:#05cf71;box-shadow:0 5px #187110}.modal p{border-bottom:solid rgb(255,255,255);margin-bottom:20px}.modal button{color:#fff;padding:5px 10px;gap:10px;transition:.1s ease-in-out;border-radius:5px;cursor:pointer;border:none;display:inline-flex;align-items:center;background:#3eed7b;box-shadow:0 5px #38b02d}.modal .btn-yes.active{box-shadow:none;transform:translateY(5px)}.modal .btn-no{background:#d76666;box-shadow:0 5px #c83a3a}.modal .btn-no.active{box-shadow:none;transform:translateY(5px)}.modal button i,.modal span{font-size:18px}.modal button i{margin-top:2px}.blur{filter:brightness(50%)}form{display:flex;align-items:flex-end;gap:20px;margin-bottom:20px}.container{display:flex;gap:20px;flex:6}.container input{width:100%}.container div{flex-grow:1}.container2{display:flex;justify-content:end;gap:10px;flex:1}