.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,.search-button{position:absolute;background:none;border:none;color:#666;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.clear-search{right:40px;font-size:1.2rem}.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}