.modal{z-index:1000;background-color:#0006;width:100%;height:100%;padding-top:60px;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{background-color:#fefefe;border:1px solid #888;width:80%;margin:5% auto;padding:20px;animation-name:animatetop;animation-duration:.4s;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}.close-btn{color:#aaa;float:right;font-size:28px;font-weight:700}.close-btn:hover,.close-btn:focus{color:#000;cursor:pointer;text-decoration:none}.modal-content .filters{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:10px;display:flex}.modal-content .filters label{color:#333;flex-direction:column;font-weight:700;display:flex}.modal-content .filters input[type=date],.modal-content .filters input[type=text]{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:8px;font-size:1em}.modal-content .filters .btn{cursor:pointer;border-radius:4px;margin-top:auto;padding:8px 15px;font-size:1em}.table-container{gap:20px;margin-top:20px;display:flex}.table-wrapper{background-color:#fff;border:1px solid #ddd;border-radius:5px;flex:1;padding:10px;overflow-x:auto}.table-wrapper h3{color:#333;border-bottom:1px solid #eee;margin-top:0;margin-bottom:15px;padding-bottom:10px}.inventory-table tbody tr.selected{background-color:#e0e0e0;font-weight:700}.inventory-table .btn{cursor:pointer;border-radius:3px;padding:5px 10px;font-size:.85em}