:root{--primary-teal:teal;--light-grey:#f5f5f5;--dark-text:#333}body{background-color:var(--light-grey);color:var(--dark-text);margin:0;font-family:sans-serif;overflow:hidden}.container{grid-template:"header"50px"main"1fr/1fr;height:100vh;display:grid}.top-nav{background-color:#fff;border-bottom:1px solid #ddd;grid-area:header;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.drawer-toggle button{cursor:pointer;background-color:#0000;border:none;padding:10px}.icon-bar{background-color:var(--dark-text);width:22px;height:2px;margin:4px 0;display:block}.side-drawer{z-index:1000;background-color:#f4f4f4;border-right:1px solid #ddd;width:250px;height:100%;transition:left .3s ease-in-out;position:fixed;top:0;left:-250px}.side-drawer.open{left:0}.logo{text-align:center;padding:20px}.logo img{max-width:100%;height:auto}.nav-links{margin:0;padding:0;list-style:none}.nav-links li a{color:var(--dark-text);padding:15px 20px;text-decoration:none;display:block}.nav-links li a:hover{background-color:var(--primary-teal);color:#fff}.main-content{flex-direction:column;grid-area:main;align-items:center;padding:20px;transition:margin-left .3s ease-in-out;display:flex;overflow-y:auto}.main-content.drawer-open{margin-left:250px}.button-container{justify-content:center;align-items:center;gap:20px;margin-top:50px;display:flex}.square-btn{background-color:var(--primary-teal);color:#fff;text-align:center;border-radius:10px;justify-content:center;align-items:center;width:150px;height:150px;font-size:1.2em;text-decoration:none;display:flex}#login-form{width:100%;max-width:400px;margin-top:50px}.form-group{text-align:left;margin-bottom:1em}.form-group label{margin-bottom:.5em;font-weight:700;display:block}.form-group input[type=text],.form-group input[type=password]{box-sizing:border-box;border:1px solid #ccc;border-radius:5px;width:100%;padding:.8em}.btn{background-color:var(--primary-teal);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:.5em 1em;text-decoration:none}.btn.primary{width:100%;padding:.8em 1.2em;font-size:1em}.btn.btn-secondary{background-color:#6c757d}#category-radio-buttons{align-items:center;gap:10px;display:flex}.loading-overlay{z-index:9999;color:#fff;background-color:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5em;display:none;position:fixed;top:0;left:0}.spinner{border:8px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:60px;height:60px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn.btn-danger{background-color:#dc3545}.inventory-table{border-collapse:collapse;width:100%}.inventory-table th,.inventory-table td{text-align:left;border:1px solid #ddd;padding:8px}.inventory-table th{background-color:#f2f2f2}.inventory-table .btn{margin-right:5px}.badge-additional{color:#1565c0;background-color:#e3f2fd;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.filter-bar{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px;display:flex}.filter-bar select,.filter-bar input{border:1px solid #ccc;border-radius:5px;width:100%;max-width:300px;padding:8px}.align-start{align-self:flex-start}.modal{z-index:1001;background-color:#0006;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.top-controls-container{justify-content:space-between;width:100%;margin-bottom:20px;display:flex}.page-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.modal-content{background-color:#fefefe;border:1px solid #888;border-radius:10px;width:80%;max-width:800px;margin:15% auto;padding:20px}.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 table{border-collapse:collapse;table-layout:fixed;width:100%}.modal th,.modal td{text-align:left;word-wrap:break-word;border:1px solid #ddd;padding:8px}.modal-button-container{justify-content:space-between;align-items:center;margin-top:15px;margin-bottom:15px;display:flex}