.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa}.loading-spinner{padding:20px;font-size:1.2rem;color:#007bff;position:relative}.loading-spinner:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:0;margin-top:-8px;margin-left:-20px;border:2px solid #007bff;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.navbar{background-color:#fbfbfb;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:0 1rem .25rem;width:100%;box-sizing:border-box;margin:0;position:static;z-index:1000}.navbar-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;width:100%}body{padding-top:0}.navbar-left{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.navbar-left:hover{opacity:.9}.navbar-logo{height:70px;width:auto;transform:translateY(-10px)}.navbar-title{color:#333;font-size:1.5rem;margin:0}.search-container{flex:1 1;max-width:600px;margin:0 2rem}.search-form{position:relative}.search-input-container{display:flex;align-items:center;position:relative;padding:.25rem 0}.search-input{width:100%;padding:.75rem 3rem .75rem 1rem;border:1px solid #ddd;border-radius:24px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:#333;opacity:.7}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.clear-search{right:40px;font-size:1.2rem}.clear-search,.search-button{position:absolute;background:none;border:none;color:#666;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.search-button{right:8px}.search-error{position:absolute;color:#dc3545;font-size:.875rem;margin-top:.25rem;background-color:hsla(0,0%,100%,.95);padding:.5rem 1rem;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #f8d7da;z-index:1000}.auth-buttons,.navbar-right{display:flex;align-items:center;gap:1rem}.auth-button{padding:.5rem 1.25rem;border-radius:4px;font-size:.9rem;text-decoration:none;cursor:pointer;border:none;color:#fff}.auth-button.login{background-color:#2c3e50;color:#fff;border:none}.auth-button.login:hover{background-color:#34495e}.auth-button.sign-up{background-color:#1a252f;color:#fff;border:none}.auth-button.sign-up:hover{background-color:#2c3e50}:root.dark-mode .auth-button.login{background-color:#2c3e50;color:#fff}:root.dark-mode .auth-button.login:hover{background-color:#34495e}:root.dark-mode .auth-button.sign-up{background-color:#2c3e50;color:#fff}:root.dark-mode .auth-button.sign-up:hover{background-color:#34495e}.navbar-user-info{display:flex;align-items:center;gap:.5rem}.navbar-user-username{font-weight:500;color:#333;font-size:.95rem}.navbar-user-avatar{display:flex;align-items:center;cursor:pointer;position:relative}.avatar-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2.5px solid #ff6b6b;transition:all .2s ease}.user-dropdown-container{position:relative}.user-dropdown{position:absolute;top:calc(100% + 5px);right:0;background-color:#fff;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:150px;z-index:1200;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:.75rem 1rem;display:block;width:100%;text-align:left;color:#333;font-size:.95rem;text-decoration:none;background:none;border:none;cursor:pointer;transition:background-color .2s;box-sizing:border-box;position:relative}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item:not(:last-child){border-bottom:1px solid #eee}.search-loading{position:absolute;right:40px;display:flex;align-items:center;justify-content:center;padding:.25rem}.search-spinner{color:#007bff;opacity:.8}:root.dark-mode .search-spinner{color:#4da3ff}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;margin-top:.5rem;max-height:450px;overflow-y:auto;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.15);animation:searchResultsFadeIn .15s ease-out}@keyframes searchResultsFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-result-item{display:flex;padding:.75rem;border-bottom:1px solid #eee;text-decoration:none;color:inherit;cursor:pointer;transition:background-color .15s ease}.search-result-item:last-child{border-bottom:none}.search-result-item.highlighted,.search-result-item:hover{background-color:#f0f7ff}.search-result-status{display:inline-block;padding:.1rem .3rem;border-radius:3px;font-size:.65rem;font-weight:500;text-transform:uppercase;color:#fff;border:1px solid;transition:all .2s ease;line-height:1.2}.search-result-status[data-status=ONGOING],.search-result-status[data-status=Ongoing],.search-result-status[data-status=ongoing]{background-color:#4caf50;border-color:#388e3c}.search-result-status[data-status=COMPLETED],.search-result-status[data-status=Completed],.search-result-status[data-status=completed]{background-color:#009fdf;border-color:#0277bd}.search-result-status[data-status=HIATUS],.search-result-status[data-status=Hiatus],.search-result-status[data-status=hiatus]{background-color:#dc3545;border-color:#b71c1c}.search-result-status[data-status=DROPPED],.search-result-status[data-status=Dropped],.search-result-status[data-status=dropped]{background-color:#95a5a6;border-color:#7f8c8d}.search-result-status[data-status=LICENSED],.search-result-status[data-status=Licensed],.search-result-status[data-status=licensed]{background-color:#9b59b6;border-color:#8e44ad}.search-result-status[data-status=AXED],.search-result-status[data-status=Axed],.search-result-status[data-status=axed]{background-color:#34495e;border-color:#2c3e50}.search-result-status:not([data-status]){background-color:#6c757d;border-color:#5a6268}.search-results-hint{padding:.75rem;text-align:center;font-size:.8rem;color:#6c757d;background-color:#f8f9fa;border-top:1px solid #eee}:root.dark-mode .search-results-hint{background-color:#1f1f1f;color:#888;border-color:#444}.search-result-cover{width:60px;height:80px;object-fit:cover;border-radius:4px;margin-right:1rem}.search-result-info{flex:1 1}.search-result-title{font-weight:500;margin-bottom:.25rem;color:#333}.search-result-details{font-size:.875rem;color:#666}:root.dark-mode .navbar{background-color:#1a1a1a;box-shadow:0 2px 4px rgba(0,0,0,.2)}:root.dark-mode .navbar-title{color:#fff}:root.dark-mode .search-input{background-color:#2a2a2a;border-color:#444;color:#fff}:root.dark-mode .search-input::placeholder{color:#fff;opacity:.7}:root.dark-mode .search-input:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 3px rgba(0,86,179,.1)}:root.dark-mode .clear-search,:root.dark-mode .search-button{color:#999}:root.dark-mode .auth-button{color:#fff}:root.dark-mode .auth-button:hover{background-color:#2a2a2a}:root.dark-mode .avatar-image{border-color:#ff6b6b}:root.dark-mode .user-dropdown{background-color:#2a2a2a;box-shadow:0 4px 12px rgba(0,0,0,.3)}:root.dark-mode .dropdown-item{color:#eee}:root.dark-mode .dropdown-item:hover{background-color:#333}:root.dark-mode .dropdown-item:not(:last-child){border-color:#444}:root.dark-mode .search-results{background-color:#2a2a2a;border-color:#444}:root.dark-mode .search-result-item{border-color:#444}:root.dark-mode .search-result-item.highlighted,:root.dark-mode .search-result-item:hover{background-color:#2d3a4a}:root.dark-mode .search-result-title{color:#fff}:root.dark-mode .search-result-details{color:#999}:root.dark-mode .search-error{background-color:rgba(26,26,26,.95);color:#ff6b6b;border-color:#dc3545}:root.dark-mode .navbar-user-username{color:#fff}@media (max-width:768px){.navbar{padding:0 .75rem .25rem;width:100%;box-sizing:border-box}.navbar-content{flex-wrap:wrap;gap:0}.navbar-left{flex:0 0 auto}.navbar-right{margin-left:auto}.search-container{order:3;width:100%;margin:.5rem 0 0;max-width:none;flex:0 0 100%}.search-input{padding:.5rem 2.5rem .5rem .75rem;font-size:.9rem}.search-button{right:4px}.clear-search{right:32px}.navbar-logo{height:64px;transform:translateY(-6px)}.navbar-title{font-size:1.2rem}.auth-button{padding:.4rem .8rem;font-size:.85rem}.auth-buttons{gap:.5rem}.modal-content{width:90%;max-width:none}.navbar-user-username{font-size:.85rem}.navbar-user-info{gap:.5rem}body{padding-top:0}}@media (max-width:576px){.navbar{padding:0 .5rem;width:100%;box-sizing:border-box}.navbar-content{gap:.25rem}.navbar-left{flex:0 0 auto}.navbar-right{margin-left:auto}.search-container{order:3;width:100%;margin:.5rem 0 0;max-width:none}.search-input{padding:.5rem 2.5rem .5rem .75rem;font-size:.9rem}.search-button{right:4px}.clear-search{right:32px}.navbar-title{font-size:1rem}.navbar-logo{height:58px;transform:translateY(-5px)}.auth-button{padding:.35rem .6rem;font-size:.8rem}.navbar-user-username{font-size:.8rem;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-image{width:34px;height:34px}.user-dropdown{min-width:130px}.dropdown-item{padding:.6rem .8rem;font-size:.85rem}body{padding-top:0}}.title-container{display:flex;align-items:center;text-decoration:none;color:inherit}:root.dark-mode .navbar-logo{stroke:#fff}.notification-dropdown-container{position:relative}.notification-icon-only{background:none;border:none;padding:.5rem;cursor:pointer;color:#333;transition:transform .2s,color .2s;position:relative;font-size:20px}.notification-count,.notification-icon-only{display:flex;align-items:center;justify-content:center}.notification-count{position:absolute;top:-2px;right:-3px;background-color:#e74c3c;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.2)}:root.dark-mode .notification-icon-only{color:#fff}:root.dark-mode .notification-icon-only:hover{color:#ff6b6b}:root.dark-mode .notification-count{background-color:#ff6b6b}.bookmark-icon-only{background:none;border:none;padding:.5rem;cursor:pointer;color:#333;transition:transform .2s,color .2s;position:relative}.bookmark-count,.bookmark-icon-only{display:flex;align-items:center;justify-content:center}.bookmark-count{position:absolute;top:0;right:1px;background-color:#e74c3c;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.2)}:root.dark-mode .bookmark-icon-only{color:#fff}.admin-task-count,:root.dark-mode .bookmark-count{background-color:#ff6b6b}.admin-task-count{position:absolute;top:-2px;right:-2px;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.2);z-index:1}.admin-indicator-dot,:root.dark-mode .admin-task-count{background-color:#ff6b6b}.admin-indicator-dot{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.7;transform:translateY(-50%) scale(1.1)}to{opacity:1;transform:translateY(-50%) scale(1)}}:root.dark-mode .admin-indicator-dot{background-color:#ff6b6b}.footer{background-color:#fff;padding:2rem 0 1rem;text-align:center;width:100%;border-top:1px solid #dee2e6;font-weight:700;margin-top:auto;flex-shrink:0;position:relative;z-index:1}.footer-content{max-width:1200px;margin:0 auto;padding:0 1rem}.footer p{color:#6c757d;font-size:.9rem}.footer .seo-content{margin-bottom:2rem;background:rgba(0,0,0,.02);border-radius:8px;border:1px solid #e9ecef}.footer .seo-h1{font-size:2rem;color:#343a40;text-shadow:none}.footer .seo-description{color:#495057}.footer .feature-item h3{color:#343a40}.footer .feature-item p{color:#6c757d}.footer .seo-popular h2{color:#343a40}.footer .seo-popular p{color:#495057}:root.dark-mode .footer{background-color:#1a1a1a;border-top-color:#2d2d2d}:root.dark-mode .footer p{color:#a1a1a1}:root.dark-mode .footer .seo-content{background:hsla(0,0%,100%,.02);border-color:#2d2d2d}:root.dark-mode .footer .seo-h1{color:#fff}:root.dark-mode .footer .seo-description{color:#e0e0e0}:root.dark-mode .footer .feature-item h3{color:#fff}:root.dark-mode .footer .feature-item p{color:#ccc}:root.dark-mode .footer .seo-popular h2{color:#fff}:root.dark-mode .footer .seo-popular p{color:#e0e0e0}@media (max-width:768px){.footer{padding:1.5rem 0 1rem;margin-top:2rem}.footer .seo-h1{font-size:1.5rem}}.secondary-navbar{background-color:#f5f5f5;border-bottom:1px solid #e5e7eb;padding:.5rem 1rem;position:static;z-index:999;width:100%;margin:0;box-sizing:border-box}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;width:100%}.mobile-menu-container{display:contents}.menu-toggle{display:none}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:#000;text-decoration:none;font-size:15px;font-weight:600;padding:.4rem 0;transition:color .2s ease;white-space:nowrap}.nav-link:hover{color:#ff4545}.nav-link.active{color:#ff4545;font-weight:500}.theme-toggle{background-color:#1e293b;color:#fff;border:none;cursor:pointer;font-size:15px;padding:.4rem 1rem;border-radius:.375rem;font-weight:600;transition:background-color .2s ease;height:32px;display:flex;align-items:center;justify-content:center;gap:.4rem}.theme-toggle:hover{background-color:#334155}:root.dark-mode .secondary-navbar{background-color:#343434;border-bottom:1px solid #2d2d2d}:root.dark-mode .nav-link{color:#e5e7eb}:root.dark-mode .nav-link.active,:root.dark-mode .nav-link:hover{color:#ff4545}:root.dark-mode .theme-toggle{background-color:#e5e7eb;color:#1a1a1a}:root.dark-mode .theme-toggle:hover{background-color:#f3f4f6}@media (max-width:768px){.secondary-navbar{padding:.75rem 0;width:100%;background-color:#fff;display:flex;justify-content:center;box-sizing:border-box}.nav-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:none;padding:0 1rem}.mobile-menu-container{display:flex;position:relative;align-items:center}.menu-toggle{display:block;background:none;border:none;cursor:pointer;padding:.5rem;z-index:10;outline:none}.menu-icon{display:block;width:22px;height:2px;background-color:#000;position:relative;transition:background-color .2s ease}.menu-icon:after,.menu-icon:before{content:"";position:absolute;width:22px;height:2px;background-color:#000;transition:transform .3s ease}.menu-icon:before{top:-6px}.menu-icon:after{bottom:-6px}.menu-toggle.active .menu-icon{background-color:transparent}.menu-toggle.active .menu-icon:before{transform:rotate(45deg);top:0}.menu-toggle.active .menu-icon:after{transform:rotate(-45deg);bottom:0}.nav-links{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:.25rem;box-shadow:0 2px 10px rgba(0,0,0,.1);flex-direction:column;padding:.5rem;gap:0;width:auto;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;z-index:1000;display:flex}.nav-links.show{opacity:1;visibility:visible;transform:translateY(10px)}.nav-link{font-size:.8rem;padding:.6rem .5rem;display:block;width:100%;text-align:left;border-bottom:1px solid #f0f0f0}.nav-link:last-child{border-bottom:none}.button-group{gap:.25rem}.button-group .theme-toggle,.button-group .top-up-button,.button-group .user-balance{font-size:.8rem;padding:.4rem .8rem;margin:0;height:28px}:root.dark-mode .menu-icon,:root.dark-mode .menu-icon:after,:root.dark-mode .menu-icon:before{background-color:#e5e7eb}:root.dark-mode .nav-links{background-color:#1a1a1a;border-color:#2d2d2d}:root.dark-mode .nav-link{border-bottom-color:#2d2d2d}}@media (max-width:576px){.secondary-navbar{padding:.5rem 0;width:100%;box-sizing:border-box}.nav-container{width:100%;padding:0 .5rem}.button-group{gap:.25rem}.button-group .theme-toggle,.button-group .top-up-button,.button-group .user-balance{font-size:.75rem;padding:.35rem .6rem;margin:0;height:26px}}.button-group{gap:.5rem}.button-group,.top-up-button{display:flex;align-items:center}.top-up-button{background-color:#4caf50;color:#fff;border:none;cursor:pointer;font-size:15px;padding:.4rem 1rem;border-radius:.375rem;font-weight:600;transition:background-color .2s ease;text-decoration:none;height:32px;justify-content:center}.top-up-button:hover{background-color:#45a049}:root.dark-mode .top-up-button{background-color:#45a049;color:#fff}:root.dark-mode .top-up-button:hover{background-color:#3d8b40}.user-balance{display:flex;align-items:center;font-size:15px;font-weight:600;color:#333;padding:.4rem .5rem;background-color:#f5f5f5;border-radius:.375rem;border:1px solid #ddd;height:32px;box-sizing:border-box}.user-balance span{white-space:nowrap;line-height:1;display:flex;align-items:center}:root.dark-mode .user-balance{color:#e5e7eb;background-color:#2d2d2d;border-color:#444}