body{color:#e2e8f0;background:#0f172a;justify-content:center;margin:0;font-family:Arial,sans-serif;display:flex}.container{width:100%;max-width:1100px;padding:30px}h1{text-align:center;color:#c2ff9d;margin-bottom:20px}.book-form{background:#1e293b;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:25px;padding:20px;display:flex}.book-form input,.book-form select{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;min-width:150px;padding:10px 12px;transition:all .2s}.book-form input:focus,.book-form select:focus{border-color:#c2ff9d;box-shadow:0 0 0 3px #c2ff9d26}.book-form input:hover,.book-form select:hover{border-color:#475569}.book-form input::placeholder{color:#64748b}.book-form select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#94a3b8 50%),linear-gradient(135deg,#94a3b8 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px}.book-form button{cursor:pointer;background:#c2ff9d;border:none;border-radius:8px;padding:10px 20px;font-weight:700}.filters{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}.filters input,.filters select{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:10px;outline:none;min-width:200px;padding:10px 12px;font-size:14px;transition:all .2s}.filters input:focus,.filters select:focus{border-color:#c2ff9d;box-shadow:0 0 0 3px #c2ff9d26}.filters input:hover,.filters select:hover{border-color:#475569}.filters input::placeholder{color:#64748b}.filters select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#94a3b8 50%),linear-gradient(135deg,#94a3b8 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px}.book-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));justify-items:center;gap:20px;display:grid}.book-card{background:#1e293b;border-radius:12px;width:100%;max-width:260px;overflow:hidden;box-shadow:0 10px 25px #0000004d}.book-card img{object-fit:cover;width:100%;height:180px}.book-info{padding:12px}.book-info h3{color:#c2ff9d;margin-bottom:5px}.book-info p{color:#94a3b8;margin:4px 0;font-size:13px}.book-actions{gap:10px;padding:10px;display:flex}.book-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px}.book-actions button:first-child{background:#c2ff9d}.book-actions button:last-child{color:#fff;background:#fb7185}