.login-page *{box-sizing:border-box;margin:0;padding:0;font-family:Georgia,serif}.login-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:#d9cebe;padding:20px}.login-header{margin-bottom:10px;padding-top:40px;font-size:2rem;color:#443627;font-size:2.6rem;font-weight:700}.login-desc{font-style:italic;color:#443627;font-size:1.2rem;margin-bottom:50px}.login-container{background-color:#efeae3;border-radius:.4rem;padding:2rem;box-shadow:0 8px 25px #0000001a;width:100%;max-width:400px;text-align:center;margin-bottom:20px}.login-form-title{font-size:1.5rem;color:#443627;margin-bottom:2rem}.login-page input{display:block;padding:16px 20px;margin:20px 0;border:none;color:#443627;border-radius:.25rem;font-size:1rem;width:100%;background-color:#fdfdfc}.login-page button{width:100%;padding:12px;margin-top:10px;font-size:1rem;background-color:#bca88d;color:#fdfdfc;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease}.login-page button:hover{background-color:#b99470;box-shadow:0 12px 16px #0000001a}.login-page a{display:inline-block;color:#443627;margin-top:1rem;text-decoration:none;font-size:1rem;cursor:pointer}.login-page a:hover{text-decoration:underline}.login-page input.input-error{border:1px solid #A94A4A}.login-page .error-p{color:#a94a4a;font-size:.85rem;text-align:left;margin-top:-15px;margin-bottom:10px}.login-page .err-error{color:#a94a4a;font-size:.85rem;text-align:center}@media only screen and (max-width: 600px){.login-container{padding:1.5rem}.login-header{font-size:2rem}.login-desc{font-size:1rem}.login-form-title{font-size:1.2rem}.login-page input,.login-page button,.login-page a{font-size:.85rem}.login-page button:active,.login-page button:focus{background-color:#b99470;box-shadow:0 12px 16px #0000001a}.login-page a:active,.login-page a:focus{color:#555}.login-page .err-error,.login-page .error-p{font-size:.75rem}}.search-container{display:flex;justify-content:center;padding:1rem;margin-top:80px;flex-direction:column}.search-panel{display:flex;gap:1rem;align-items:center;width:100%;max-width:800px;margin:0 auto}.search-panel .dropdown{padding:10px;font-size:1rem;background-color:#fdfdfc;border-radius:.25rem;border:none;color:#443627;cursor:pointer;box-shadow:0 2px 6px #0000001a;flex:0 0 150px}.search-panel .dropdown select option:hover{background-color:#e8e1d7!important}.searchbar{display:flex;gap:.5rem}.searchbar input{padding:10px;border:none;background-color:#fdfdfc;border-radius:.25rem;font-size:1rem;width:100%;min-width:0;color:#443627;box-shadow:0 2px 6px #0000001a;font-family:Georgia,serif;flex:1}.searchbar input:disabled{background-color:#f6f3f0}.search-button{padding:10px;font-size:1rem;color:#fdfdfc;border:none;border-radius:.25rem;cursor:pointer;box-shadow:0 2px 6px #0000001a;flex-shrink:0;width:auto;flex:0 0 auto;background-color:#bca88d;transition:background-color .2s ease}.search-button:disabled{background-color:#f6f3f0;color:#999;cursor:not-allowed}.search-button:hover:enabled{background-color:#b99470}.search-results{background-color:#fdfdfc;border:none;width:100%;overflow-y:auto;color:#443627;font-size:1rem;box-shadow:0 2px 6px #0000001a;font-family:Georgia,serif;padding:.5rem;border-radius:.25rem;margin:1rem auto;max-height:200px}.search-option{padding:8px;cursor:pointer}.search-option:hover{background-color:#e8e1d7}@media only screen and (max-width: 767px){.search-panel{flex-direction:column;align-items:stretch;gap:.5rem;padding:0 1rem}.searchbar{flex-direction:column;gap:.5rem}.search-results{width:90%}.search-panel .dropdown{flex:none;width:100%;font-size:.9rem;padding:6px}.searchbar input{width:100%;font-size:.9rem;padding:8px;flex:none}.search-button,.search-button:disabled{width:100%;font-size:.9rem;padding:8px 12px;border:none}.search-button:active:enabled,.search-button:focus:enabled{background-color:#b99470}}*{box-sizing:border-box}body{margin:0;padding:0;width:100%;height:100%}.nav{background-color:#d9cebe;display:flex;justify-content:space-between;align-items:center;gap:2rem;height:60px;width:100%;position:fixed;top:0;z-index:1000;box-shadow:0 8px 25px #0000001a}.nav a{color:#443627;margin:0 1rem;text-decoration:none}.nav a:hover{color:#6b4f3c}.go-home{font-size:1.7rem;margin-left:1rem;color:#443627;cursor:pointer}.go-home:hover{color:#6b4f3c}.desktop-nav-right{display:flex;font-size:1rem;margin:0 1rem}.nav button{color:#443627;border:none;background:none;cursor:pointer;font:inherit;margin:0 1rem}.nav button:hover{color:#6b4f3c}.hamburger-btn,.mobile-menu{display:none}@media only screen and (max-width: 767px){.desktop-nav-right{display:none}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;position:relative;margin-right:1rem;width:2rem;height:1.5rem;cursor:pointer}.burger{width:100%;height:.2rem;border-radius:2px;background-color:#443627;transition:all .3s ease;position:absolute}.burger:nth-child(1){top:0}.burger:nth-child(2){top:50%;transform:translateY(-50%)}.burger:nth-child(3){bottom:0}.hamburger-btn.open .burger:nth-child(1){transform:rotate(45deg) translateY(-50%);top:50%}.hamburger-btn.open .burger:nth-child(2){width:0%;opacity:0}.hamburger-btn.open .burger:nth-child(3){transform:rotate(-45deg) translateY(-50%);top:50%}.mobile-menu{position:fixed;display:flex;background-color:#d9cebe;width:100vw;height:calc(100vh - 60px);top:60px;justify-content:center;align-items:flex-start;gap:1rem;transition:opacity .3s ease;z-index:2000}.menu-links{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:5rem}.menu-links a,.menu-links button{width:100%;max-width:300px;text-align:left;font-size:1.2rem;color:#443627;transition:all .2s ease;padding-left:1rem}.go-home{font-size:1.5rem}.menu-links a:active,.menu-links button:active,.menu-links a:focus,.menu-links button:focus,.go-home:active,.go-home:focus{color:#6b4f3c}}.confirm-modal{position:fixed;top:0;left:0;width:100%;height:100vh;background:#37373799;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;padding:20px;z-index:1000}.confirm-content{position:relative;padding:32px;width:100%;max-width:500px;background-color:#fdfdfc;border-radius:.4rem;max-height:90vh;box-shadow:0 8px 25px #0000001a}.confirm-modal h3{font-size:24px;color:#443627;font-family:Georgia,serif;margin-bottom:26px}.confirm-modal p{font-size:16px;color:#443627;font-family:Georgia,serif;margin-bottom:24px}.confirm-btns{display:flex;justify-content:flex-end;gap:10px}.confirm-modal .cancel-btn{cursor:pointer;border:none;font-family:Georgia,serif;border-radius:.4rem;font-size:14px;padding:12px;color:#443627;background-color:transparent}.confirm-modal .cancel-btn:hover{background-color:#e8e1d7;color:#443627}.confirm-modal .confirm-btn{cursor:pointer;border:none;font-family:Georgia,serif;border-radius:.25rem;font-size:14px;padding:12px;color:#fdfdfc;background-color:#fb959c}.confirm-modal .confirm-btn:hover{background-color:#ef5a6f;color:#fdfdfc}@media only screen and (max-width: 767px){.confirm-content{width:90%;padding:20px}.book-form input,.book-form .dropdown,.book-form .option-dropdown{font-size:.85rem}.confirm-modal .confirm-btn,.confirm-modal .cancel-btn{font-size:12px;text-align:center}.confirm-modal .confirm-btn:active,.confirm-modal .confirm-btn:focus{background-color:#ef5a6f;color:#fdfdfc}.confirm-modal .cancel-btn:active,.confirm-modal .cancel-btn:focus{background-color:#e8e1d7}.confirm-modal h3{font-size:1.2rem;margin-bottom:24px}.confirm-modal p{font-size:.9rem;margin-bottom:36px}}.home-page *{box-sizing:border-box}.home-page{background-color:#d9cebe;min-height:100vh;overflow-y:auto}.search{display:flex;align-items:center;justify-content:center;padding:20px}.books{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.book-cards{padding:5px;width:100%;display:flex;justify-content:center;align-items:center}.book-card{display:grid;color:#443627;font-family:Georgia,serif;background-color:#efeae3;border-radius:.4rem;padding:.5rem;box-shadow:0 8px 25px #0000001a;width:100%;max-width:800px;cursor:pointer}.book-card.missing{background-color:#a89f90}.book-title{font-size:1rem;align-items:baseline;font-weight:600;gap:.3rem}.series-nro{font-size:.9rem;font-weight:400;padding:0 .3rem}.book-card p{font-size:.9rem}.book-list{width:100%;display:flex;justify-content:center}.book-list-content{width:100%;max-width:800px;padding:0 16px}.book-list-content h2{margin-bottom:20px;color:#443627;font-family:Georgia,serif;font-size:1.5rem}.book-list-header{display:flex;justify-content:space-between;align-items:center}.series{margin-bottom:15px;padding:6px 12px;font-family:Georgia,serif;font-size:1.2rem;color:#443627;display:inline-block}.ready{background-color:#9abf80;color:#fff;font-size:.75em;padding:2px 6px;border-radius:12px;margin-left:8px;font-weight:700;vertical-align:middle}@media only screen and (max-width: 767px){.book-list-header{flex-direction:column;align-items:flex-start;gap:8px}.book-list-content{padding:0 12px}.book-list-header h2{font-size:1.1rem}}.modal{position:fixed;top:25px;left:0;width:100%;height:100vh;background:#37373799;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;padding:10px}.modal-content{position:relative;padding:32px;width:100%;max-width:640px;background-color:#efeae3;border-radius:.4rem;overflow-y:auto;max-height:90vh;box-shadow:0 8px 25px #0000001a}.close-btn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#443627}.modal-content h2{margin-bottom:20px;font-size:24px;color:#443627;font-family:Georgia,serif}.modal-content h4{margin-top:20px;margin-bottom:6px;font-size:18px;color:#443627;font-family:Georgia,serif}.modal-content p{margin:4px 0;font-size:16px;line-height:1.5;color:#443627;font-family:Georgia,serif}.buttons{display:flex;justify-content:space-between;margin-top:30px}.edit-btn{cursor:pointer;border:none;font-family:Georgia,serif;border-radius:.25rem;font-size:14px;padding:12px;background-color:#73aecc;color:#fdfdfc}.edit-btn:hover{background-color:#4493bb}.delete-btn{cursor:pointer;border:none;font-family:Georgia,serif;border-radius:.25rem;font-size:14px;padding:12px;background-color:#fb959c;color:#fdfdfc}.delete-btn:hover{background-color:#ef5a6f}@media only screen and (max-width: 767px){.modal{padding:10px 20px}.modal-content{padding:16px}.close-btn{font-size:20px}.modal-content h2{font-size:18px}.modal-content h4{font-size:15px}.modal-content p{font-size:14px}.edit-btn{font-size:12px}.edit-btn:active,.edit-btn:focus{background-color:#4493bb}.delete-btn{font-size:12px}.delete-btn:active,.delete-btn:focus{background-color:#ef5a6f}}.toggle-switch{display:flex;align-items:center;gap:3px;accent-color:#B99470}.toggle-label{font-size:1rem;color:#443627;font-family:Georgia,serif}.register-page *{box-sizing:border-box;margin:0;padding:0;font-family:Georgia,serif}.register-page{display:flex;align-items:center;flex-direction:column;min-height:100vh;background-color:#d9cebe;padding:20px}.register-container{background-color:#efeae3;border-radius:.4rem;padding:2rem;box-shadow:0 8px 25px #0000001a;width:100%;max-width:400px;text-align:center;margin-bottom:20px}.register-header{margin-bottom:10px;padding-top:40px;font-size:2rem;color:#443627;font-size:2.6rem;font-weight:700}.register-desc{font-style:italic;color:#443627;font-size:1.2rem;margin-bottom:50px}.register-form-title{font-size:1.5rem;color:#443627;margin-bottom:2rem}.register-page input{display:block;padding:16px 20px;margin:20px 0;border:none;border-radius:.25rem;font-size:1rem;width:100%;color:#443627;background-color:#fdfdfc}.register-page button{width:100%;padding:12px;margin-top:10px;font-size:1rem;background-color:#bca88d;color:#fdfdfc;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease}.register-page button:hover{background-color:#b99470;box-shadow:0 12px 16px #0000001a}.register-page input.input-error{border:1px solid #A94A4A}.register-page .error-p{color:#a94a4a;font-size:.85rem;text-align:left;margin-top:-15px;margin-bottom:10px}@media only screen and (max-width: 600px){.register-container{padding:1.5rem}.register-header{font-size:2rem}.register-desc{font-size:1rem}.register-form-title{font-size:1.2rem}.register-page input{font-size:.85rem}.register-page .error-p{font-size:.75rem}.register-page button{font-size:.85rem}.register-page button:active,.register-page button:focus{background-color:#b99470;box-shadow:0 12px 16px #0000001a}}*{font-family:Georgia,serif}.book-form{color:#333;background:#efeae3;border-radius:.4rem;padding:1rem;box-shadow:0 8px 25px #0000001a;width:100%;max-width:800px;margin-top:15px}.group{margin-bottom:1.5rem}.book-form h1{text-align:center;font-size:1.5rem}.book-form h3{font-size:1rem}.book-form label{font-size:.9rem}.field{display:flex;flex-direction:column}.radio{display:flex;margin-bottom:1.5rem;color:#443627;accent-color:#B99470}.book-form input{padding:5px;margin:10px 0;border:none;border-radius:.25rem;font-size:.9rem;width:100%;color:#443627;background-color:#fdfdfc}.book-form .option-dropdown{background-color:#fdfdfc;border:none;width:100%;overflow-y:auto;color:#443627;font-size:.85rem;box-shadow:0 2px 6px #0000001a;font-family:Georgia,serif;padding:2px;border-radius:.25rem;margin:0;max-height:200px}.book-form .option{padding:5px;cursor:pointer}.book-form .option:hover{background-color:#e8e1d7}.select .dropdown{color:red}.book-form .dropdown{padding:5px;margin:10px 0;background-color:#fdfdfc;border:none;border-radius:.25rem;font-size:.9rem;cursor:pointer;width:100%;color:#443627}.submit-btn{width:100%;padding:12px;margin-top:10px;font-size:1rem;background-color:#bca88d;color:#fdfdfc;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease}.submit-btn:hover{background-color:#b99470}.submit-btn:disabled{width:100%;padding:12px;margin-top:10px;font-size:1rem;background-color:#f6f3f0;color:#999;cursor:not-allowed;border:none;border-radius:.25rem}.author-btn{flex-shrink:0;width:auto;min-width:2.5rem;padding:5px;margin:25px 0;font-size:1rem;background-color:#73aecc;color:#fdfdfc;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease}.author-btn:hover{background-color:#4493bb}.remove-btn{min-width:2.5rem;padding:5px;font-size:1rem;background-color:#fb959c;color:#fdfdfc;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease}.remove-btn:hover{background-color:#ef5a6f}.author-field{grid-column:2 / 3;padding:1px}input:disabled{background-color:#f6f3f0;color:#999;cursor:not-allowed}.dropdown__control{margin:10px 0;font-size:.9rem;width:100%;border:none!important;box-shadow:none!important;border-radius:.25rem!important;background-color:#fdfdfc!important;color:#443627!important}.dropdown__option--is-focused{background-color:#e8e1d7!important}.dropdown__menu{box-shadow:0 2px 6px #0000001a!important;border-radius:.25rem!important;background-color:#fdfdfc!important;color:#443627!important}.dropdown__control:hover{cursor:pointer}.basic-group{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;grid-template-rows:100%}.series-group,.details-group{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.physical-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.book-form input.input-error,.book-form select.input-error,.input-error .dropdown__control{border:1px solid #A94A4A}.book-form .error-p{color:#a94a4a;font-size:.75rem;text-align:left;margin-top:-8px;margin-bottom:10px}@media only screen and (max-width: 767px){.basic-group,.series-group,.details-group,.physical-group{grid-template-columns:1fr;gap:.6rem}.book-form{padding:1rem 1.5rem}.basic-group{display:flex;flex-direction:column}.author-btn{width:100%;margin:2px 0;font-size:.85rem}.remove-btn{min-width:10%;margin-bottom:8px;font-size:.9rem;font-style:bold}.book-form input,.book-form .dropdown,.book-form .option-dropdown{font-size:.85rem}.author-btn:active,.author-btn:focus{background-color:#4493bb}.remove-btn:active,.remove-btn:focus{background-color:#ef5a6f}.submit-btn:active,.submit-btn:focus{background-color:#b99470}.book-form .option:active,.book-form .option:focus{background-color:#f3f4f6}.book-form h1{font-size:1.2rem}.book-form h3{font-size:.95rem}.book-form label{font-size:.85rem}}.new-book-container{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;background-color:#d9cebe;margin-top:0;padding:80px 1rem 2rem}.Toastify__toast{font-family:Georgia,serif;color:#443627;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.1rem;background-color:#fdfdfc;border-radius:.25rem}.Toastify__close-button{color:#443627;opacity:1;font-size:1rem}@media only screen and (max-width: 600px){.Toastify__toast{font-size:.85rem;width:90%;margin:20px auto}.Toastify__close-button{font-size:.85rem}}.profile-page{min-height:100vh;background-color:#d9cebe}.profile-form{color:#333;font-family:Georgia,serif;background:#efeae3;border-radius:.4rem;padding:1rem;box-shadow:0 10px 20px #00000026;width:100%;max-width:800px}.profile-container{display:flex;align-items:flex-start;justify-content:center;height:calc(100vh - 60px);padding-top:95px}.profile-form h1{text-align:center;font-size:1.5rem;color:#443627}.profile-form input{padding:5px;margin:10px 0;border:none;border-radius:.25rem;font-size:.9rem;width:100%;color:#443627;font-family:Georgia,serif;background-color:#fdfdfc}.profile-form label{font-size:.9rem;color:#443627}.profile-form .submit-btn{width:100%;padding:12px;margin-top:10px;font-size:1rem;background-color:#bca88d;transition:background-color .2s ease;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-family:Georgia,serif}.profile-form .submit-btn:hover{background-color:#b99470}.profile-form input:disabled{background-color:#f6f3f0}.profile-form .submit-btn:disabled{background-color:#f6f3f0;color:#999;cursor:not-allowed}@media only screen and (max-width: 767px){.profile-container{padding:95px 30px}.profile-form h1{font-size:1rem}.profile-form input,.profile-form label{font-size:.85rem}.profile-form .submit-btn,.profile-form .submit-btn:disabled{font-size:.85rem}.profile-form .submit-btn:active,.profile-form .submit-btn:focus{background-color:#b99470}}body{margin:0}.missing-book-container{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;background-color:#d9cebe;margin-top:0;padding:80px 1rem 2rem}