.date-range-picker{position:relative;display:inline-block;width:280px}.date-range-trigger{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);font-size:var(--font-size-body);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);height:40px}.date-range-trigger:hover{border-color:var(--color-primary)}.date-range-picker.is-open .date-range-trigger{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.date-range-picker.is-disabled .date-range-trigger{background-color:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed;border-color:var(--color-border-light)}.date-range-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-range-value.placeholder{color:var(--color-text-muted)}.date-range-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);margin-left:var(--space-2);flex-shrink:0}.date-range-dropdown{background-color:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-4);min-width:320px}.date-range-picker-panel{display:flex;flex-direction:column;gap:var(--space-3)}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-1)}.month-year{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--color-bg-hover, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md);color:var(--color-text-primary, #374151);cursor:pointer;transition:all var(--transition-fast)}.nav-btn:hover{background-color:var(--color-primary-light, #e0e7ff);color:var(--color-primary, #4f46e5);border-color:var(--color-primary, #4f46e5)}.nav-btn-user-style{border:none;background:transparent;border-radius:4px;color:#666}.nav-btn-user-style:hover{background:#f5f5f5;color:#1890ff;border-color:transparent}.weekday-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light)}.weekday-cell{text-align:center;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--space-1)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-small);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;position:relative;transition:all var(--transition-fast)}.calendar-cell.empty{cursor:default}.calendar-cell:not(.empty):not(.disabled):hover{background-color:var(--color-primary-lighter)}.calendar-cell.disabled{color:var(--color-text-muted);cursor:not-allowed}.calendar-cell.selected{background-color:var(--color-primary);color:var(--color-text-inverse)}.calendar-cell.selected:hover{background-color:var(--color-primary-hover);color:var(--color-text-inverse)}.calendar-cell.selected:not(.empty):not(.disabled):hover{background-color:var(--color-primary-hover);color:var(--color-text-inverse)}.calendar-cell.in-range{background-color:var(--color-primary-lighter);color:var(--color-primary)}.calendar-cell.in-range:hover{background-color:var(--color-primary-light)}.calendar-cell.range-start{border-top-right-radius:0;border-bottom-right-radius:0}.calendar-cell.range-end{border-top-left-radius:0;border-bottom-left-radius:0}.calendar-cell.range-start.range-end{border-radius:var(--radius-md)}.date-number{z-index:1}.picker-footer{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);justify-content:flex-end}.shortcut-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-small);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.shortcut-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-primary-lighter)}