body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;box-sizing:border-box}.main-content{padding:20px;max-width:1200px;margin:0 auto}h1,h2,h3,h4,h5,h6{color:#2c3e50;margin-top:1em;margin-bottom:.5em}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}button{padding:10px 15px;background-color:#007bff;color:white;border:none;border-radius:4px;cursor:pointer;font-size:1em}button:hover{background-color:#0056b3}.navbar{background-color:white;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;color:white;width:98%;position:fixed;top:0;box-shadow:0 0 0 1px rgba(14,63,126,.04),0 1px 1px -.5px rgba(42,51,69,.04),0 3px 3px -1.5px rgba(42,51,70,.04),0 6px 6px -3px rgba(42,51,70,.04),0 12px 12px -6px rgba(14,63,126,.04),0 24px 24px -12px rgba(14,63,126,.04)}.logo a{color:#9929EA;font-size:1.8em;font-weight:700;text-decoration:none;text-shadow:1px 1px 3px rgba(153,41,234,.4)}.navLinks{list-style:none;margin:0;padding:0;display:flex;gap:30px}.navItem{color:#000000;text-shadow:1px 1px 3px rgba(0,0,0,.25);font-weight:700;font-size:1.2em;padding:5px 0;position:relative;text-decoration:none;transition:color .3s ease,border-bottom .3s ease}.navItem:hover{text-decoration:none}.active,.navItem:hover{color:#9929EA;border-bottom:3px solid #9929ea}.active,.logoutButton{font-weight:700}.logoutButton{background-color:#9929EA;color:white;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease}.logoutButton:hover{background-color:#ae4ff3}.container1{max-width:400px;margin:100px auto;padding:30px;background-color:#fff;border-radius:2px;box-shadow:0 4px 15px #bc7aeb;text-align:center}.container1 h1{color:#9929EA;margin-bottom:30px;font-size:2.2em;text-shadow:1px 1px 3px rgba(153,41,234,.4)}.formGroup{text-align:left}.formGroup label{font-size:.95em;text-shadow:1px 1px 3px rgba(0,0,0,.25)}.formGroup input[type=email],.formGroup input[type=password]{width:100%;padding:12px;border:1px solid #ccc;border-radius:5px;font-size:1em;transition:border-color .3s ease}.formGroup input[type=email]:focus,.formGroup input[type=password]:focus{border-color:#9929EA;outline:none}.submitButton1{width:100%;padding:14px;background-color:#CC66DA;color:white;border:none;border-radius:2px;font-size:1.1em;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.submitButton1:hover{background-color:#e58fe5;transform:translateY(-1px)}.dashboardContainer{padding:40px;margin-top:80px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.link-hyp{color:#0d0de9;font-weight:500}.dashboardContainer h1{text-align:center;margin-bottom:40px;color:#000000;text-shadow:1px 1px 3px rgba(0,0,0,.25)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:40px}.metricCard{background-color:#ffffff;padding:20px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.08);text-align:center}.metricCard h3{margin-top:0;color:#000000;text-shadow:1px 1px 3px rgba(0,0,0,.25);font-size:1.2em;margin-bottom:10px}.metricCard p{font-size:2.5em;font-weight:700;color:#007bff}.bookSection{margin-bottom:40px}.bookSection p{color:rgb(0,0,0)}.bookSection h2{font-size:1.8em;color:#000000;border-bottom:2px solid #eee;padding-bottom:10px;margin-bottom:25px;text-shadow:1px 1px 3px rgba(0,0,0,.25)}.bookCard{box-shadow:0 4px 12px rgba(0,0,0,.1)}.bookCard img{border-radius:8px;margin-bottom:1rem}.bookCard p{margin-bottom:10px;color:rgb(0,0,0)}.progressText{color:#666}.updateButton{display:inline-block;padding:8px 15px;background-color:#57e979;color:white;border-radius:5px;text-align:center;text-decoration:none;margin-top:15px;transition:background-color .3s ease}.updateButton:hover{background-color:#25b945}.statusText{font-style:italic;color:#777}.errorMessage{color:#9f1926}.container{max-width:600px;margin:90px auto 40px;padding:40px;background-color:#ffffff;border-radius:8px;width:45%;box-shadow:0 2px 10px rgba(0,0,0,.1)}.container h1{text-align:center;color:#333;text-shadow:1px 1px 3px rgba(0,0,0,.25);margin-bottom:30px;color:#9929EA;text-shadow:1px 1px 3px rgba(153,41,234,.4)}.formGroup input,.formGroup select{width:100%;padding:10px;border-radius:5px;font-size:1em;outline:none}.formGroup input:hover{border:1px solid #9929ea}.formGroup textarea{resize:vertical}.submitButton{display:block;padding:12px 20px}.successMessage{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:10px;margin-bottom:20px;border-radius:5px;text-align:center}.goalsContainer{margin-top:20px;padding:20px;margin-left:20%;width:60%}.goalsContainer h1{text-align:center;margin-bottom:40px;color:#2c3e50;text-shadow:1px 1px 3px rgba(0,0,0,.25)}.addGoalSection,.currentGoalsSection{background-color:#ffffff;padding:30px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.08);margin-bottom:40px}.addGoalSection h2,.currentGoalsSection h2{font-size:1.8em;color:#34495e;text-shadow:1px 1px 3px rgba(0,0,0,.25);border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:25px;text-align:center}.goalForm{max-width:500px;margin:0 auto}.formGroup{margin-bottom:20px}.formGroup label{display:block;margin-bottom:8px;font-weight:700;color:#555}.submitButton{width:97%;background-color:#CC66DA;transition:background-color .3s ease}.submitButton:hover{background-color:#d582df}.goalGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:25px;gap:25px}.goalCard{background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);border-left:5px solid #28a745;display:flex;flex-direction:column;justify-content:space-between}.goalCard h3{margin-top:0;font-size:1.5em;margin-bottom:10px;color:#34495e}.goalCard p{font-size:.95em;color:#555;margin-bottom:10px}.goalStatus{font-weight:700;text-align:center;margin-top:15px;padding:5px 10px;border-radius:4px;display:inline-block}.goalStatus.active{background-color:#e0f2f7;color:#007bff}.goalStatus.completed{background-color:#d4edda;color:#28a745}.bookDetailsContainer{padding:20px;background-color:#ffffff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.08);margin-top:60px;position:absolute;left:25%;width:50%;z-index:-1}.bookDetailsContainer h1{font-size:2.5em;color:#be10e9;margin-bottom:5px}.author,.bookDetailsContainer h1{text-shadow:1px 1px 3px rgba(0,0,0,.25)}.author{font-size:1.2em;margin-bottom:15px}.genre,.pages,.status{font-size:1em;color:#666;margin-bottom:5px}.sectionTitle{font-size:1.8em;color:#34495e;border-bottom:1px solid #eee;padding-bottom:10px;margin-top:40px;margin-bottom:20px}.progressText{text-align:right;font-size:.9em}.actionButtons{margin-top:25px;display:flex;gap:15px;justify-content:center}.markCompletedButton,.updateProgressButton{padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color .3s ease;cursor:pointer;border:none;font-size:1em}.updateProgressButton{background-color:#74b0ef;color:rgb(255,255,255);font-weight:700}.updateProgressButton:hover{background-color:#0056b3;color:white;text-decoration:none}.markCompletedButton{background-color:#28a745;color:white}.markCompletedButton:hover{background-color:#218838}.description{line-height:1.6;color:#444;font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{background-color:#e0e0e0;padding:5px 10px;border-radius:4px;font-size:.85em;color:#555;font-weight:700}.noteForm,.quoteForm,.reviewForm{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:inset 0 0 5px rgba(0,0,0,.05)}.noteForm textarea,.quoteForm textarea,.reviewForm textarea{width:calc(100% - 20px);margin-bottom:10px;padding:10px;border:1px solid #ddd;border-radius:4px}.noteForm button,.quoteForm button,.reviewForm button{padding:10px 15px;background-color:#8fa1f5;color:rgb(255,255,255);border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.noteForm button:hover,.quoteForm button:hover,.reviewForm button:hover{background-color:#506cec}.quoteForm input[type=number]{width:auto;margin-right:10px}.historyList,.notesList,.quotesList{list-style:none;padding:0}.noteItem,.quoteItem{background-color:#f0f0f0;padding:15px;border-radius:6px;margin-bottom:10px;border-left:5px solid #007bff}.noteItem p,.quoteItem p{margin-top:0;margin-bottom:5px;font-style:italic}.noteTimestamp,.quoteDetails{font-size:.8em;color:#888;display:block;text-align:right}.quoteItem{border-left-color:#28a745}.historyList li{background-color:#f0f0f0;padding:10px 15px;border-radius:4px;margin-bottom:8px;border-left:3px solid #6c757d}.ratingSection{margin-bottom:15px;display:flex;align-items:center}.ratingSection label{margin-right:10px;font-weight:700}.star{font-size:1.8em;color:#ccc;cursor:pointer;transition:color .2s ease}.filledStar,.star:hover{color:#ffcc00}.deleteButton{background-color:#ef6573;margin-top:30px;padding:10px 20px;font-size:1.1em;display:block;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;color:#ffffff;font-weight:700}.deleteButton:hover{background-color:#c82333}.updateProgressContainer{max-width:600px;margin:40px auto;padding:25px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1);text-align:center}.updateProgressContainer h1{font-size:2em;color:#2c3e50;margin-bottom:10px}.author{font-size:1.1em;color:#555;margin-bottom:5px}.pages{font-size:1em;color:#666;margin-bottom:25px}.currentProgress{margin-bottom:30px;padding:15px;background-color:#f0f2f5;border-radius:6px;border:1px solid #e0e0e0}.currentProgress h2{font-size:1.4em;color:#34495e;margin-top:0;margin-bottom:15px}.progressText{margin-top:10px;font-size:.95em;color:#777}.updateForm{margin-top:20px}.submitButton{width:100%;padding:14px;background-color:#007bff;color:white;border:none;border-radius:5px;font-size:1.1em;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.submitButton:hover{background-color:#0056b3;transform:translateY(-1px)}.errorMessage{font-size:.9em}.completedBooksContainer{padding:20px;margin-top:40px}.completedBooksContainer h1{text-align:center;margin-bottom:40px;color:#2c3e50;text-shadow:1px 1px 3px rgba(0,0,0,.25)}.errorMessage{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:10px;margin-bottom:20px;border-radius:5px;text-align:center}.noBooksMessage{text-align:center;font-size:1.2em;color:#777;padding:30px;background-color:#f0f2f5;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.bookGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:25px;gap:25px}.bookCard{background-color:#ffffff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);border-left:5px solid #28a745;display:flex;flex-direction:column;justify-content:space-between}.bookCard h3{margin-top:0;font-size:1.4em;margin-bottom:5px;color:#34495e}.bookTitleLink{color:#007bff;text-decoration:none;font-weight:700}.bookTitleLink:hover{text-decoration:underline}.bookCard p{font-size:.95em;color:#555;margin-bottom:8px}.completionDate{font-style:italic;color:#666}.rating{font-weight:700;color:#e6b100}.review{font-style:italic;color:#777;margin-top:10px;line-height:1.4}.viewDetailsButton{display:inline-block;padding:8px 15px;background-color:#6c757d;color:white;border-radius:5px;text-align:center;margin-top:15px;transition:background-color .3s ease}.viewDetailsButton:hover{background-color:#5a6268}