.date-select-display{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background-color:#fff;color:#374151;transition:border-color .2s ease,box-shadow .2s ease}.date-select-display:hover{border-color:#9ca3af}.date-select-display--open{border-color:#f5d000;box-shadow:0 0 0 2px rgba(245,208,0,.1)}.date-select-display__text{flex:1 1;font-size:.875rem;color:#374151}.date-select-display__text--placeholder{color:#9ca3af}.date-select-display__icon{display:flex;align-items:center;color:#6b7280;margin-left:.5rem}.date-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:var(--z-dropdown);background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);margin-top:.25rem;padding:.75rem;min-width:280px}.date-select-quick-options{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.date-select-quick-option{display:inline-block;padding:.375rem .75rem;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease}.date-select-quick-option:hover{background-color:#f5d000;border-color:#f5d000;color:#000}.date-select-selectors{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.date-select-month,.date-select-year{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;font-size:.875rem;color:#374151;cursor:pointer}.date-select-month:focus,.date-select-year:focus{outline:none;border-color:#f5d000;box-shadow:0 0 0 2px rgba(245,208,0,.1)}.date-select-wrapper{display:flex;flex-direction:column;width:100%;position:relative}.date-select-wrapper--full-width{width:100%}.date-select-label{font-size:.875rem;font-weight:500;color:var(--text-primary,#3f4853);margin-bottom:.25rem}.date-select-label__required{color:var(--error-color,#dc3545);margin-left:.25rem}.date-select-container{position:relative;display:flex;align-items:center}.date-select{width:100%;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;background-color:#fff;color:var(--text-primary,#3f4853);font-size:1rem;transition:all .2s ease;outline:none}.date-select:focus{border-color:var(--primary-color,#f5d000);box-shadow:0 0 0 2px rgba(245,208,0,.2)}.date-select:disabled{background-color:var(--background-disabled,#f5f5f5);color:var(--text-disabled,#9e9e9e);cursor:not-allowed}.date-select-wrapper--sm .date-select{padding:.375rem .75rem;font-size:.875rem;min-height:2rem}.date-select-wrapper--md .date-select{padding:.5rem .75rem;font-size:1rem;min-height:2.5rem}.date-select-wrapper--lg .date-select{padding:.75rem 1rem;font-size:1.125rem;min-height:3rem}.date-select-wrapper--outlined .date-select{border:1px solid var(--border-color,#e0e0e0);background-color:#fff}.date-select-wrapper--filled .date-select{border:none;border-bottom:2px solid var(--border-color,#e0e0e0);background-color:var(--background-subtle,#f8f9fa);border-radius:8px 8px 0 0}.date-select-wrapper--standard .date-select{border:none;border-bottom:1px solid var(--border-color,#e0e0e0);background-color:transparent;border-radius:0;padding-left:0;padding-right:0}.date-select-wrapper--disabled .date-select,.date-select-wrapper--disabled .date-select-display{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.date-select-wrapper--disabled .date-select-display:hover{border-color:#d1d5db}.date-select-wrapper--error .date-select{border-color:var(--error-color,#dc3545)}.date-select-wrapper--error .date-select:focus{border-color:var(--error-color,#dc3545);box-shadow:0 0 0 2px rgba(220,53,69,.2)}.date-select-helper{font-size:.75rem;margin-top:.25rem}.date-select-helper__error{color:var(--error-color,#dc3545)}.date-select-helper__text{color:var(--text-secondary,#6c757d)}@media (max-width:768px){.date-select-wrapper--sm .date-select{padding:.375rem .5rem;font-size:.8125rem}.date-select-wrapper--md .date-select{padding:.4375rem .625rem;font-size:.875rem}.date-select-wrapper--lg .date-select{padding:.5625rem .75rem;font-size:.9375rem}.date-select-dropdown{min-width:260px;padding:.5rem}.date-select-selectors{gap:.375rem}.date-select-month,.date-select-year{padding:.375rem;font-size:.8125rem}}@media (max-width:480px){.date-select-dropdown{min-width:240px;padding:.375rem}.date-select-selectors{grid-template-columns:1fr;gap:.25rem}.date-select-quick-option{padding:.25rem .5rem;font-size:.8125rem}}.date-select-wrapper input[type=hidden]{display:none}