.timerange-container{display:flex;align-items:center;position:relative;z-index:1100}.timerange-container.timerange-right{margin-left:auto}.timerange-container .nav-link{display:flex;align-items:center;padding:6px 12px;color:var(--text-secondary);background-color:var(--nav-pill-bg);border:0;font-size:.875rem;border-radius:6px;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease,transform .3s ease}.timerange-container .nav-link:hover{background-color:var(--surface-active);color:var(--text-bright)}.timerange-container .nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(59,130,246,.15) 0,rgba(59,130,246,.1) 50%,rgba(59,130,246,.15) 100%);background-size:200% 100%;box-shadow:0 0 10px rgba(59,130,246,.2),0 0 20px rgba(59,130,246,.1),inset 0 0 15px var(--surface-03);backdrop-filter:blur(2px);animation:timerange-gradient 3s linear infinite}.timerange-container .nav-link .me-2{width:16px;text-align:center;margin-right:6px!important}.timerange-container .nav-link .time-display{font-size:12px;opacity:.7;margin-left:8px}.timerange-container .nav-link[data-has-dropdown]::after{content:'';display:inline-block;margin-left:8px;width:6px;height:6px;border:2px solid currentColor;border-left:0;border-top:0;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}.timerange-container .nav-link[data-has-dropdown].active::after{transform:rotate(-135deg) translateY(-2px)}.timerange-dropdown{min-width:200px;max-height:400px;overflow-y:auto}.timerange-dropdown .nav-dropdown-item{padding:8px 16px;margin:0;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.2s;border-radius:0;color:var(--text-secondary);background:0 0}.timerange-dropdown .nav-dropdown-item i{opacity:.7;font-size:14px;width:16px;text-align:center}.timerange-dropdown .nav-dropdown-item:hover{background:var(--surface-03);color:var(--text-near-white)}.timerange-dropdown .nav-dropdown-item.active{background:var(--surface-03);color:var(--text-near-white)}.timerange-dropdown .nav-dropdown-item.active i,.timerange-dropdown .nav-dropdown-item:hover i{opacity:1}.timerange-dropdown .nav-dropdown-search{padding:8px;border-bottom:1px solid var(--border-light)}.timerange-dropdown .nav-dropdown-search input{width:100%;padding:6px 12px;border-radius:6px;background:var(--surface-03);border:1px solid var(--border-light);color:var(--text-primary);font-size:14px;transition:.2s;box-shadow:none}.timerange-dropdown .nav-dropdown-search input:focus{outline:0;background:var(--surface-03);border:1px solid var(--border-light);box-shadow:transparent 0 0 0 0}.calendar-container{padding:16px;border-top:1px solid var(--border-light);background:var(--page-bg-gradient)}.calendar-wrapper{display:flex;flex-direction:column;gap:16px}.calendar-header{display:flex;flex-direction:column;gap:12px}.calendar{display:flex;flex-direction:column;gap:8px}.calendar label{font-size:12px;color:var(--text-secondary-alt);font-weight:500}.calendar-input{background:var(--surface-03);border:1px solid var(--border-light);border-radius:6px;color:var(--text-bright);padding:8px 12px;font-size:14px;width:100%;transition:border-color .2s ease,background-color .2s ease,outline-color .2s ease,box-shadow .2s ease,opacity .2s ease,filter .2s ease}.calendar-input:hover{border-color:var(--border-heavy);background:var(--surface-active)}.calendar-input:focus{outline:0;border-color:var(--accent-blue-focus);background:var(--surface-active);box-shadow:0 0 0 2px rgba(130,177,255,.25)}.calendar-input::-webkit-calendar-picker-indicator{filter:invert(.8);opacity:.7;cursor:pointer;transition:opacity .2s ease,filter .2s ease}.calendar-input::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(.9)}.calendar-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.calendar-footer button{padding:6px 12px;font-size:13px;border-radius:6px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease,box-shadow .2s ease,transform .2s ease;background:var(--surface-03);border:1px solid var(--border-light)}.cancel-range{color:var(--text-high)}.cancel-range:hover{background:var(--surface-active);border-color:var(--border-heavy);color:var(--text-near-white)}.apply-range{background:rgba(130,177,255,.15);border:1px solid rgba(130,177,255,.3);color:var(--accent-blue)}.apply-range:hover{background:rgba(130,177,255,.25);border-color:rgba(130,177,255,.4);color:#a2c4ff}.apply-range:active,.cancel-range:active{transform:translateY(1px)}@keyframes timerange-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.timerange-dropdown{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.timerange-dropdown::-webkit-scrollbar{width:6px}.timerange-dropdown::-webkit-scrollbar-track{background:var(--scrollbar-track)}.timerange-dropdown::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:3px}