.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:.5rem;padding:.5rem;margin:2rem auto;width:100%}.grid-item{background:#fff;color:#000;font-family:sans-serif;font-weight:700;font-size:2rem;padding:.5rem;margin:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;position:relative}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.item-name{font-size:1rem;color:green}.item-actions{display:flex;gap:.5rem}.item-actions a{display:flex;align-items:center;justify-content:center;text-decoration:none}.item-actions svg{font-size:16px;cursor:pointer}.item-description{text-align:center;display:flex;justify-content:center;align-items:center}.item-description,.item-descriptions{padding:10px;font-size:1rem;color:#333}.item-description img{width:100px;height:100px;object-fit:cover}.form-container{max-width:600px;margin:2rem auto;padding:1rem;background:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative}h2{position:absolute;top:1rem;left:1rem;color:#333;margin:0}.material-form{padding-top:3rem;display:flex;flex-direction:column;height:100%}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:700;margin-bottom:.5rem;color:#555}.form-group input,.form-group textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.form-group textarea{height:150px;resize:vertical}.form-footer{margin-top:auto;text-align:right}.submit-button{background:#007bff;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .3s ease}.submit-button:hover{background:#0056b3}.search-container{position:relative;max-width:300px;width:100%}.search-input{padding:.5rem 2rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;width:100%;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.search-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 4px rgba(0,123,255,.5)}.search-input::placeholder{color:#aaa}.search-icon{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);color:#aaa}.edit-form{display:flex;align-items:center;gap:.5rem}.edit-input{padding:.25rem;border:1px solid #ccc;border-radius:4px}.cancel-button,.save-button{padding:.25rem .5rem;border:none;border-radius:4px;cursor:pointer}.save-button{background-color:#4caf50;color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal-content{background:#e4e4e4;padding:20px;border-radius:5px;position:relative;text-align:center}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;font-size:20px;color:#333}.modal-buttons{margin-top:20px}.cancel-button,.confirm-button{padding:10px 20px;margin:0 10px;border:none;border-radius:5px;cursor:pointer}.confirm-button{background-color:#4caf50;color:#fff}.cancel-button{background-color:#f44336;color:#fff}