#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:12em;padding:3em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.add-item-button{background-color:#646cff;color:#fff;padding:1rem 2rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;margin-top:20px}.add-item-button:hover{background-color:#535bf2;transition:background-color .3s ease}.inventory-table th{background-color:#4caf50;color:#000}.inventory-table td{padding:12px;text-align:left;border-bottom:1px solid 242424}.inventory-table th{background-color:#ddd}.inventory-table{width:100%;border-collapse:collapse;margin-top:20px}.inventory-table th,.inventory-table td{padding:12px;text-align:left;border-bottom:1px solid 242424}.inventory-table th{background-color:242424}.add-item-button{background-color:#4caf50;color:242424;padding:1rem 2rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;margin-top:20px}.overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal{background-color:#242424;padding:20px;border-radius:5px;width:300px;text-align:center}.modal input{width:100%;padding:8px;margin:10px 0;border-radius:5px;border:1px solid #242424}.modal button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.modal button[type=submit]{background-color:#4caf50;color:#000}.modal button[type=button]{background-color:#f44336;color:#242424;margin-left:10px}.submit-button{margin:0 10px;padding:10px 20px;border-radius:4px;cursor:pointer}.login-form{max-width:400px;margin:50px auto;text-align:center}.input-group{margin-bottom:15px}.login-input{width:100%;padding:10px;box-sizing:border-box}.error-message{color:red}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px;height:60px;background-color:var(--navbar-bg);color:#000;box-shadow:0 2px 5px #0003;border:1px solid black;border-radius:5px}.logo h2{padding:10px}.logo-link{text-decoration:none;color:inherit;cursor:pointer;display:flex;align-items:center}.nav-buttons{display:flex;gap:15px}.nav-btn{padding:8px 16px;border:none;border-radius:4px;background-color:#646cff;color:#fff;cursor:pointer;font-weight:500;transition:background .3s ease}.nav-btn:hover{background-color:#535bf2}.nav-btn.secondary{background-color:transparent;border:1px solid #646cff}