.auth-form{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpError{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.popup-error-login{animation:fadeInUpError .4s ease;background-color:#f44336}.popup-error-login,.popup-success-login{border-radius:6px;box-shadow:0 0 10px #0003;color:#fff;font-weight:700;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}.popup-success-login{animation:fadeInDashboard .4s ease forwards;background-color:#4caf50}.auth-container{align-items:center;background-color:#03191e;display:flex;height:100vh;justify-content:center}.auth-form{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;max-width:400px;padding:30px;width:100%}.auth-title{color:#333;margin-bottom:20px;text-align:center}.auth-form input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:15px;padding:12px}.auth-form button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background-color .3s ease}.auth-form button:hover{background-color:#0056b3}.auth-switch{color:#555;margin-top:15px;text-align:center}.auth-switch span{color:#007bff;cursor:pointer;text-decoration:underline}.popup-error-register{animation:fadeInUpError .4s ease;background-color:#f44336;border-radius:6px;box-shadow:0 0 10px #0003;color:#fff;font-weight:700;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}body{background:#03191e}.container{background:#f9fbfd;border-radius:25px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:auto;max-width:800px;padding:6px 2rem}.header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:center;margin-bottom:20px;padding:10px 0;position:relative}.header h2{animation:fadein .5s ease-in-out;color:#333;flex-grow:1;font-size:1.8rem;margin:0;text-align:center}.logout{padding-left:10px;position:absolute;right:25px;top:50%;transform:translateY(-50%)}.btn-logout{background-color:#f44336;border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:700;padding:8px 14px;transition:background-color .3s ease,transform .2s ease}.btn-logout:hover{background-color:#d32f2f;transform:scale(1.05)}.form-add-book{border-bottom:1px solid #ddd;margin:9px;padding:9px}.form-add-book .input-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.form-add-book .input-row input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:18px;padding:10px;transition:border .3s ease}.form-add-book .input-row input:focus{border-color:#3498db;outline:none}.submit-button{background-color:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:10px;padding:12px 20px;position:relative;transition:background-color .3s ease,transform .2s ease;width:100%}.submit-button:hover{background-color:#27ae60}.submit-button:active{background:#2a9456;transform:scale(.97)}.btn-cancel{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 18px;transition:background-color .3s ease,transform .2s ease;width:100%}.btn-cancel:hover{background-color:#c0392b}.btn-cancel:active{transform:scale(.97)}.book-list{list-style:none;padding:0}.book-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.book-image{border-radius:5px;height:90px;margin-top:8px;object-fit:cover;width:90px}.actions{display:flex;gap:10px}.btn-delete,.btn-edit{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;padding:8px 12px;transition:background-color .3s ease,transform .2s ease}.btn-delete:active,.btn-edit:active{transform:scale(.97)}.btn-edit{background-color:#28a745;color:#fff}.btn-edit:hover{background-color:#218838}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}.book-item{box-shadow:3px 3px 6px}.filter-controls input{border:.6px solid #ccc;border-radius:50px;display:block;font-size:1.5rem;margin:auto auto 24px;padding:10px}.filter-controls input:focus{border-color:#3498db;outline:none}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:1rem;margin-top:1rem}.pagination button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:large;font-weight:700;padding:8px 14px;transition:background-color .3s ease,transform .2s ease}.pagination button:active{transform:scale(.97)}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination span{font-weight:700}@keyframes fadeInDashboard{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.popup-error{background-color:#f44336;transform:translateX(-50%) translateY(-10px)}.popup-error,.popup-success{animation:fadeInDashboard .4s ease forwards;border-radius:6px;box-shadow:0 0 10px #0003;color:#fff;font-weight:700;left:50%;padding:12px 24px;position:fixed;top:20px;z-index:9999}.popup-success{background-color:#4caf50;transform:translateX(-50%)}@keyframes fadeInConfirm{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popup-confirm-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.popup-confirm-box{animation:fadeInConfirm .3s ease-in-out;background:#fff;border-radius:8px;box-shadow:0 0 10px #0003;padding:20px 30px;text-align:center}.popup-buttons{display:flex;gap:10px;justify-content:center;margin-top:15px}.btn-confirm{background-color:#e53935;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.btn-confirm:hover{background-color:#d32f2f;transform:scale(1.05)}.btn-confirm:active{background:#820e0e;transform:scale(.97)}.btn-cancel-delete{background-color:#777;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.btn-cancel-delete:hover{background-color:#5a5757;transform:scale(1.05)}.btn-cancel-delete:active{background:#2a9456;transform:scale(.97)}
/*# sourceMappingURL=main.4359f098.css.map*/