:root{--navbar-height:64px;--navbar-bg:#1a1f2e;--navbar-bg-scrolled:rgba(26, 31, 46, 0.95);--navbar-text:#8b9dc3;--navbar-text-hover:#c5d4f0;--navbar-text-active:#ffffff;--navbar-border-radius:8px;--navbar-transition:all 0.25s ease;--navbar-shadow:0 2px 12px rgba(0, 0, 0, 0.15);--navbar-item-bg-hover:rgba(255, 255, 255, 0.06);--navbar-item-bg-active:#3a7bd5;--navbar-item-active-gradient:linear-gradient(135deg, #3a7bd5, #24a9d5);--navbar-badge-bg:#e63946;--navbar-status-online:#38b000;--navbar-status-offline:#6c757d;--navbar-primary-rgb:58,123,213;--navbar-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--navbar-font-size-sm:13px;--navbar-font-size-base:14px;--navbar-font-size-lg:15px}#navbar-container{position:fixed;top:0;left:0;width:100%;z-index:1000;font-family:var(--navbar-font-family)}#navbar-container .navbar-main{background-color:var(--navbar-bg);box-shadow:var(--navbar-shadow);height:var(--navbar-height);padding:0 24px;transition:var(--navbar-transition)}#navbar-container .navbar-main.navbar-scrolled{height:calc(var(--navbar-height) - 8px);background-color:var(--navbar-bg-scrolled);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#navbar-container .navbar-container{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1400px;margin:0 auto}#navbar-container .navbar-brand{display:flex;align-items:center;text-decoration:none!important;flex-shrink:0;margin-right:32px;padding:0;color:inherit}#navbar-container .navbar-brand .brand-logo{height:32px;width:auto;transition:var(--navbar-transition)}#navbar-container .navbar-brand:hover .brand-logo{transform:scale(1.05)}#navbar-container .navbar-center{flex:1;display:flex;justify-content:center}#navbar-container .navbar-nav{display:flex!important;flex-direction:row!important;list-style:none;margin:0;padding:0;gap:4px;--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0}#navbar-container .navbar-nav-item{position:relative;display:flex;align-items:center;list-style:none}#navbar-container .navbar-nav-link{display:flex;align-items:center;gap:6px;padding:12px 16px;color:var(--navbar-text);text-decoration:none!important;font-size:var(--navbar-font-size-base);font-weight:500;letter-spacing:.2px;border-radius:var(--navbar-border-radius);transition:var(--navbar-transition);white-space:nowrap;background:0 0}#navbar-container .navbar-nav-link .nav-icon{font-size:16px;line-height:1}#navbar-container .navbar-nav-link .nav-text{line-height:1}#navbar-container .navbar-nav-link:hover{color:var(--navbar-text-hover);background-color:var(--navbar-item-bg-hover)}#navbar-container .navbar-nav-link.active{color:var(--navbar-text-active);background-color:rgba(58,123,213,.15)}#navbar-container .navbar-nav-link.active::after{content:'';position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:50%;height:3px;background:var(--navbar-item-active-gradient);border-radius:2px}#navbar-container .navbar-badge{position:absolute;top:2px;right:2px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1;color:#fff;border-radius:8px;text-transform:uppercase;box-shadow:0 2px 4px rgba(0,0,0,.2);animation:2s infinite navbar-badge-pulse}#navbar-container .navbar-badge-hot{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}#navbar-container .navbar-badge-new{background:linear-gradient(135deg,#1890ff,#096dd9)}@keyframes navbar-badge-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}#navbar-container .nav-fortune-entry{display:flex;align-items:center;gap:5px;padding:0 14px;margin-right:18px;background:linear-gradient(135deg,rgba(204,0,0,.15),rgba(139,105,20,.15));border:1px solid rgba(212,175,55,.35);border-radius:20px;color:#d4af37;text-decoration:none!important;font-size:13px;font-weight:600;white-space:nowrap;transition:var(--navbar-transition);flex-shrink:0;height:36px}#navbar-container .nav-fortune-entry:hover{background:linear-gradient(135deg,rgba(204,0,0,.25),rgba(139,105,20,.25));border-color:rgba(212,175,55,.6);color:#ffdd57;transform:translateY(-1px);box-shadow:0 2px 8px rgba(212,175,55,.2)}#navbar-container .nav-fortune-entry .fortune-icon{font-size:16px;line-height:1;animation:8s linear infinite fortune-spin}#navbar-container .nav-fortune-entry .fortune-text{line-height:1;letter-spacing:.5px}@keyframes fortune-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#navbar-container .nav-user-area{display:flex;align-items:center;gap:12px}#navbar-container .nav-user-notify{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--navbar-item-bg-hover);color:var(--navbar-text);cursor:pointer;transition:var(--navbar-transition)}#navbar-container .nav-user-notify:hover{background-color:var(--navbar-item-bg-active);color:var(--navbar-text-active)}#navbar-container .nav-user-notify i{font-size:16px}#navbar-container .nav-user-notify .badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background-color:var(--navbar-badge-bg);color:#fff;font-size:10px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--navbar-bg)}#navbar-container .nav-user-avatar{position:relative;cursor:pointer}#navbar-container .user-display{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:var(--navbar-border-radius);transition:var(--navbar-transition)}#navbar-container .nav-user-avatar:hover .user-display{background-color:var(--navbar-item-bg-hover)}#navbar-container .avatar-wrapper{width:34px;height:34px;border-radius:50%;overflow:hidden;border:2px solid transparent;transition:var(--navbar-transition);position:relative;background-color:var(--navbar-item-bg-hover)}#navbar-container .nav-user-avatar:hover .avatar-wrapper{border-color:var(--navbar-item-bg-active)}#navbar-container .avatar-wrapper img{width:100%;height:100%;object-fit:cover}#navbar-container .status-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--navbar-bg)}#navbar-container .status-indicator.online{background-color:var(--navbar-status-online)}#navbar-container .status-indicator.offline{background-color:var(--navbar-status-offline)}#navbar-container .username-display{color:var(--navbar-text-active);font-size:var(--navbar-font-size-sm);font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#navbar-container .dropdown-arrow{font-size:12px;color:var(--navbar-text);transition:var(--navbar-transition)}#navbar-container .nav-user-avatar:hover .dropdown-arrow{color:var(--navbar-text-active)}#navbar-container .dropdown-menu,#navbar-container .navbar-dropdown{display:block;position:absolute;right:0;top:calc(100% + 8px);background-color:var(--navbar-bg);border-radius:var(--navbar-border-radius);box-shadow:0 8px 30px rgba(0,0,0,.25);min-width:160px;padding:8px 0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:1001;border:1px solid rgba(255,255,255,.08);--bs-dropdown-bg:var(--navbar-bg);--bs-dropdown-border-color:rgba(255, 255, 255, 0.08);--bs-dropdown-link-color:var(--navbar-text);--bs-dropdown-link-hover-color:var(--navbar-text-active);--bs-dropdown-link-hover-bg:var(--navbar-item-bg-hover)}#navbar-container .dropdown-menu.show,#navbar-container .navbar-dropdown.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}#navbar-container .dropdown-header,#navbar-container .navbar-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:var(--navbar-text-active);font-size:var(--navbar-font-size-sm);font-weight:600;border-bottom:1px solid rgba(255,255,255,.08)}#navbar-container .dropdown-header .ignore-all{font-size:12px;color:#ff5a5a;text-decoration:none;display:flex;align-items:center;gap:4px;transition:var(--navbar-transition)}#navbar-container .dropdown-header .ignore-all:hover{color:#ff7070}#navbar-container .dropdown-item,#navbar-container .navbar-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--navbar-text);font-size:var(--navbar-font-size-sm);text-decoration:none;transition:var(--navbar-transition);background:0 0}#navbar-container .dropdown-item:hover,#navbar-container .navbar-dropdown-item:hover{background-color:var(--navbar-item-bg-hover);color:var(--navbar-text-active)}#navbar-container .dropdown-item:active,#navbar-container .navbar-dropdown-item:active{background-color:var(--navbar-item-bg-hover)}#navbar-container .dropdown-item i,#navbar-container .navbar-dropdown-item i{font-size:15px;width:18px;text-align:center}#navbar-container .dropdown-divider,#navbar-container .navbar-dropdown-divider{height:1px;background:rgba(255,255,255,.08);margin:6px 0;border:none}#navbar-container .user-menu{min-width:150px}#navbar-container .menu-section{padding:4px 0}#navbar-container .logout-btn{color:#ff5a5a!important}#navbar-container .logout-btn:hover{background-color:rgba(255,90,90,.1)!important}#navbar-container .logout-btn i{color:#ff5a5a}#navbar-container .notification-dropdown,#navbar-container .todo-dropdown{width:380px;max-width:90vw;padding:0}#navbar-container .todo-list{max-height:320px;overflow-y:auto;scrollbar-width:none}#navbar-container .todo-list::-webkit-scrollbar{display:none}#navbar-container .todo-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:var(--navbar-transition)}#navbar-container .todo-item:hover{background-color:var(--navbar-item-bg-hover)}#navbar-container .todo-item:last-child{border-bottom:none}#navbar-container .todo-icon{width:32px;height:32px;border-radius:50%;background-color:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}#navbar-container .todo-icon i{font-size:14px;color:var(--navbar-item-bg-active)}#navbar-container .todo-content{flex:1;min-width:0}#navbar-container .todo-title{font-size:var(--navbar-font-size-sm);font-weight:500;color:var(--navbar-text-active);margin-bottom:4px;display:flex;align-items:center;gap:8px}#navbar-container .todo-description{font-size:12px;color:var(--navbar-text);line-height:1.4;margin-bottom:6px}#navbar-container .todo-meta{display:flex;justify-content:space-between;align-items:center}#navbar-container .todo-deadline{font-size:11px;color:var(--navbar-text);display:flex;align-items:center;gap:4px}#navbar-container .todo-deadline.urgent{color:#e74c3c}#navbar-container .todo-deadline.soon{color:#f39c12}#navbar-container .todo-actions{display:flex;gap:8px;opacity:0;transition:var(--navbar-transition)}#navbar-container .todo-item:hover .todo-actions{opacity:1}#navbar-container .todo-action-btn{background:0 0;border:none;padding:4px;color:var(--navbar-text);cursor:pointer;border-radius:4px;transition:var(--navbar-transition)}#navbar-container .todo-action-btn:hover{background-color:rgba(255,255,255,.1)}#navbar-container .todo-complete-btn:hover{color:#2ecc71}#navbar-container .todo-ignore-btn:hover{color:#e74c3c}#navbar-container .todo-tag{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background-color:rgba(58,123,213,.2);color:var(--navbar-item-bg-active)}#navbar-container .todo-tag.tag-team{background-color:rgba(52,152,219,.2);color:#3498db}#navbar-container .todo-tag.tag-points{background-color:rgba(241,196,15,.2);color:#f1c40f}#navbar-container .todo-tag.tag-system{background-color:rgba(155,89,182,.2);color:#9b59b6}#navbar-container .todo-tag.tag-event{background-color:rgba(230,126,34,.2);color:#e67e22}#navbar-container .todo-tag.tag-message{background-color:rgba(26,188,156,.2);color:#1abc9c}#navbar-container .todo-tag.tag-task{background-color:rgba(39,174,96,.2);color:#27ae60}#navbar-container .todo-empty,#navbar-container .todo-loading{padding:40px 20px;text-align:center;color:var(--navbar-text);font-size:var(--navbar-font-size-sm)}#navbar-container .todo-loading .spin{display:inline-block;animation:1s linear infinite navbar-spin}@keyframes navbar-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}#navbar-container .todo-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);text-align:center}#navbar-container .todo-footer .view-all-link{display:inline-flex;align-items:center;gap:6px;color:var(--navbar-item-bg-active);font-size:var(--navbar-font-size-sm);text-decoration:none;padding:6px 14px;border-radius:6px;background:rgba(58,123,213,.1);transition:var(--navbar-transition)}#navbar-container .todo-footer .view-all-link:hover{background:rgba(58,123,213,.2)}#navbar-container .todo-item.completing{animation:.3s forwards navbar-todo-complete}#navbar-container .todo-item.ignoring{animation:.3s forwards navbar-todo-ignore}@keyframes navbar-todo-complete{to{transform:translateX(100%);opacity:0}}@keyframes navbar-todo-ignore{to{transform:translateX(-100%);opacity:0}}#navbar-container .todo-item.priority-high .todo-icon i{color:#e74c3c}#navbar-container .todo-item.priority-medium .todo-icon i{color:#f39c12}#navbar-container .todo-item.priority-low .todo-icon i{color:#3498db}#navbar-container .nav-guest-buttons{display:flex;gap:10px}#navbar-container .navbar-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;font-size:var(--navbar-font-size-sm);font-weight:500;border-radius:var(--navbar-border-radius);text-decoration:none;transition:var(--navbar-transition)}#navbar-container .navbar-btn.btn-outline{border:1px solid var(--navbar-item-bg-active);color:var(--navbar-item-bg-active);background:0 0}#navbar-container .navbar-btn.btn-outline:hover{background:rgba(58,123,213,.1)}#navbar-container .navbar-btn.btn-primary{background:var(--navbar-item-active-gradient);color:#fff;border:none}#navbar-container .navbar-btn.btn-primary:hover{opacity:.9;transform:translateY(-1px)}#navbar-container .more-menu-container{position:relative}#navbar-container .more-menu-dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;min-width:160px}#navbar-container .more-menu-container.active .more-menu-dropdown{display:block}#navbar-container .hidden,#navbar-container .navbar-hidden{display:none!important}#navbar-container .spin{animation:1s linear infinite navbar-spin;display:inline-block}#navbar-container .nav-invite-btn{background:linear-gradient(135deg,rgba(255,193,7,.2) 0,rgba(255,152,0,.15) 100%);border:1px solid rgba(255,193,7,.3);position:relative;overflow:hidden}#navbar-container .nav-invite-btn::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,193,7,.1),transparent);transform:rotate(45deg);animation:3s ease-in-out infinite invite-btn-shine}@keyframes invite-btn-shine{0%,100%{transform:translateX(-100%) rotate(45deg)}50%{transform:translateX(100%) rotate(45deg)}}#navbar-container .nav-invite-btn:hover{background:linear-gradient(135deg,rgba(255,193,7,.35) 0,rgba(255,152,0,.25) 100%);border-color:rgba(255,193,7,.5);transform:scale(1.05)}#navbar-container .nav-invite-btn i{color:#ffc107;position:relative;z-index:1}#navbar-container .nav-invite-btn:hover i{color:#ffca28;filter:drop-shadow(0 0 4px rgba(255, 193, 7, .5))}