.container{max-width:1100px;margin:auto;padding:40px 20px}h1{text-align:center;color:#222;margin-bottom:30px}.book-form{flex-wrap:wrap;align-items:flex-start;gap:15px;margin-bottom:35px;display:flex}.book-form input{box-sizing:border-box;border:1px solid #ccc;border-radius:10px;flex:1;min-width:0;padding:12px 16px;font-size:16px;line-height:1.2}.book-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;flex:none;padding:12px 16px;font-size:16px;line-height:1.2;transition:all .3s}.book-form button:hover{background:#1d4ed8}.book-grid{grid-template-columns:1fr;gap:25px;display:grid}.book-card{word-wrap:break-word;background:#fff;border-radius:15px;min-width:0;padding:25px;transition:all .3s;box-shadow:0 10px 25px #0000001a}.book-card h2{overflow-wrap:break-word;word-break:break-word}.book-card:hover{transform:translateY(-8px)}.book-card h2{color:#111;margin-bottom:12px}.book-card p{color:#555;margin-bottom:20px}.buttons{justify-content:space-between;display:flex}.edit-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;padding:10px 20px}.delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:10px 20px}.edit-btn:hover{background:#15803d}.delete-btn:hover{background:#b91c1c}.loading{text-align:center;font-size:22px}.empty{text-align:center;color:#777;margin-top:50px}@media (width<=767px){.book-form{flex-direction:column}.book-form input,.book-form button{width:100%}.buttons{flex-wrap:wrap;gap:10px}.edit-btn,.delete-btn{flex:140px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background:#eef2f7}