*{padding:0;margin:0;text-decoration:none;color:#fff}body{background-color:var(--clr-900)}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px var(--main-padding);position:fixed;top:0;z-index:10;width:calc(100vw - 2 * var(--main-padding));transition:transform .3s ease-in-out}.nav.hidden{transform:translateY(-100%)}.nav:after{content:"";background-image:linear-gradient(90deg,#1a1a1a 50%,#1a1a1a00);height:100px;width:40vw;position:absolute;top:0;left:0;z-index:-1}h2{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:700}.navList{display:flex;align-items:center;gap:30px;background-color:#ffffff1a;padding:10px 40px;border-radius:60px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.navList .profilePic{position:relative}.navList .profilePic.active .userOptions{opacity:1;top:130%;pointer-events:all}.navList .profilePic .userOptions{position:absolute;top:50%;right:0;opacity:0;padding:10px;border-radius:20px;background-color:var(--clr-900);border:2px solid var(--clr-300);display:flex;flex-direction:column;gap:10px;transition:opacity .2s,top .2s;pointer-events:none}.navList .profilePic .userOptions p:hover{color:var(--clr-900);background-color:var(--clr-300)}.navList .profilePic .userOptions p{padding:10px;border-radius:10px;width:200px;color:#fff;background-color:var(--clr-900);transition:color .2s,background-color .2s}@font-face{font-family:val;src:url(/assets/LeckerliOne-Regular-DGS7jvuF.ttf)}.heroSection{background-image:url(/assets/bokkshelf-BerJm-Rv.png);background-repeat:no-repeat;background-size:cover;height:100vh;position:relative}.hwrap{position:absolute;top:30%;left:10%;z-index:5}h1{font-family:val;font-size:60px;font-weight:200;max-width:50vw}p{font-family:Arial,Helvetica,sans-serif;font-size:21px;max-width:45vw}.filter{position:absolute;background-image:url(/assets/shadow-DvF9vl_a.png);background-repeat:no-repeat;background-size:cover;width:100%;height:100%}section.Genre,section.latest{height:100vh;display:flex;flex-direction:column;justify-content:space-around;font-family:Arial,Helvetica,sans-serif;padding:0 var(--main-padding)}.sectionTitle{display:flex;align-items:flex-end}.sectionTitle h3{font-size:36px}.more{margin-left:25px;color:var(--clr-300)}section.Genre .display,section.latest .display{display:flex;gap:2vw;width:100%;overflow-x:auto;scroll-behavior:smooth}.genreThumbnail:hover,.bookThumbnail:hover{cursor:pointer}.bookThumbnail{width:200px}.bookThumbnail img{aspect-ratio:18/24;object-fit:contain;width:100%;width:180px}.thumbnailName,.thumbnailAuthor{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.imgGrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.genreThumbnail img{width:100px}.lookup{padding:var(--main-padding);font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;margin-bottom:64px;position:relative}.lookup h3{font-size:32px;margin-bottom:32px}.lookup .shearchicon{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M456.69,421.39,362.6,327.3a173.81,173.81,0,0,0,34.84-104.58C397.44,126.38,319.06,48,222.72,48S48,126.38,48,222.72s78.38,174.72,174.72,174.72A173.81,173.81,0,0,0,327.3,362.6l94.09,94.09a25,25,0,0,0,35.3-35.3ZM97.92,222.72a124.8,124.8,0,1,1,124.8,124.8A124.95,124.95,0,0,1,97.92,222.72Z'/%3e%3c/svg%3e");background-size:cover;width:55px;height:55px}.searchBar{display:flex;align-self:center;background-color:transparent;border:2px solid var(--clr-300);border-radius:40px;width:fit-content;padding:10px 30px;gap:20px}.searchBar select,.searchBar input{background-color:var(--clr-900);border:none;font-size:21px}.searchBar select:focus,.searchBar input:focus{outline:none}.searchBar input{width:60vw}.suggestions{position:absolute;top:90%;left:50%;transform:translate(-50%);margin-top:10px;list-style:none;padding:0;width:80%;max-width:700px;background:var(--clr-900);border:1px solid var(--clr-300);border-radius:10px;font-size:18px;z-index:10}.suggestions li{padding:10px;cursor:pointer;display:flex;gap:20px}.suggestions li:hover{background:var(--clr-300);color:var(--clr-900)}.footer{background-color:#1a1a1a;color:#fff;padding:2rem 0}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem;padding:0 1rem}.footer-logo h2{margin-bottom:.5rem}.footer-links ul{list-style:none;padding:0}.footer-links ul li{margin:.5rem 0}.footer-links ul li a{color:#fff;text-decoration:none}.footer-links ul li a:hover{text-decoration:underline}.footer-socials .social-icons a{color:#fff;margin-right:1rem;font-size:1.2rem}.footer-bottom{display:flex;justify-content:center;text-align:center;padding-top:1rem;border-top:1px solid #444;font-size:.9rem}.navgap{height:10vh}.booksGrid{display:grid;grid-template-columns:1fr 7fr}.filters{border-right:1px solid white;height:fit-content;padding:var(--main-padding);padding-top:0}.filters p{color:#a1a1a1}.filters select{margin:10px 0;background-color:#4a4a4a;border:none;font-size:24px;padding:10px;border-radius:10px}.filters input{margin:10px 0;background-color:#4a4a4a;border:none;font-size:24px;width:50px;padding:10px;border-radius:10px}.filters .filterYear input{width:85px}.filters .filterBtn:hover{background-color:var(--clr-300);color:var(--clr-900);cursor:pointer}.filters .filterBtn{background-color:var(--clr-900);color:var(--clr-300);font-size:21px;height:fit-content;padding:15px;border-radius:10px;width:100%;margin-top:10px;border:2px solid var(--clr-300)}.inputFlex{display:flex;align-items:center;gap:15px}.booksList{padding:var(--main-padding);padding-top:0;display:flex;flex-wrap:wrap;gap:20px}.BookWrapper{display:flex;flex-direction:column;align-items:center;padding-bottom:60px}.BookReviewDisplay{display:flex;flex-direction:column;gap:1rem;width:90vw}.BookReviewDisplay>.top-section{display:flex;gap:2rem;padding:10px 0;align-items:center}.BookReviewDisplay .top-section>.description{flex-grow:1;flex-shrink:1;min-width:0;font-family:Arial,Helvetica,sans-serif;font-size:25px}.BookReviewDisplay .top-section>.bookThumbnail{flex:0 0 auto}.leaveComment{padding-top:var(--main-padding)}.leaveComment .commentInput{display:flex;padding:var(--main-padding) 0;gap:20px}.leaveComment .commentInput textarea{flex-grow:1}.leaveComment .starsRating{display:flex;gap:10px}.leaveComment .starsRating p:hover{cursor:pointer}.leaveComment .starsRating p{font-size:26px}.leaveComment textarea:focus{outline:none}.leaveComment textarea{background-color:#ffffff2c;color:#fff;font-family:Arial,Helvetica,sans-serif;padding:10px;border-radius:10px;border:none}.leaveComment button:active{background-color:var(--clr-300);color:var(--clr-900);transform:scale(.9)}.leaveComment button:hover{cursor:pointer}.leaveComment button{background-color:var(--clr-900);color:var(--clr-300);font-size:21px;height:fit-content;padding:15px;border-radius:10px;border:2px solid var(--clr-300)}.comments{display:flex;flex-direction:column;gap:40px}.comments .commentWrapper{display:flex;gap:30px}.comments .commentWrapper .avatar{display:flex;flex-direction:column;align-items:center;gap:10px}.comments .commentWrapper img{width:70px;height:70px}.comments .commentWrapper .commentWrap{background-color:#464646;padding:30px;flex-grow:1;display:flex;flex-direction:column;border-radius:15px}.comments .commentWrapper .commentWrap i:hover{background-color:#ffffff2f;cursor:pointer}.comments .commentWrapper .commentWrap i{align-self:flex-end;padding:5px;border-radius:50%;font-size:21px}.loginPage{background-image:url(/loginbg.png);height:100vh;background-size:contain;background-repeat:no-repeat;background-position:bottom right;background-color:#100000;padding:5%}.loginWrapper{height:100%;width:50vw;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:0 var(--main-padding)}.loginTitle{font-family:Arial,Helvetica,sans-serif;font-size:42px;font-weight:700}.loginSubtitle{font-family:Arial,Helvetica,sans-serif;font-size:18px;color:#e6e6e6;max-width:42ch}.loginCard{display:flex;flex-direction:column;gap:16px;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:min(480px,90%)}.authSwitch{margin-top:12px;font-family:Arial,Helvetica,sans-serif;color:#d7d7d7}.authSwitch a{color:#fff;text-decoration:underline}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#d7d7d7}.input-group input{background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:10px;padding:12px 40px 12px 14px;outline:none;font-size:16px;width:100%;box-sizing:border-box}.input-group input:focus{border-color:#c9aa71;box-shadow:0 0 0 3px #c9aa7133}.input-group span{position:absolute;right:18px;top:50%;transform:translateY(-50%);cursor:pointer;color:#c9aa71;display:flex;align-items:center;justify-content:center;height:24px;width:24px;z-index:2}.helperText{font-size:12px;color:#bfbfbf;margin-top:4px;font-family:Arial,Helvetica,sans-serif}.errorText{color:#ff7a7a}.pwRules{list-style:none;display:grid;gap:4px;margin-top:6px;font-size:13px;font-family:Arial,Helvetica,sans-serif}.pwRules li{display:flex;align-items:center;gap:8px;color:#bfbfbf}.pwRules li.ok{color:#9be39b}.pwRules li.bad{color:#ff7a7a}.loginCard .update-btn{font-size:16px;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer;color:#1a1a1a;background-color:#c9aa71;border:none}.loginCard .update-btn:hover{color:#1a1a1a;background-color:#c9aa71}.loginCard .update-btn:active{transform:translateY(1px)}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;background-color:#fff;color:#1a1a1a;border:1px solid #dcdcdc;border-radius:12px;padding:12px 16px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.google-btn:hover{background-color:#000;border-color:#cfcfcf}.google-btn:hover span{color:#fff}.google-btn span{color:#000}.google-btn span.google-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:conic-gradient(from -45deg,#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0 100%);color:#fff;font-weight:900;font-family:Arial,Helvetica,sans-serif;font-size:14px}.loginDivider{display:flex;align-items:center;justify-content:center;margin:20px 0;width:min(480px,90%)}.loginDivider:before,.loginDivider:after{content:"";flex:1;height:1px;background:#fff3}.loginDivider span{padding:0 20px;color:#e6e6e6;font-size:14px;background:#100000}.oauth-buttons{display:flex;flex-direction:column;gap:12px;width:min(480px,90%)}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;background:#fff;color:#333;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.google-btn:hover{background:#f5f5f5;transform:translateY(-1px)}.google-icon{width:20px;height:20px;background:#4285f4;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}@media (max-width: 900px){.loginWrapper{width:100vw;background:linear-gradient(90deg,#1a1a1acc,#1a1a1a00)}}@font-face{font-family:val;src:url(/assets/LeckerliOne-Regular-DGS7jvuF.ttf)}.about-page{min-height:100vh;background-color:var(--clr-900);color:var(--clr-100)}.about-content{padding-top:80px}.about-hero{text-align:center;padding:80px 20px 60px;background:#c9aa711a}.about-hero h1{font-family:val;font-size:4rem;font-weight:200;margin-bottom:20px;color:var(--clr-100)}.mission-section p,.community-section p{font-family:Poppins,sans-serif}.hero-subtitle{font-size:1.5rem;font-weight:300;opacity:.9;max-width:600px;margin:0 auto;color:var(--clr-300)}.about-sections{max-width:1200px;margin:0 auto;padding:0 20px}.about-sections section{margin:80px 0;padding:40px;background:#c9aa710d;border-radius:20px;border:1px solid rgba(201,170,113,.2);transition:transform .3s ease,box-shadow .3s ease}.about-sections section:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.about-sections h2{font-family:val;font-size:2.5rem;font-weight:200;margin-bottom:30px;text-align:center;color:var(--clr-100)}.about-sections p{font-size:1.2rem;line-height:1.8;margin-bottom:30px;text-align:center;max-width:800px;margin-left:auto;margin-right:auto;color:var(--clr-100)}.cta-section{text-align:center;margin-top:40px;padding-top:30px;border-top:1px solid rgba(201,170,113,.3)}.cta-section p{font-size:1.3rem;margin-bottom:25px;color:var(--clr-300)}.cta-login{padding:15px 30px;font-size:1.1rem;font-weight:600;background:var(--clr-300);color:var(--clr-900);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease}.cta-login:hover{background:var(--clr-100);transform:translateY(-2px);box-shadow:0 8px 25px #c9aa7166}@media (max-width: 768px){.about-hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.about-sections section{padding:30px 20px;margin:40px 0}.about-sections h2{font-size:2rem}}@media (max-width: 480px){.about-hero{padding:60px 15px 40px}.about-hero h1{font-size:2rem}.about-sections{padding:0 15px}.about-sections section{padding:25px 15px}}:root{--clr-100: white;--clr-300: #C9AA71;--clr-900: #1a1a1a;--main-padding: 30px}.adminContainer h3{background-color:var(--clr-900);margin:40px var(--main-padding) 0 var(--main-padding);color:var(--clr-300);font-family:Arial,sans-serif}.adminPage{display:flex;padding:30px var(--main-padding);height:calc(100vh - 200px);gap:20px}.sidebar{width:170px;min-width:170px;display:flex;flex-direction:column;gap:24px;background:var(--clr-900);padding:32px 20px 0 0;align-items:flex-start;margin-left:30px}.sidebar p:hover{cursor:pointer}.sidebar p.active{color:var(--clr-900)}.sidebar p.active:after{left:0}.sidebar p:after{content:"";position:absolute;inset:0 0 0 100%;background-color:var(--clr-300);z-index:-1;border-radius:5px;transition:left .2s}.sidebar h2{color:var(--clr-300);font-size:24px;font-weight:700;padding:10px;margin-bottom:30px}.sidebar p{position:relative;padding:10px;border-radius:5px;overflow:visible;font-weight:600;font-size:18px;color:#fff;background:none;z-index:1;gap:10px}.logoutBtn{margin-top:auto;padding:10px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color .2s ease}.logoutBtn:hover{background-color:#c82333}.genreDropdown{position:relative;width:100%}.genreDropdownTrigger{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:10px;cursor:pointer;transition:border-color .2s ease}.genreDropdownTrigger:hover{border-color:#c9aa71}.dropdownArrow{color:#c9aa71;font-size:12px;transition:transform .2s ease}.genreDropdownContent{position:absolute;top:100%;left:0;right:0;background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000004d}.genreOption{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;transition:background-color .2s ease}.genreOption:hover{background-color:#2a2a2a}.genreOption input[type=checkbox]{accent-color:#C9AA71;cursor:pointer}.genreOption span{color:#fff;font-size:14px}.mainDisplay{flex-grow:1;height:fit-content}.highlights{background:var(--clr-900);border-radius:10px;background-color:#ffffffc3;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#c9aa71;font-family:Arial,sans-serif;text-align:center}.highlights p:first-child{font-size:18px;font-weight:700;margin-bottom:10px;color:var(--clr-300)}.highlights p:last-child{font-size:28px;font-weight:700}.GenresPichart{background:var(--clr-900);border-radius:10px;padding:10px;display:flex;justify-content:center;align-items:center}.GenresPichart,.ReviewsGraph{border-radius:10px;padding:10px;display:flex;justify-content:center;align-items:center;background-color:#ecdcbf;color:#000}.bookManage{display:flex;flex-direction:column;color:#fff;font-family:Arial,sans-serif;padding:20px}.bookoption{display:flex;gap:10px;margin-bottom:20px}.bookoption button{background-color:#1f1f1f;border:none;color:var(--clr-300);padding:10px 20px;font-size:16px;font-weight:700;cursor:pointer;border-radius:4px}.bookoption button.active{background-color:var(--clr-300);color:#1f1f1f}.searchbar{display:flex;gap:10px;margin-bottom:20px}.searchbar select,.searchbar input,.searchbar button{background:#333;color:#fff;border:1px solid #444;padding:8px;border-radius:4px}.bookForm{display:flex;gap:30px}.inputs{display:flex;flex-direction:column;gap:15px;width:300px}.inputrow{display:flex;flex-direction:column}.inputrow p{margin:0 0 5px;font-size:14px;color:var(--clr-300)}.inputrow input,.inputrow select,.inputrow textarea{padding:8px;background:#444;border:1px solid #555;color:#fff;border-radius:4px;font-size:14px}.inputrow textarea{height:80px;resize:none}.preview{display:flex;flex-direction:column;align-items:center}.bookThumbnail{background:#222;padding:10px;border-radius:8px;text-align:center}.thumbnailName{font-weight:700;margin:5px 0}.thumbnailAuthor{color:#bbb;margin-bottom:5px}.submitBtn{background-color:var(--clr-300);color:#1f1f1f;font-weight:700;border:none;padding:12px;border-radius:4px;font-size:16px;cursor:pointer;margin-top:15px;transition:background .3s ease}.submitBtn:hover{background-color:#f5d76e}.manageGenres{display:flex;gap:40px;padding:20px;background-color:#121212;color:#fff;font-family:Arial,sans-serif}.currentGenreList{display:flex;flex-direction:column;gap:12px;min-width:270px}.genreListScroll{max-height:400px;overflow-y:auto;padding-right:6px}.genreListScroll::-webkit-scrollbar{width:8px;background:#232323;border-radius:8px}.genreListScroll::-webkit-scrollbar-thumb{background:#c9aa71;border-radius:8px}.list{display:flex;flex-direction:column;gap:8px;background-color:#555;padding:10px;width:250px;border-radius:6px}.genreItem{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#888;font-weight:700;border-radius:4px;cursor:default}.genreItem span{cursor:pointer;color:#ff4d4d;font-size:18px;margin-left:10px;transition:color .2s}.genreItem span:hover{color:#e63939}.addGenre{display:flex;flex-direction:column;gap:12px;min-width:270px}.addGenre input{padding:10px;width:100%;background-color:#444;border:none;border-radius:4px;color:#fff;font-size:16px}.addGenre button{padding:10px;width:100%;background-color:transparent;border:1px solid var(--clr-300);color:var(--clr-300);font-weight:700;font-size:18px;cursor:pointer;transition:.3s}.addGenre button:hover{background-color:var(--clr-300);color:#121212}.admin-reviews{color:#fff;font-family:Arial,Helvetica,sans-serif}.reviews-table{width:100%;border-collapse:collapse;margin-top:20px}.reviews-table th,.reviews-table td{text-align:left;padding:15px}.reviews-table tbody tr{background-color:#3a3a3a;cursor:pointer}.reviews-table tbody tr:nth-child{background-color:#2b2b2b}.reviews-table tbody tr:hover{background-color:#505050}.pagination{display:flex;justify-content:center;gap:15px;margin-top:20px}.admin-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;padding:0}.admin-total-box{background:#20212c;border-radius:18px;box-shadow:0 2px 6px #ffffff2e;padding:20px 12px;display:flex;flex-direction:column;align-items:flex-start;min-height:100px;position:relative;transition:box-shadow .2s}.admin-total-box:hover{box-shadow:0 8px 32px #00000047}.admin-total-box p{font-size:16px;color:var(--clr-300);margin-bottom:6px;font-weight:600}.admin-total-box h2{font-size:32px;margin:0;font-weight:700}.admin-total-box span{font-size:14px;color:#bbb}.admin-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-chart-box,.admin-chart-box1{background:#20212c;border-radius:18px;box-shadow:0 2px 6px #ffffff2e;padding:12px 20px;min-height:280px;display:flex;flex-direction:column;gap:10px}.admin-chart-box h3{margin-bottom:8px!important;margin-top:0!important;color:var(--clr-300);font-size:20px;font-weight:700}.admin-chart-box1 h3{margin-bottom:5px;color:var(--clr-300);font-size:20px;font-weight:700}.admin-flags,.admin-requests{padding:20px;color:#fff;background:#121212}.flags-list,.request-list{display:flex;flex-direction:column;gap:15px}.flag-card,.request-card{background:#1e1e1e;padding:20px;border-radius:8px;border:1px solid #333;transition:border-color .3s ease}.flag-card:hover,.request-card:hover{border-color:#555}.flag-info{margin-bottom:15px}.flag-info p{margin:8px 0;line-height:1.4}.flag-actions{display:flex;gap:10px;flex-wrap:wrap}.error-message{background:#f44;color:#fff;padding:10px;border-radius:5px;margin-bottom:15px;text-align:center}.approve-btn{background:#4caf50;border:none;color:#fff;padding:8px 12px;border-radius:5px;cursor:pointer;margin-right:8px;transition:background-color .3s ease}.approve-btn:hover:not(:disabled){background:#45a049}.approve-btn:disabled{background:#666;cursor:not-allowed}.reject-btn,.ignore-btn{background:#ff4d4d;border:none;color:#fff;padding:8px 12px;border-radius:5px;cursor:pointer;margin-right:8px;transition:background-color .3s ease}.reject-btn:hover:not(:disabled),.ignore-btn:hover:not(:disabled){background:#e63939}.reject-btn:disabled,.ignore-btn:disabled{background:#666;cursor:not-allowed}.remove-btn{background:#ff6b35;border:none;color:#fff;padding:8px 12px;border-radius:5px;cursor:pointer;margin-right:8px;transition:background-color .3s ease}.remove-btn:hover:not(:disabled){background:#e55a2b}.remove-btn:disabled{background:#666;cursor:not-allowed}h2{margin-bottom:15px;color:#fc6}.pagination{display:flex;justify-content:center;gap:10px;margin-top:20px}.pagination span{color:#fff;padding:8px 12px;background:#2b2b2b;border-radius:4px;cursor:pointer;transition:background .3s}.pagination span:hover{background:#505050}.pagination .active-page{background:var(--clr-300);color:#1f1f1f;font-weight:700}.pagination button{background:#2b2b2b;color:#fff;padding:8px 12px;border:none;border-radius:4px;cursor:pointer}.pagination button:disabled{background:#444;cursor:not-allowed}.returnBtn:hover{text-decoration:underline;cursor:pointer}.returnBtn{align-self:flex-start;margin-bottom:var(--main-padding);background-color:transparent;border:none;font-size:18px}.adminReviewControls{display:flex;gap:20px}.adminReviewControls p:hover{cursor:pointer;text-decoration:underline}.adminReviewControls p{font-weight:800}.admin-flags{padding:32px;background:var(--clr-900, #181818);min-height:100vh;color:#fff}.admin-flags h2{font-size:2rem;font-weight:700;margin-bottom:24px;color:#c9aa71}.flags-list{display:flex;flex-direction:column;gap:24px}.flag-card{background:#232323;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;display:flex;justify-content:space-between;align-items:flex-start;border-left:4px solid #C9AA71}.flag-info p{margin:6px 0;font-size:1rem;color:#e2e2e2}.flag-info strong{color:#c9aa71}.flag-actions{display:flex;flex-direction:column;gap:12px;min-width:140px}.flag-actions button{padding:8px 16px;border-radius:6px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.remove-btn{background:#e53e3e;color:#fff}.remove-btn:disabled{background:#a0aec0;cursor:not-allowed}.ignore-btn{background:#718096;color:#fff}.ignore-btn:disabled{background:#a0aec0;cursor:not-allowed}.approve-btn{background:#68d391;color:#181818}.approve-btn:disabled{background:#a0aec0;color:#232323;cursor:not-allowed}.error-message{color:#e53e3e;background:#fde8e8;padding:8px 16px;border-radius:6px;margin-bottom:16px;font-weight:600}.pagination{margin-top:32px;display:flex;gap:8px;align-items:center;justify-content:center}.pagination button,.pagination span{background:#232323;color:#c9aa71;border:none;border-radius:6px;padding:8px 14px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.pagination button:disabled{background:#a0aec0;color:#fff;cursor:not-allowed}.pagination .active-page{background:#c9aa71;color:#1f1f1f;font-weight:700}.flags-table-container{margin-top:24px;background:#232323;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:32px 40px}.flags-table{width:100%;border-collapse:separate;border-spacing:0 18px;color:#fff}.flags-table th,.flags-table td{padding:18px 24px;text-align:left;font-size:1.1rem}.flags-table th{background:#181818;color:#c9aa71;font-weight:700;border-bottom:2px solid #C9AA71}.flags-table tr.flag-row{background:#353535;border-radius:12px;box-shadow:0 2px 8px #00000014}.flags-table tr.flag-row:hover{background:#282828;transition:background .2s}.flag-profile{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #C9AA71}.sidebar-separator{width:1px;background:#fff;height:auto;margin-left:20px;margin-right:0}@media (max-width: 1200px){.admin-charts{grid-template-columns:1fr;gap:24px}.admin-totals{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 900px){.admin-totals{grid-template-columns:1fr 1fr;gap:16px}}@media (max-width: 600px){.admin-totals{grid-template-columns:1fr;gap:10px}}@media (max-width: 700px){.admin-totals,.admin-charts{grid-template-columns:1fr;gap:12px}.admin-chart-box,.GenresPichart,.ReviewsGraph,.flags-table-container,.flag-card{padding:12px;font-size:.95rem}.flags-table th,.flags-table td{padding:10px 6px;font-size:.95rem}.flag-profile{width:32px;height:32px}}@media (max-width: 500px){.sidebar{flex-direction:column;height:auto;padding:8px 0;font-size:.95rem}.adminPage{padding:8px 2vw}.admin-totals{grid-template-columns:1fr;gap:8px}.admin-chart-box,.GenresPichart,.ReviewsGraph,.flags-table-container,.flag-card{padding:6px;font-size:.9rem}.flags-table th,.flags-table td{padding:6px 2px;font-size:.9rem}.flag-profile{width:24px;height:24px}.logoutBtn{font-size:.95rem;padding:8px}}.admin-flags-card{background:#181818;border-radius:18px;box-shadow:0 4px 24px #0000002e;padding:32px 28px 24px;max-width:900px;margin:32px auto}.flags-header-row{display:flex;justify-content:flex-end;margin-bottom:18px}.flags-search{padding:10px 16px;border-radius:8px;border:1px solid #C9AA71;background:#232323;color:#fff;font-size:1rem;width:260px}.flags-table-list{display:flex;flex-direction:column;gap:0;width:100%}.flags-table-head,.flags-table-row{display:grid;grid-template-columns:60px 1.5fr 1fr 1fr 1fr;align-items:center;gap:0;padding:0}.flags-table-head{font-weight:700;color:#c9aa71;font-size:1.08rem;border-bottom:2px solid #232323;padding-bottom:10px;margin-bottom:8px}.flags-table-row{background:#232323;border-radius:12px;margin-bottom:10px;padding:14px 0;font-size:1rem;color:#fff;box-shadow:0 2px 8px #00000014;transition:background .2s}.flags-table-row:hover{background:#282828}.flag-profile{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #C9AA71}.flags-details-btn{padding:8px 18px;border-radius:8px;border:none;background:#c9aa71;color:#181818;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.flags-details-btn:hover{background:#ffd77a}.user-settings-container{display:flex;flex-direction:column;min-height:100vh;background-color:#1e1e1e;color:#fff;font-family:Arial,sans-serif}.settings-wrapper{max-width:800px;margin:40px auto;padding:20px;background:#2b2b2b;border-radius:10px}.settings-wrapper h2{text-align:center;margin-bottom:30px;font-size:28px}.avatar-section,.password-section{margin-bottom:40px}.avatar-section h3,.password-section h3{margin-bottom:15px;font-size:20px}.avatar-list{display:flex;gap:15px;flex-wrap:wrap}.avatar{width:80px;height:80px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s}.avatar:hover{transform:scale(1.1)}.avatar.selected{border-color:var(--clr-300)}.selected-text{margin-top:10px;color:#bbb}.password-section form{display:flex;flex-direction:column;gap:15px}.input-group{display:flex;flex-direction:column}.input-group label{margin-bottom:5px;font-size:14px;color:#ccc}.input-group input{padding:10px;font-size:16px;border-radius:5px;border:none;outline:none;background:#3a3a3a;color:#fff}.input-group input:focus{border:2px solid var(--clr-300)}.update-btn{padding:12px;font-size:16px;background:var(--clr-300);color:#000;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.update-btn:hover{background:#0097a7}