body{margin:0;font-family:Arial,sans-serif}.nav{background-color:#7a2f6b;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem;position:fixed;top:0;left:0;width:100%}.site-title{font-size:2rem}.nav ul{padding:20px;margin:0;list-style:none;display:flex;gap:1rem;padding-right:2rem;flex-wrap:wrap}.nav a{color:inherit;text-decoration:none;display:flex;align-items:center;padding:.25rem .5rem}.content{padding-top:5rem}.card-container{display:flex;gap:1rem;overflow-x:hidden;white-space:nowrap;scroll-behavior:smooth;padding:1rem;justify-content:flex-start;overflow-x:auto;position:relative;max-width:1200px}.card-container::-webkit-scrollbar{width:0}.card{border:1px solid #ddd;border-radius:8px;overflow:hidden;width:300px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease;display:flex;flex-direction:column;flex-shrink:0}.card:hover{transform:translateY(-5px)}.card-image{width:100%;height:400px;object-fit:cover}.card-title{font-size:1.5rem;margin:1rem 1rem .5rem}.card-author{font-size:1rem;margin:0 1rem 1rem;color:#555;flex-grow:1;display:flex;align-items:center}.controls{display:flex;justify-content:center;margin-top:10px}.controls button{background-color:#7a2f6b;border-radius:42px;border:1px solid #7a2f6b;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:17px;padding:16px 20px;text-decoration:none;margin-left:10px}.controls button:hover{background-color:#631561}.controls button:active{position:relative;top:1px}.content{padding-top:800px}.home-header{background-color:#7a2f6b;color:#fff;padding:2rem 1.5rem;text-align:center;border-bottom:4px solid #58214c}.header-content{max-width:1200px;margin:0 auto}.home-header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.home-header p{font-size:1.2rem;margin:0;font-weight:300}.about-section,.events-section,.recommendations-section{max-width:1000px;margin:2rem auto;padding:1rem 1.5rem;text-align:center}.about-section h2,.events-section h2,.recommendations-section h2{font-size:2rem;margin-bottom:1rem;color:#7a2f6b}.about-section p,.events-section p{font-size:1.1rem;line-height:1.6;color:#555}body{font-family:Arial,sans-serif;background-color:#f2e1ec;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.container{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:300px}.header{text-align:center;margin-bottom:2rem}.header .text{font-size:1.5rem;font-weight:700;color:#333}.header .underline{height:2px;background-color:#e374d0;width:50px;margin:.5rem auto 0}.inputs{margin-bottom:1.5rem}.input{display:flex;align-items:center;margin-bottom:2rem}.input img{width:20px;height:20px;margin-right:.5rem}.input input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.input input:focus{border-color:#007bff;outline:none}.forgot-password{text-align:right;margin-bottom:1.5rem;font-size:.9rem;color:#e374d0;cursor:pointer}.forgot-password span{text-decoration:underline}.submit-container{display:flex;justify-content:space-between}.submit{background-color:#e329c4;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;text-align:center;flex:1;margin-right:.5rem;margin-bottom:1rem}.submit:last-child{background-color:#6c757d}.submit:hover{background-color:#a61f8f}.submit:last-child:hover{background-color:#5a6268}.error-message{color:red;margin-top:10px;font-size:14px}html,body{margin:0;padding:0;height:100%}.body-container{font-family:Arial,sans-serif;background-color:#f4f4f4;height:100%;width:100vw;padding-top:100px}.acontainer{display:flex;flex:1;height:calc(100vh - 60px);width:100%;min-height:100vh}.sidebar{width:250px;background-color:#7a2f6b;color:#fff;padding:20px;box-sizing:border-box;min-height:100vh}.sidebar h2{text-align:center;margin-bottom:30px}.sidebar a{display:block;color:#fff;text-decoration:none;margin-bottom:15px;padding:10px;background-color:#8b3a7a;border-radius:5px}.sidebar a:hover{background-color:#9c458a}.main-content{flex:1;padding:20px;box-sizing:border-box;width:100%;min-height:100vh}.main-content h1{margin-bottom:20px}.main-content .button-container{display:flex;justify-content:space-between}.main-content .button-container button{flex:1;padding:40px;margin-right:10px;font-size:18px;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease;opacity:.7}.main-content .button-container button:hover{opacity:.9}.main-content .button-container button:last-child{margin-right:0}.main-content .button1{background-color:#ff5733b3}.main-content .button2{background-color:#33b5e5b3}.main-content .button3{background-color:#4caf50b3}.aheader{background-color:#7a2f6b;color:#fff;padding:80px 20px 10px;text-align:center;height:70px;width:100%}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;display:flex;align-items:center;justify-content:center}.header{padding-top:10%}.modal-hidden{display:none}.modal-content{background-color:#fefefe;padding:50px;border:1px solid #888;width:50%;max-width:300px;box-shadow:0 4px 8px #0003;border-radius:10px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}h2{color:#7a2f6b}.usubmit{background-color:#e329c4;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;text-align:center;flex:1;margin-right:.5rem;margin-bottom:1rem}.usubmit:hover{background-color:#a61f8f}.usersListItem{background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;font-family:Arial,sans-serif;display:flex;justify-content:space-between;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;padding-top:10px}.usersList{max-height:400px;overflow-y:auto}.chat-window{width:300px;height:420px}.chat-window p{margin:0}.chat-window .chat-header{height:45px;border-radius:6px;background:#263238;position:relative;cursor:pointer}.chat-window .chat-header p{display:block;padding:0 1em 0 2em;color:#fff;font-weight:700;line-height:45px}.chat-window .chat-body{height:335px;border:1px solid #263238;background:#fff;position:relative}.chat-window .chat-body .message-container{width:100%;height:100%;overflow-y:scroll;overflow-x:hidden}.chat-window .chat-body .message-container::-webkit-scrollbar{display:none}.chat-window .chat-body .message{height:auto;padding:10px;display:flex}.chat-window .chat-body .message .message-content{width:auto;height:auto;min-height:40px;max-width:120px;background-color:#eddfe8;border-radius:5px;color:#000;display:flex;align-items:center;margin-right:5px;margin-left:5px;padding-right:5px;padding-left:5px;overflow-wrap:break-word;word-break:break-word}#other,#other .message-content{justify-content:flex-start}#other .message-meta{justify-content:flex-start;margin-left:5px}#you{justify-content:flex-end}#you .message-content{justify-content:flex-end;background-color:#d984e3}#you .message-meta{justify-content:flex-end;margin-right:5px}.message-meta #author{margin-left:10px;font-weight:700}.chat-window .chat-body .message .message-meta{display:flex;font-size:12px}.chat-window .chat-footer{height:40px;border:1px solid #263238;border-top:none;display:flex}.chat-window .chat-footer input{height:100%;flex:85%;border:0;padding:0 .7em;font-size:1em;border-right:1px dotted #607d8b;outline:none;font-family:Open Sans,sans-serif}.chat-window .chat-footer button{border:0;display:grid;place-items:center;cursor:pointer;flex:15%;height:100%;background:transparent;outline:none;font-size:25px;color:#d3d3d3}.chat-window .chat-footer button:hover{color:#43a047}.hide{opacity:0!important}.book-review-section{max-width:800px;margin:20px auto;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.book-header{display:flex;align-items:center}.book-cover{max-width:150px;margin-right:20px}.book-title{font-size:26px;font-weight:700}.average-rating{margin:10px 0}.stars{color:gold;font-size:20px}.comment-section{margin-top:20px;max-height:200px}.comment-container{margin-top:20px;max-height:150px;overflow-y:auto}.comment{border-top:1px solid #ddd;padding:10px 0}.user-name{font-weight:700}.user-comment{margin:5px 0}.user-rating .stars{color:gold;font-size:16px}.leave-comment-section{width:80%;max-width:600px;margin:20px auto;padding:10px;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a}.leave-comment-section label{display:block;margin-bottom:8px;font-weight:700}.leave-comment-section textarea{width:80%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;resize:vertical}.leave-comment-section button{margin-top:10px;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.leave-comment-section button:hover{background-color:#45a049}.avg-rating-container{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-direction:column}.add-review-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.add-review-button:hover{background-color:#45a049}html,body{width:100%;min-height:100vh;margin:0;padding:0}*{margin:0;padding:0}html,body{width:100%;min-height:100vh;margin:0;padding:0;overflow-y:auto}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}