.nav-bar-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;position:fixed;top:0;left:0;right:0;background-color:var(--navbar-bg);border-bottom:1px solid var(--navbar-border);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;z-index:1000;margin:0;height:64px;transition:background-color .3s ease,border-color .3s ease}#nvbar-margin-bottom{display:block;background-color:red;margin-top:70px}#user-task-bar,.left-section{display:flex;align-items:center;gap:16px}#nav-bar-logo{cursor:pointer;width:40px;height:auto;object-fit:contain;transition:transform .2s}#nav-bar-logo:hover{transform:scale(1.05)}.search-container{position:relative;width:60vw;max-width:500px}#search-box{border:none;border-radius:24px;outline:none;font-size:14px;padding:12px 16px;width:100%;color:var(--navbar-search-text);transition:all .2s ease;background-color:var(--navbar-search-bg)}#search-box:focus,#search-box:hover{background-color:var(--navbar-search-bg-hover)}.nav-bar-container .nav-bar-link{color:var(--navbar-text);transition:all .2s ease;padding:12px 16px;text-decoration:none;font-size:15px;font-weight:500;border-radius:24px;position:relative}.nav-bar-container .nav-bar-link:hover{background-color:var(--navbar-search-bg-hover);color:var(--navbar-text-hover)}.nav-bar-container .nav-bar-link.active{color:var(--navbar-text-active);font-weight:600;background-color:transparent}.nav-bar-action-icon{opacity:var(--navbar-icon-opacity);margin-bottom:-2px;transition:opacity .2s ease;width:22px;cursor:pointer}.nav-bar-action-icon:hover{opacity:1}#add-url-nav-bar-button{background-color:var(--navbar-button-bg);border:1px solid var(--navbar-button-border);border-radius:24px;padding:9px 18px;font-size:15px;font-weight:600;cursor:pointer;color:var(--navbar-button-text);transition:all .2s ease}#add-url-nav-bar-button:hover{background-color:var(--navbar-button-hover)}.nav-bar-profile-photo{width:36px;height:36px;object-fit:cover;border-radius:50%;border:none;transition:all .2s ease}.nav-bar-profile-photo:hover{opacity:.8}.search-results-container{position:absolute;top:100%;left:0;width:100%;max-height:400px;overflow-y:auto;background-color:var(--navbar-results-bg);border-radius:16px;box-shadow:var(--navbar-results-shadow);z-index:1000;margin-top:10px;padding:10px 0;transition:background-color .3s ease,box-shadow .3s ease}.search-results-section{padding:0 0 10px}.search-results-section h3{font-size:14px;color:var(--navbar-results-section);margin:10px 15px;padding-bottom:8px;border-bottom:1px solid var(--navbar-results-border);transition:color .3s ease,border-color .3s ease}.search-result-item{display:flex;align-items:center;padding:10px 15px;text-decoration:none;color:inherit;transition:background-color .2s}.search-result-item:hover{background-color:var(--navbar-results-hover)}.search-result-avatar{border-radius:50%}.search-result-avatar,.search-result-cover{width:40px;height:40px;object-fit:cover;margin-right:12px;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.search-result-cover{border-radius:6px}.search-result-cover-placeholder{width:40px;height:40px;border-radius:6px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:white;font-size:18px;flex-shrink:0;background-color:#4a69bd}.search-result-info{display:flex;flex-direction:column;overflow:hidden;flex-grow:1}.search-result-name{font-weight:600;font-size:14px;margin-bottom:2px;color:var(--navbar-results-text)}.search-result-description,.search-result-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.search-result-description{font-size:13px;color:var(--navbar-results-desc)}.search-loading{display:flex;justify-content:center;padding:20px 0;color:var(--navbar-loading-text);transition:color .3s ease}.no-results{padding:15px;text-align:center;color:var(--navbar-no-results);font-size:14px;transition:color .3s ease}.notification-badge{display:inline-flex;padding:0 5px;margin-left:5px}.mobile-notification-badge,.notification-badge{align-items:center;justify-content:center;background-color:#e60023;color:white;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:10px}.mobile-notification-badge{position:absolute;top:-5px;right:-5px;display:flex;padding:0 4px}@media screen and (max-width:768px){body{padding-bottom:60px}.nav-bar-container{padding:0 15px;height:60px}.left-section{flex:1 1}.mobile-search-inline{flex:1 1;margin-left:10px;position:relative}.mobile-search-inline input{width:100%;padding:10px 16px;border:none;border-radius:24px;font-size:14px;background-color:var(--navbar-search-bg);color:var(--navbar-search-text);transition:background-color .3s ease,color .3s ease}.mobile-actions{display:flex;align-items:center;gap:10px;margin-left:10px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background-color:var(--navbar-bg);border-top:1px solid var(--navbar-mobile-border);z-index:1000;justify-content:space-between;padding:6px 10px;height:60px;transition:background-color .3s ease,border-color .3s ease}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--navbar-mobile-inactive);text-decoration:none;flex:1 1;transition:color .2s ease}.mobile-nav-item.active{color:var(--navbar-mobile-active)}.mobile-nav-icon{position:relative;display:flex;align-items:center;justify-content:center;height:24px;margin-bottom:3px}.mobile-nav-label{font-size:11px;line-height:1;text-align:center}.search-results-wrapper{position:fixed;top:60px;left:0;right:0;bottom:60px;background-color:var(--navbar-mobile-overlay);z-index:1000;display:flex;flex-direction:column;transition:background-color .3s ease}.mobile-search-inline .search-results-container{margin:0;position:static;flex:1 1;overflow-y:auto;box-shadow:none;border-radius:0;border-top:1px solid var(--navbar-results-border);transition:border-color .3s ease}}.mobile-search-inline.has-active-search input:not(:focus),.search-container.has-active-search #search-box:not(:focus){background:linear-gradient(135deg,rgba(147,197,253,.15),rgba(147,197,253,.08))!important;border:1px solid rgba(147,197,253,.3)!important;color:#60a5fa!important;font-weight:500!important}.mobile-search-inline.has-active-search input[readonly]:not(:focus),.search-container.has-active-search #search-box[readonly]:not(:focus){cursor:pointer}.mobile-search-inline.has-active-search input:focus,.search-container.has-active-search #search-box:focus{background:var(--navbar-search-bg-hover)!important;border:none!important;color:var(--navbar-search-text)!important;font-weight:400!important;font-style:normal!important}