*{margin:0;padding:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424}h1{font-size:3.2em;line-height:1.1}a{color:#ffffffde;text-decoration:none}.Cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}h5{font-size:25px}input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}button{padding:10px 20px;background-color:#ecb100;color:#fff;border:none;border-radius:4px;cursor:pointer}body,html{height:100%;margin:0}.Root{height:400px;width:300px;background-color:#2f2f2f;border-radius:25px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;padding:20px;gap:16px;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Logo{width:70px;height:70px;margin-top:20px}.TitleLogin{align-self:flex-start;text-align:center;width:100%;margin-top:50px}.LoginBtn{width:100%}.Card{background-color:#343434;border-radius:10px;width:170px;height:auto;box-shadow:3px 3px 3px #00000080}.CardImage img{padding:0;border-top-left-radius:10px;border-top-right-radius:10px;width:170px}.CardTitle{padding-left:10px;padding-right:10px}.Title{font-size:12px;font-weight:700}.CardDescription{font-size:12px;padding:0 10px 10px;display:flex;align-items:flex-end}.menuComponent{display:flex;background-color:#1f1f1f;align-items:center;position:relative;padding:20px 40px}.searchInput{width:40%;height:45px;border-radius:25px;padding-left:20px;background-color:#2c2c2c;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:600;color:#ffffffde;border:none;margin-left:10px;margin-right:auto}.bookContainer{max-width:1000px;margin:40px auto;padding:24px;border-radius:12px;box-shadow:0 4px 16px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.bookImageContainer{display:flex;flex-direction:column;align-items:left}.reserveButton{margin-top:15px;background-color:#28a745;color:#fff}.deleteButton{margin-top:10px;background-color:#dc3545;color:#fff}.bookHeader{display:flex;flex-direction:row;align-items:flex-start;gap:24px;flex-wrap:wrap}.bookImage{width:100%;max-width:280px;height:auto;border-radius:10px;object-fit:cover;box-shadow:0 2px 12px #0000001a}.bookInfo{flex:1;display:flex;flex-direction:column;gap:12px}.bookInfo h2{margin:0;font-size:2rem;color:#333}.bookInfo h4{margin:0;font-size:1.2rem;font-weight:500;color:#777}.bookInfo p{font-size:1rem;line-height:1.6;color:#ededed}.toggleDescriptionButton{background-color:transparent;border:none;color:#007bff;cursor:pointer;font-weight:700;margin-top:8px;padding:0;font-size:1rem}.toggleDescriptionButton:hover{text-decoration:underline}.ratingContainer{margin-top:10px;display:flex;flex-direction:row;align-items:center;justify-content:start;gap:1px;font-size:15px}.avaliationsText{margin-right:8px;font-size:14px;color:#fff;font-weight:500}.commentText{margin-bottom:15px}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.scannerContainer{background:#2f2f2f;padding:20px;border-radius:12px;box-shadow:0 8px 24px #0000004d;max-width:500px;width:90%}@media (max-width: 768px){.descriptionBook .avaliationsText{font-size:12px}.bookPage{padding:15px}.bookContainer{max-width:100%;border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center}.bookHeader{flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%}.bookImageContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.bookImage{width:100%;max-width:280px;height:auto;border-radius:10px;object-fit:cover;box-shadow:0 2px 12px #0000001a}.reserveButton,.deleteButton{margin-top:15px;padding:10px 20px;font-size:1rem;border:none;border-radius:6px;cursor:pointer;width:90%;max-width:280px}.reserveButton{background-color:#28a745;font-size:1.2rem;line-height:1;color:#fff}.deleteButton{background-color:#dc3545;font-size:1.2rem;line-height:1;color:#fff}.bookInfo{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.titleBook{font-size:28px;font-weight:700;margin-bottom:15px;color:#fff}.avaliationsText{margin-right:1px;font-size:14px;color:#fff;font-weight:500}.bookInfo p{font-size:1.5rem;line-height:1;color:#ededed;padding:0 10px}}.commentDiv{display:flex;flex-direction:column;margin-top:20px}.userComment{display:flex;flex-direction:row;align-items:center}.profilePicture{height:40px;border-radius:50%;border:2px solid rgb(125,125,125)}.userNameComment{margin-left:5px;font-size:15px;color:#fff}@media (max-width: 768px){.ratingContainer{margin-left:10px}.commentInfo{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.commentText{margin-top:15px;width:100%}.commentDataDiv{text-align:left;width:100%}}.menuComponent{display:flex;background-color:#1f1f1f;align-items:center;position:relative;padding:20px 40px;justify-content:space-between}.logo{height:60px;width:60px}.userMenu{display:flex;align-items:center;margin-left:10px;background-color:#2b2b2b;border-radius:25px;height:45px}.userName{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:600;color:#ffffffde;font-size:15px;margin-left:20px}.userAvatar{height:40px;width:40px;border-radius:50%;margin-left:12px;border:2px solid rgb(62,62,62)}.addBookButton{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:600;color:#ffffffde;border-radius:25px;height:45px}.userDropdown{position:relative}.userTrigger{background:none;border:none;cursor:pointer;padding:0}.dropdownMenu{position:absolute;right:0;top:calc(100% + 8px);background:#2c2c2c;border-radius:6px;box-shadow:0 2px 8px #0000004d;min-width:150px;padding:8px 0;z-index:1000}.dropdownItem{display:block;padding:8px 16px;color:#fff;text-decoration:none;font-size:.9rem;cursor:pointer;background-color:transparent}.dropdownItem:hover{background:#3a3a3a}.add-book-Form-Div{display:flex;flex-direction:column;align-items:center;margin-top:20px}.titleDiv{display:flex;justify-content:center;width:100%;margin-bottom:20px}.titleName{font-size:24px;font-weight:700;margin-bottom:20px}.add-book-Form{margin-top:50px;display:flex;flex-direction:column;width:100%;max-width:300px;background-color:#363636;padding:20px;border-radius:8px}.add-book-Input{padding:10px;margin:5px 0;border:1px solid #3b3b3b;border-radius:4px;background-color:#363636;color:#f5f5f5}.buttons{display:flex;flex-direction:row;justify-content:space-between;margin-top:15px}.add-book-Button{width:100px;padding:10px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.add-book-Button:hover{background-color:#218838}.cancel-book-Button{width:100px;padding:10px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}