.period-trigger{gap:9px;text-align:left;min-height:39px}.period-trigger>span{display:block}.period-trigger b{font-size:11px;font-weight:550;display:block}.period-trigger small{display:block;font-size:9px;color:#8298b3;margin-top:3px;white-space:nowrap}.period-trigger>svg:last-child{margin-left:5px;color:#8fa8c6}.calendar-overlay{position:fixed;inset:0;z-index:45;background:#162c4b22;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.range-panel{position:fixed;width:420px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:20px;border:1px solid #ffffffed;border-radius:24px;background:linear-gradient(145deg,#fafdfff9,#f0f6fff5);box-shadow:inset 0 1px 1px #fff,0 25px 80px #213c6240;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);outline:none;color:#3a5477;animation:calendar-enter .18s ease-out;overscroll-behavior:contain;scrollbar-width:thin}.range-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.range-header .eyebrow{font-size:9px}.range-header h2{font-size:18px;margin-top:7px;letter-spacing:-.5px}.range-close{width:28px;height:28px;border-radius:50%;background:#d9e6f76b;color:#819ab9;font-size:23px;display:grid;place-items:center;line-height:1}.range-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:18px}.range-preset{min-height:38px;padding:10px 3px;border-radius:10px;background:#dfebf970;border:1px solid transparent;color:#6684a9;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px}.range-preset.wide{grid-column:span 2;min-height:58px;flex-direction:column;gap:5px;font-size:12px}.range-preset small{font-size:10px;opacity:.7}.range-preset:hover{background:#dcecff;filter:none}.range-preset.is-active{background:#d8eaff;color:#176ed0;border:1px solid #76b5ff;box-shadow:inset 0 0 0 1px #76b5ff40}.range-preset:focus-visible,.calendar-arrow:focus-visible,.range-day:focus-visible{outline:2px solid #2690ff;outline-offset:1px}.range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.range-inputs label{font-size:10px;margin-bottom:7px;color:#8a9eb9}.range-inputs .field{font-variant-numeric:tabular-nums;font-size:15px;letter-spacing:.2px;padding:11px 12px;width:100%;background:#ffffffce;border-color:#d2e1f4}.range-inputs .field.is-active{border-color:#72b1ff;box-shadow:0 0 0 2px #409cff16}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.calendar-toolbar>div{display:flex;align-items:center;gap:9px}.calendar-toolbar select{background:transparent;border:none;color:#46668e;font-weight:600;font-size:13px;border-radius:7px;padding:6px 1px;text-transform:capitalize;cursor:pointer}.calendar-toolbar select:focus-visible{outline:2px solid #72b1ff}.calendar-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#6086b6;background:#e1ecfa60}.calendar-arrow:hover{background:#deebff}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{margin-bottom:6px}.calendar-weekdays span{font-size:11px;color:#94a5ba;text-align:center;padding:6px 0}.range-day{height:36px;padding:0;font-size:13px;color:#547298;background:transparent;position:relative;border-radius:0;font-variant-numeric:tabular-nums;margin:2px 0;border:1px solid transparent}.range-day.other-month{color:#a8b6ca}.range-day:hover{background:#e4eefb;border-radius:9px;filter:none}.range-day.in-range,.range-day.range-preview{background:#dbebff;color:#3b75be}.range-day.range-start,.range-day.range-end{background:#4a97ed;color:white;font-weight:600;border:1px solid #81b9ff;box-shadow:inset 0 0 0 1px #ffffff47}.range-day.range-start{border-radius:10px 0 0 10px}.range-day.range-end{border-radius:0 10px 10px 0}.range-day.range-start.range-end{border-radius:10px}.range-day:nth-child(7n+1).in-range{border-top-left-radius:9px;border-bottom-left-radius:9px}.range-day:nth-child(7n).in-range{border-top-right-radius:9px;border-bottom-right-radius:9px}.range-day.is-today:not(.range-start):not(.range-end){text-decoration:underline;text-underline-offset:6px;text-decoration-color:#007aff;text-decoration-thickness:2px}.range-summary{font-size:10px;color:#819ab8;margin-top:9px;text-align:center;min-height:15px}.range-error{font-size:10px;color:#cc6e6e;line-height:1.6;min-height:10px;margin-top:3px;text-align:center}.range-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:14px;margin-top:8px;border-top:1px solid #d5e3f2}.range-footer>div{display:flex;gap:7px}.range-footer .btn{font-size:11px;padding:9px 12px}.range-footer .btn.ghost{padding-left:0}.range-footer .btn:disabled{opacity:.4;cursor:default}.range-footer .btn:disabled:hover{filter:none;transform:none}@keyframes calendar-enter{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
[data-theme=dark] .period-trigger small{color:#9db9db}[data-theme=dark] .calendar-overlay{background:#050d1d52}[data-theme=dark] .range-panel{background:linear-gradient(145deg,#293c54fa,#1d2d43f7);border-color:#aacbff2d;box-shadow:inset 0 1px 1px #cbe4ff16,0 25px 80px #0005;color:#c8ddf8}[data-theme=dark] .range-close{background:#b1ceff13;color:#aac7eb}[data-theme=dark] .range-preset{background:#a2c1ed0c;color:#bed2ec}[data-theme=dark] .range-preset:hover{background:#b0d0ff1a}[data-theme=dark] .range-preset.is-active{background:#418cf340;color:#e1efff;border-color:#91b9ff;box-shadow:inset 0 0 0 1px #91b9ff40}[data-theme=dark] .range-inputs label{color:#93adcf}[data-theme=dark] .range-inputs .field{background:#15263b;border-color:#a4c6f92d;color:#e1edff}[data-theme=dark] .range-inputs .field.is-active{border-color:#80b5ff;box-shadow:0 0 0 2px #409cff16}[data-theme=dark] .calendar-toolbar select{color:#d7e8ff}[data-theme=dark] .calendar-toolbar option{background:#203249;color:#d7e8ff}[data-theme=dark] .calendar-arrow{background:#abcaff0b;color:#afccef}[data-theme=dark] .calendar-arrow:hover{background:#b6d2ff1c}[data-theme=dark] .calendar-weekdays span{color:#8fa7c8}[data-theme=dark] .range-day{color:#d0e1f9}[data-theme=dark] .range-day.other-month{color:#657f9f}[data-theme=dark] .range-day:hover{background:#86baff1c}[data-theme=dark] .range-day.in-range,[data-theme=dark] .range-day.range-preview{background:#4e82c742;color:#d2e5ff}[data-theme=dark] .range-day.range-start,[data-theme=dark] .range-day.range-end{background:#3e75c9;color:#fff;border-color:#96bbff;box-shadow:inset 0 0 0 1px #96bbff60}[data-theme=dark] .range-summary{color:#a5bddc}[data-theme=dark] .range-error{color:#f6a5a5}[data-theme=dark] .range-footer{border-color:#a3c5f21c}
@media(max-width:600px){.range-panel{padding:18px;width:390px;border-radius:22px}.range-header{margin-bottom:14px}.range-inputs .field{font-size:16px;padding:10px}.range-inputs label{font-size:9px}.range-preset{font-size:11px}.range-preset.wide{font-size:11px;min-height:55px}.range-preset small{font-size:9px}.range-day{height:35px}.range-footer .btn{font-size:10px}.period-trigger small{font-size:9px}.overview-head .actions .period-trigger{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.range-panel{animation:none}}@media(prefers-reduced-transparency:reduce){.calendar-overlay{backdrop-filter:none;background:#15263b70}.range-panel{backdrop-filter:none;background:#f5f9ff}[data-theme=dark] .range-panel{background:#22354c}}

.range-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.range-preset{min-height:48px;padding:9px 4px}.range-preset:last-child{flex-direction:column;gap:4px;font-size:11px}.range-preset:last-child svg{width:15px;height:15px}
