:root{--dp-primary:#f7e48c;--dp-primary-dark:#172b42;--dp-border:#ddd;--dp-border-light:#eee;--dp-text:#333;--dp-text-light:#666;--dp-text-lighter:#888;--dp-text-disabled:#ccc;--dp-bg-disabled:#f9f9f9;--dp-shadow:0 12px 28px rgba(0,0,0,.15)}.hybrid-datepicker-wrapper{align-items:center;display:inline-flex;position:relative;width:200px}.hybrid-datepicker-wrapper input{background-color:#fff;border:1px solid var(--dp-border);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--dp-primary-dark);font-family:Noto Sans,sans-serif;font-size:.95rem;padding:.5rem 2.5rem .5rem .75rem;transition:all .2s ease;width:100%}.hybrid-datepicker-wrapper input:focus{border-color:var(--dp-primary);box-shadow:0 0 0 2px hsla(49,87%,76%,.2);outline:none}.hybrid-datepicker-wrapper input:disabled{background-color:#f5f5f5;color:#a0aec0;cursor:not-allowed}.hybrid-datepicker-icon{background:none;border:none;border-radius:4px;color:var(--dp-text-light);cursor:pointer;font-size:1.1rem;padding:6px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:10}.hybrid-datepicker-icon:hover{background-color:hsla(49,87%,76%,.3);color:var(--dp-primary-dark);transform:translateY(-50%) scale(1.1)}.hybrid-datepicker-icon:active{transform:translateY(-50%) scale(.95)}.hybrid-datepicker-popup{animation:popupFadeIn .2s ease-out;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.15);min-width:300px;padding:1.25rem;position:absolute;z-index:1300}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hybrid-datepicker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding:0 .5rem}.hybrid-datepicker-month-year{color:var(--dp-primary-dark);font-family:Noto Sans,sans-serif;font-size:1.1rem;font-weight:600;min-width:140px;text-align:center}.hybrid-datepicker-nav{align-items:center;background:none;border:1px solid var(--dp-border);border-radius:6px;color:var(--dp-text-light);cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.hybrid-datepicker-nav:hover{background-color:var(--dp-primary);border-color:var(--dp-primary);color:var(--dp-primary-dark);transform:scale(1.05)}.hybrid-datepicker-nav:active{transform:scale(.95)}.hybrid-datepicker-grid{display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}.hybrid-datepicker-day-header{border-bottom:1px solid var(--dp-border-light);color:var(--dp-text-lighter);font-family:Noto Sans,sans-serif;font-size:.75rem;font-weight:600;margin-bottom:.5rem;padding:.75rem 0;text-align:center;text-transform:uppercase}.hybrid-datepicker-day{align-items:center;background:none;border:1px solid transparent;border-radius:6px;color:var(--dp-text);cursor:pointer;display:flex;font-family:Noto Sans,sans-serif;font-size:.9rem;font-weight:500;height:38px;justify-content:center;position:relative;transition:all .2s ease;width:38px}.hybrid-datepicker-day:hover{background-color:hsla(49,87%,76%,.4);border-color:var(--dp-primary);transform:scale(1.05)}.hybrid-datepicker-day:active{transform:scale(.95)}.hybrid-datepicker-day-other{color:var(--dp-text-disabled)}.hybrid-datepicker-day-other:hover{background-color:hsla(49,87%,76%,.2);color:var(--dp-text-light)}.hybrid-datepicker-today{background-color:rgba(23,43,66,.1);border-color:var(--dp-primary-dark);color:var(--dp-primary-dark);font-weight:700}.hybrid-datepicker-today:hover{background-color:rgba(23,43,66,.2);border-color:var(--dp-primary-dark)}.hybrid-datepicker-selected{background-color:#f7e48c!important;border-color:var(--dp-primary-dark);box-shadow:0 2px 8px hsla(49,87%,76%,.4);color:var(--dp-primary-dark);font-weight:700}.hybrid-datepicker-selected:hover{background-color:#f7e48c;border-color:var(--dp-primary-dark);transform:scale(1.05)}.hybrid-datepicker-day-disabled,.hybrid-datepicker-day-future{cursor:not-allowed!important}.hybrid-datepicker-day-disabled{background-color:var(--dp-bg-disabled)!important;border-color:var(--dp-border-light)!important;color:var(--dp-text-disabled)!important}.hybrid-datepicker-day-future{background-color:transparent!important;border-color:transparent!important;color:var(--dp-text)!important}.hybrid-datepicker-day-disabled:hover,.hybrid-datepicker-day-future:hover{background-color:var(--dp-bg-disabled)!important;transform:none!important}.hybrid-datepicker-day-future:hover{background-color:transparent!important;border-color:transparent!important}.hybrid-datepicker-day:nth-child(7n),.hybrid-datepicker-day:nth-child(7n+1){color:var(--dp-text-light)}.hybrid-datepicker-day:focus,.hybrid-datepicker-nav:focus{outline:2px solid var(--dp-primary);outline-offset:2px}#asOfDateWrapper,#sinceDateWrapper{margin-left:86px}.hybrid-datepicker-month-year{align-items:center;display:flex;gap:8px}.hybrid-datepicker-month-btn,.hybrid-datepicker-year-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.hybrid-datepicker-month-btn:hover,.hybrid-datepicker-year-btn:hover{background:#f5f5f5;border-color:#999}.hybrid-datepicker-dropdown-arrow{font-size:10px}.hybrid-datepicker-month-dropdown,.hybrid-datepicker-year-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:240px;min-width:80px;overflow-y:auto;position:absolute;z-index:1000}.hybrid-datepicker-dropdown-option{cursor:pointer;font-size:14px;padding:8px 16px;transition:background .15s}.hybrid-datepicker-dropdown-option:hover{background:#f0f0f0}.hybrid-datepicker-dropdown-option.selected{background:#f7e48c;font-weight:600;position:relative}.hybrid-datepicker-dropdown-option.selected:before{content:"✓";font-weight:700;left:4px;position:absolute}.hybrid-datepicker-month-dropdown::-webkit-scrollbar,.hybrid-datepicker-year-dropdown::-webkit-scrollbar{width:6px}.hybrid-datepicker-month-dropdown::-webkit-scrollbar-thumb,.hybrid-datepicker-year-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.hybrid-datepicker-dropdown-arrow{opacity:.6;transition:transform .2s ease;vertical-align:middle}.hybrid-datepicker-dropdown-arrow.flipped{transform:rotate(180deg)}