@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{font-family:Manrope,sans-serif}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;height:100%;min-height:100vh;padding:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}textarea{resize:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:1px solid rgb(195,195,195);outline-offset:1px;border-radius:4px}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{text-decoration:none}button{cursor:pointer;border:none;background:none}button:hover{opacity:90%}.fetching-status{display:flex;justify-content:center;align-items:center;margin-top:1rem;font-size:clamp(.9rem,.789rem + .356vw,1.1rem)}.nav-section{display:flex;justify-content:space-between;align-items:center;font-size:1.1em;margin-top:1rem}.nav-section .modal-logout{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:500;display:flex;justify-content:center;align-items:center;background-color:#0003}.nav-section .modal-logout .inner-logout{position:relative;background-color:#fff;padding:1.5rem 2.5rem;border-radius:8px;margin-inline:1rem}.nav-section .modal-logout .inner-logout .close-lg{position:absolute;top:.2rem;right:.2rem;color:#000}.nav-section .modal-logout .inner-logout .close-lg :hover{opacity:90%}.nav-section .modal-logout .inner-logout h4{margin-top:.5rem;text-align:center}.nav-section .modal-logout .inner-logout .btns{margin-top:1rem;display:flex;justify-content:center;gap:2.5rem}.nav-section .modal-logout .inner-logout .btns .yes-lg{color:#000;background-color:#b7b7b7;padding:5px 20px;border-radius:5px;font-size:clamp(.9em,.789rem + .356vw,1.1em)}.nav-section .modal-logout .inner-logout .btns .no-lg{background-color:#2d42a9;color:#fff;border-radius:5px;padding:5px 20px;font-size:clamp(.9em,.789rem + .356vw,1.1em)}.nav-section .nav-text{display:flex;align-items:center}.nav-section .nav-text i,.nav-section .nav-text h1{font-size:clamp(1em,.444em + 1.778vw,2em)}.nav-section .btns{display:flex;gap:1rem}.nav-section .btns .books-btn,.nav-section .btns .add-book-btn{color:#000;background-color:#d7d7d7;padding:10px 20px;border-radius:5px;font-size:clamp(.9rem,.789rem + .356vw,1.1rem)}.nav-section .btns a.active button{background-color:#1cab47;color:#fff}.nav-section .btns .logout-btn{text-align:center;font-size:1rem;align-self:center;font-style:italic;color:#2e2ef4;text-decoration:underline;cursor:pointer}@media (max-width: 950px){.nav-section{flex-direction:column;gap:1rem}.nav-section .btns{margin-bottom:1rem}.nav-section .btns .books-btn,.nav-section .btns .add-book-btn{padding:5px 10px}}.book-part{display:flex;flex-direction:column;gap:.5rem}.book-part .book-image{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:8px;cursor:pointer;box-shadow:5px 5px 10px #0000004d;-webkit-user-select:none;user-select:none}.book-part .book-image:hover button{opacity:100%}.book-part .book-image img{width:100%;height:100%;object-fit:cover}.book-part .book-image i.icon{position:absolute;top:clamp(.313rem,.139rem + .556vw,.625rem);right:clamp(.313rem,.139rem + .556vw,.625rem);background-color:#1cab47;border-radius:8px;font-size:clamp(1.1em,.878em + .711vw,1.5em);height:clamp(1.875rem,1.528rem + 1.111vw,2.5rem);width:clamp(1.875rem,1.528rem + 1.111vw,2.5rem);display:flex;justify-content:center;align-items:center}.book-part .book-image .book-title{-webkit-user-select:none;user-select:none;position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);color:#fff;font-weight:700;font-size:clamp(.8rem,.578rem + .711vw,1.2rem);text-align:center;width:80%;max-height:4.5em;line-height:1.5em;overflow:hidden;word-break:break-word}.book-part .book-image button{opacity:0%;color:#fff;position:absolute;left:0;width:100%;height:clamp(2rem,1.444rem + 1.778vw,3rem);bottom:0;display:flex;align-items:center;justify-content:center;font-size:clamp(.7em,.422em + .889vw,1.2em);font-weight:700;gap:clamp(.6rem,.322rem + .889vw,1.1rem);background-color:#e63d3d;transition:opacity .3s ease-in-out}.book-part .book-image button:hover{opacity:100%}.book-part .book-image button.isRead{background-color:#1cab47}.book-part .book-information{padding:0 1.5rem;display:flex;flex-direction:column;text-align:center;max-width:100%}.book-part .book-information h3{font-size:clamp(.8rem,.578rem + .711vw,1.2rem);max-height:3em;line-height:1.5em;overflow:hidden;word-break:break-word}.book-part .book-information p{font-size:clamp(.7rem,.533rem + .533vw,1rem);max-height:3em;line-height:1.5em;overflow:hidden;word-break:break-word}.add-book-section{margin-top:1rem;margin-bottom:1rem;padding:1rem 2rem 2rem;display:flex;flex-direction:column;gap:clamp(1rem,.444rem + 1.778vw,2rem);background-color:#efefef;border-radius:10px}.add-book-section h1{font-size:clamp(1.2em,.756em + 1.422vw,2em)}.add-book-section form.add-form{display:flex;flex-direction:column;gap:clamp(1rem,.444rem + 1.778vw,2rem)}.add-book-section form.add-form .form-title{display:flex;flex-direction:column;gap:.5rem}.add-book-section form.add-form .form-title label{font-size:clamp(.85em,.767em + .267vw,1em)}.add-book-section form.add-form .form-title input{padding:.3rem .5rem;border:none;border-radius:10px;font-size:clamp(.85em,.767em + .267vw,1em)}.add-book-section form.add-form .form-title input:focus{outline:none}.add-book-section form.add-form .form-cover{display:flex;flex-direction:column;gap:.5rem}.add-book-section form.add-form .form-cover label{font-size:clamp(.85em,.767em + .267vw,1em)}.add-book-section form.add-form .form-cover input{padding:.3rem .5rem;max-width:100%;border:none;border-radius:10px;font-size:clamp(.85em,.767em + .267vw,1em)}.add-book-section form.add-form .form-cover input:focus{outline:none}.add-book-section form.add-form .form-author{display:flex;flex-direction:column;gap:.5rem}.add-book-section form.add-form .form-author label{font-size:clamp(.85em,.767em + .267vw,1em)}.add-book-section form.add-form .form-author input{padding:.3rem .5rem;border:none;border-radius:10px;font-size:clamp(.85em,.767em + .267vw,1em)}.add-book-section form.add-form .form-author input:focus{outline:none}.add-book-section form.add-form .form-synopsis{display:flex;flex-direction:column;gap:.5rem}.add-book-section form.add-form .form-synopsis label{font-size:clamp(.85em,.767em + .267vw,1em)}.add-book-section form.add-form .form-synopsis #synopsis{padding:.3rem .5rem 5rem;max-width:100%;border:none;border-radius:10px;resize:none;font-size:clamp(.85em,.767em + .267vw,1em)}.add-book-section form.add-form .form-synopsis #synopsis:focus{outline:none}.add-book-section form.add-form button{color:#000;background-color:#d8d8d8;padding:10px 20px;border-radius:8px;max-width:50%;align-self:center}.add-book-section .mandatory-fields{color:red;font-size:clamp(.7em,.644em + .178vw,.8em);align-self:center}.add-book-section .red-txt::placeholder{color:red}.error{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:500;display:flex;justify-content:center;align-items:center;background-color:#0003}.error .main-error{position:relative;background-color:#fff;padding:1.5rem 2.5rem;border-radius:8px;margin-inline:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.error .main-error h3{color:red}.error .main-error h4{text-align:center}.error .main-error button{background-color:#c3c3c3;padding:5px 20px;border-radius:5px}.single-book{margin-top:2rem}.single-book .full-info{background-color:#0003;position:fixed;z-index:500;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center}.single-book .full-info .main-info-section{direction:rtl;max-width:50rem;background-color:#fff;padding:1.25rem 2.5rem;position:relative;margin-inline:2rem;border-radius:8px;text-align:center;max-height:30rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.single-book .full-info .main-info-section button{position:absolute;width:16px;right:5px;top:3px}.single-book .full-info .main-info-section button :hover{opacity:90%}.single-book .full-info .main-info-section p{font-size:clamp(.85em,.767em + .267vw,1em)}.single-book .full-info .main-info-section p.synopsis{text-align:justify;text-align-last:left}.single-book .full-info .main-info-section .author,.single-book .full-info .main-info-section .title{font-weight:700}.single-book .btn-back{color:#000;background-color:#d7d7d7;padding:10px 20px;border-radius:5px;font-size:clamp(1em,.931em + .222vw,1.125em)}.single-book .book-info{margin-top:2rem;display:flex;gap:4rem}.single-book .book-info .book-img{aspect-ratio:2/3;overflow:hidden;max-width:15rem;border-radius:8px;box-shadow:5px 5px 10px #0000004d;position:relative}.single-book .book-info .book-img p{color:#fff;position:absolute;left:50%;bottom:50%;transform:translate(-50%,50%);font-weight:700;font-size:clamp(.9em,.64em + .64vw,1.2em);text-align:center;width:80%}.single-book .book-info .book-img img{width:100%;height:100%;object-fit:cover}.single-book .book-info .text{display:flex;flex-direction:column}.single-book .book-info .text h2{font-size:clamp(1.3em,.911em + 1.244vw,2em)}.single-book .book-info .text h3{margin-top:.5rem;font-size:clamp(1.05em,.689em + 1.156vw,1.7em)}.single-book .book-info .text p{margin-top:1.5rem;max-width:50rem;font-size:clamp(.85em,.767em + .267vw,1em)}.single-book .book-info .text .see-full{margin-top:.5rem;font-size:clamp(.85em,.767em + .267vw,1em);font-style:italic;color:#2e2ef4;text-decoration:underline;cursor:pointer}.single-book .book-info .text .erase-btn{align-self:flex-start;color:red;font-weight:700;cursor:pointer;margin-top:1.5rem;font-size:clamp(.85em,.767em + .267vw,1em)}.single-book .book-info .is-read{display:flex;align-items:center;gap:.3rem;margin-top:1.5rem}.single-book .book-info .is-read input{cursor:pointer}.single-book .book-info .is-read label{font-size:clamp(.85em,.767em + .267vw,1em);cursor:pointer}.single-book .err{margin-top:2rem;font-size:clamp(.9em,.775em + .4vw,1.125em)}@media (max-width: 810px){.single-book .book-info{flex-direction:column;gap:2rem}.single-book .book-info .book-img{align-self:center}.single-book .book-info .text h2,.single-book .book-info .text h3{text-align:center}}@media (max-width: 500px){.single-book button{align-self:center}}.notes{margin-bottom:2rem;margin-top:3rem;display:flex;flex-direction:column;gap:1.5rem}.notes .are-you-sure{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:500;display:flex;justify-content:center;align-items:center;background-color:#0003}.notes .are-you-sure .modal{position:relative;background-color:#fff;padding:1.5rem 2.5rem;border-radius:8px;margin-inline:1rem}.notes .are-you-sure .modal .close-btn{position:absolute;top:.2rem;right:.2rem;color:#000}.notes .are-you-sure .modal .close-btn :hover{opacity:90%}.notes .are-you-sure .modal h4{margin-top:.5rem;text-align:center}.notes .are-you-sure .modal .btns{margin-top:1rem;display:flex;justify-content:center;gap:2.5rem}.notes .are-you-sure .modal .btns .yes{background-color:#b7b7b7;padding:5px 20px;border-radius:5px;font-size:clamp(.9em,.789rem + .356vw,1.1em);color:#000}.notes .are-you-sure .modal .btns .no{background-color:#2d42a9;color:#fff;border-radius:5px;padding:5px 20px;font-size:clamp(.9em,.789rem + .356vw,1.1em)}.notes .notes-message{font-size:clamp(.85em,.767em + .267vw,1em)}.notes .notes-err{color:red}.notes .note{max-width:50rem;background-color:#eee;padding:20px 30px;border-radius:8px;box-shadow:0 0 20px #0003;position:relative}.notes .note:hover .erase-note{display:block}.notes .note .erase-note{display:none;cursor:pointer;position:absolute;top:.4rem;right:.8rem;font-size:clamp(.7rem,.644rem + .178vw,.8rem);color:red}@media (hover: none){.notes .note .erase-note{display:block}}.notes .note h3{font-size:clamp(1.05em,.967em + .267vw,1.2em)}.notes .note p{font-size:clamp(.85em,.767em + .267vw,1em)}.notes .add-note{display:flex;flex-direction:column;margin-top:.5rem}.notes .add-note .details{display:flex;align-items:center;gap:.2px;background-color:#d7d7d7;padding:10px 20px;width:fit-content;border-radius:8px;cursor:pointer}.notes .add-note .details p{font-size:clamp(.85em,.767em + .267vw,1em)}.notes .add-note .details div{font-size:1.5rem}.notes .add-note .note-fields{margin-top:.5rem;display:flex;flex-direction:column;gap:.8rem;background-color:#efefef;padding:20px;border-radius:10px}.notes .add-note .note-fields label{font-size:clamp(.85em,.767em + .267vw,1em)}.notes .add-note .note-fields input{font-size:clamp(.85em,.767em + .267vw,1em);padding:5px 10px;max-width:100%;border:none;border-radius:10px}.notes .add-note .note-fields input:focus{outline:none}.notes .add-note .note-fields textarea{font-size:clamp(.85em,.767em + .267vw,1em);padding:5px 10px 70px;max-width:100%;border:none;border-radius:10px}.notes .add-note .note-fields textarea:focus{outline:none}.notes .add-note .note-fields .red::placeholder{color:red}.notes .add-note .note-fields .note-btn{color:#000;background-color:#d7d7d7;padding:10px 30px;border-radius:8px;width:fit-content;font-size:clamp(.85em,.767em + .267vw,1em);margin:auto}.notes .add-note .mandatory-note{color:red;font-size:clamp(.7em,.644em + .178vw,.8em);align-self:center}.modal-wrapper{position:fixed;background-color:#0003;width:100vw;height:100vh;top:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center}.modal-wrapper .inner{position:relative;background-color:#fff;max-width:37.5rem;width:90%;padding:35px 40px;border-radius:8px;display:flex;justify-content:center;margin-inline:1rem}.modal-wrapper .inner .close-btn{position:absolute;top:.2rem;right:.2rem;color:#000}.modal-wrapper .inner .sure-modal{display:flex;flex-direction:column;gap:1rem}.modal-wrapper .inner .sure-modal h3{font-size:clamp(1em,.889em + .356vw,1.2em);text-align:center}.modal-wrapper .inner .sure-modal .sure-btns{display:flex;justify-content:center;gap:2.5rem}.modal-wrapper .inner .sure-modal .sure-btns .yes{color:#000;background-color:#b7b7b7;padding:5px 20px;border-radius:5px;font-size:clamp(.9em,.789rem + .356vw,1.1em)}.modal-wrapper .inner .sure-modal .sure-btns .no{background-color:#2d42a9;color:#fff;border-radius:5px;padding:5px 20px;font-size:clamp(.9em,.789rem + .356vw,1.1em)}.modal-wrapper .inner .reseting{display:flex;flex-direction:column;align-items:center;gap:2rem}.modal-wrapper .inner .reseting .email-for-reseting{padding:5px 10px;width:100%;border-radius:5px;border:1px solid hsla(0,0%,75%,.5);outline:none}.modal-wrapper .inner .reseting .reset-btn{background-color:#bebebe;border-radius:5px;padding:8px 20px}.container.centre{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.container.centre .login{display:flex;flex-direction:column;justify-content:center;gap:2rem;background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 0 30px #0003}.container.centre .login .text-welcome{display:flex;flex-direction:column;gap:.3rem;max-width:31.25rem}.container.centre .login .text-welcome h1,.container.centre .login .text-welcome p{text-align:center}.container.centre .login .btns-login{align-self:center;display:flex;gap:2rem}.container.centre .login .btns-login .login-btn,.container.centre .login .btns-login .signin-btn{color:#000;background-color:#c2c2c2;padding:5px 15px;border-radius:5px}.container.centre .login .btns-login .active{background-color:#1cab47;color:#fff}.container.centre .login .form{display:flex;flex-direction:column;gap:1rem}.container.centre .login .form .form-part{display:flex;flex-direction:column;gap:.3rem}.container.centre .login .form .form-part .email,.container.centre .login .form .form-part .password{padding:5px 10px;border-radius:5px;border:1px solid hsla(0,0%,75%,.5);outline:none}.container.centre .login .form .confirm-login{color:#000;background-color:#bebebe;border-radius:5px;padding:8px 20px;align-self:center}.container.centre .login .form .error{color:red;font-size:.9rem;text-align:center}.container.centre .login .form .forgot-password{text-align:center;align-self:center;font-size:.85rem;font-style:italic;color:#2e2ef4;text-decoration:underline;cursor:pointer}.loading-section{position:absolute;width:100vw;height:100vh;z-index:999;background-color:#fff;display:flex;justify-content:center;align-items:center}.loading-section .loading{border:3px solid transparent;border-top-color:#4d4d4d;border-right-color:#4d4d4d;width:clamp(2.5rem,2.067rem + 1.067vw,3rem);height:clamp(2.5rem,2.067rem + 1.067vw,3rem);border-radius:50%;animation:spinning 1s linear infinite}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-write-email{background-color:#0003;position:absolute;width:100vw;height:100vh;z-index:500;top:0;left:0;display:flex;justify-content:center;align-items:center}.modal-write-email .write-email{background-color:#fff;padding:1.25rem 2.5rem;position:relative;margin-inline:2rem;border-radius:8px;text-align:center;margin-inline:1rem}.modal-write-email .write-email .close-btn{position:absolute;top:5px;right:5px;color:#000}.modal-write-email .write-email .close-btn:hover{opacity:.85}.modal-write-email .write-email .password-reset{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.modal-write-email .write-email .password-reset input{padding:4px 7px;border-radius:5px;border:1px solid hsla(0,0%,50%,.5)}.modal-write-email .write-email .password-reset input:focus{outline:none}.modal-write-email .write-email .password-reset button{background-color:#1cab47;color:#fff;border-radius:5px;padding:5px 15px;align-self:center}.modal-write-email .write-email .checkSpam{font-size:.9rem}.modal-write-email .write-email .writeEmail{color:red;font-size:.85rem}.container{max-width:1400px;margin-inline:auto;padding-inline:2rem}.container .books-list{margin-top:1rem;margin-bottom:1rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem}@media (max-width: 950px){.container .books-list{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 650px){.container .books-list{grid-template-columns:1fr 1fr}}