body{font-family:Arial,sans-serif;margin:0;background:#fff;color:#111}*{padding:0;margin:0;box-sizing:border-box;transition:.2s ease-out}.container{max-width:1000px;margin:0 auto;padding:20px}.header{background:#fff;border-bottom:1px solid #eee;padding:20px;display:flex;justify-content:space-between;gap:20px}.logo{font-weight:700;color:#5350ff;text-decoration:none;font-size:1.5em}.nav a{margin-left:15px;color:#111;text-decoration:none}.nav a:hover{color:#5350ff}.footer{background:#5350ff;color:#fff;padding:20px;margin-top:40px;text-align:center}h1,h2{color:#111;margin-bottom:20px}.form{max-width:400px;margin:20px auto;display:flex;flex-direction:column;gap:10px}.form input{padding:10px;border:1px solid #ddd;border-radius:5px}.btn{background:#5350ff;color:#fff;border:none;padding:10px;cursor:pointer;border-radius:5px;text-decoration:none;display:inline-block;text-align:center}.btn:hover{background:#4340ff}.btn-danger{background:#ff5350}.btn-danger:hover{background:#ff4340}.btn-success{background:#50ff53;color:#111}.btn-success:hover{background:#40ff43}.search{display:flex;gap:10px;margin:20px 0}.search input{padding:10px;border-radius:48px;border:1px solid #5350ff;background:#5350ff20;color:#5350ff;outline:0;flex:1}.search button{border-radius:48px;padding:10px 20px;border:1px solid #5350ff;background:#5350ff20;color:#5350ff;outline:0}.search button:hover{color:#fff;background:#5350ff;cursor:pointer}.cards{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.card{padding:20px;background:#eef0ff;border-radius:10px;width:180px;height:240px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.card.red{background:#ffdcdc}.card-title{font-weight:700;margin-bottom:10px}.card-author{color:#666;font-size:.9em;margin-bottom:10px}.alert{padding:15px;border-radius:5px;margin:10px 0}.alert-success{background:#d4ffdc;color:#171;border:1px solid #aaffaa}.alert-error{background:#ffdcdc;color:#711;border:1px solid #ffaaaa}.book-details{background:#f8f9ff;padding:30px;border-radius:10px;margin:20px 0}.book-info{margin:10px 0}.actions{margin-top:20px;display:flex;gap:10px}form{display:flex;flex-direction:column;gap:10px}main{display:flex;flex-direction:column;gap:40px}
