:root{--green: #04AA6D;--input-elements-width: 70%}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}header{padding:32px 22px 18px;background-color:var(--green)}header h1{font-size:3rem;color:#fff;max-width:700px;margin:auto}.buttons-div{padding:14px;display:flex;justify-content:center;gap:12px}.buttons-div button{width:120px;height:40px;border-radius:4px;border:none;background-color:var(--green);color:#fff;font-weight:500}.buttons-div button:active{box-shadow:0 1px 3px #0000004d,0 1px 2px #0000004d;border:solid 2px black}.table-div{display:flex;justify-content:center;margin-bottom:50px}table{border-collapse:collapse;width:85%;max-width:700px}th,td{padding:10px;text-align:left}tr:nth-child(2n){background-color:#f2f2f2}th{background-color:var(--green);color:#fff}.quantity-table-col{text-align:center}.modal-container{z-index:1000;display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#0009}.modal-body{z-index:1000000;background-color:#fff;width:80%;max-width:500px;border-radius:12px}.modal-header{display:flex;justify-content:space-between;padding:22px}.modal-header h1{font-size:1.6rem;color:var(--green)}.modal-content{height:79%;padding:0 7% 34px;margin-top:auto;overflow-y:auto}.modal-content form{display:flex;justify-content:center;align-items:center;flex-direction:column}form label{width:100%;text-align:left;color:#545454;font-weight:400;font-size:14px}form input[type=text],[type=number]{width:100%;padding:8px 12px;margin-bottom:8px;border-radius:4px;border:solid 1px black;font-size:16px}form input[type=submit]{padding:10px 26px;margin:10px 0 0 auto;border:none;background-color:var(--green);color:#fff;border-radius:4px}form input[type=submit]:active{box-shadow:0 1px 3px #0000004d,0 1px 2px #0000004d}@media screen and (max-width: 425px){.modal-body{width:90%}.modal-content{padding:0 5% 34px}}.update-table{width:100%;min-height:100%}.update-table button{border:none;padding:8px 14px;width:80px;color:#fff;border-radius:4px}.update-table button:active{box-shadow:0 1px 3px #0000004d,0 1px 2px #0000004d}.update-table .put-button{background-color:var(--green)}.update-table .took-button{background-color:#c40404}.table-buttons{display:flex;justify-content:right;align-items:center;gap:6px}