#root{width:100%;min-height:100vh;margin:0;padding:0}.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}