:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #fafafa;--text-primary: #000000d9;--text-secondary: #00000073;--text-tertiary: #00000045;--border-color: #d9d9d9;--border-hover: #40a9ff;--primary-color: #1890ff;--primary-hover: #40a9ff;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s,color .3s}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}React DatePicker Chakra UI Integration Styles .date-picker-wrapper{width:100%}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker__input-container input{width:100%;min-width:var(--chakra-sizes-10);outline:0;position:relative;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;text-align:start;border-radius:var(--chakra-radii-l2);height:var(--chakra-sizes-10);font-size:var(--chakra-font-sizes-sm);line-height:1.25rem;padding-inline:var(--chakra-spacing-3);background:var(--chakra-colors-transparent);border-width:1px;border-color:var(--chakra-colors-border);color:var(--chakra-colors-fg);font-family:var(--chakra-fonts-body);transition:all .2s}.react-datepicker__input-container input::placeholder{color:var(--chakra-colors-fg-muted);opacity:.6;font-size:var(--chakra-font-sizes-sm);font-family:var(--chakra-fonts-body)}.react-datepicker__input-container input:hover{border-color:var(--chakra-colors-border-emphasized)}.react-datepicker__input-container input:focus{outline:none;border-color:var(--chakra-colors-color-palette-focus-ring);box-shadow:0 0 0 1px var(--chakra-colors-color-palette-focus-ring)}.react-datepicker{font-family:var(--chakra-fonts-body);border:1px solid var(--chakra-colors-border);border-radius:var(--chakra-radii-md);background-color:var(--chakra-colors-bg);box-shadow:var(--chakra-shadows-lg)}.react-datepicker__header{background-color:var(--chakra-colors-bg-subtle);border-bottom:1px solid var(--chakra-colors-border);border-top-left-radius:var(--chakra-radii-md);border-top-right-radius:var(--chakra-radii-md)}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:var(--chakra-colors-fg);font-weight:600}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:var(--chakra-colors-fg)}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:var(--chakra-colors-bg-muted);border-radius:var(--chakra-radii-sm)}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{background-color:var(--chakra-colors-blue-500);color:#fff;border-radius:var(--chakra-radii-sm)}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:var(--chakra-colors-blue-100);color:var(--chakra-colors-blue-700);border-radius:var(--chakra-radii-sm)}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:var(--chakra-colors-fg-muted);cursor:not-allowed}.react-datepicker__time-container{border-left:1px solid var(--chakra-colors-border)}.react-datepicker__time-list-item:hover{background-color:var(--chakra-colors-bg-muted)}.react-datepicker__time-list-item--selected{background-color:var(--chakra-colors-blue-500)!important;color:#fff!important;font-weight:600}.rbc-calendar{font-family:var(--chakra-fonts-body);color:var(--chakra-colors-fg)}.rbc-header{padding:10px 3px;font-weight:600;background-color:var(--chakra-colors-bg-subtle);border-bottom:1px solid var(--chakra-colors-border)}.rbc-today{background-color:var(--chakra-colors-blue-50)}.rbc-off-range-bg{background-color:var(--chakra-colors-bg-muted)}.rbc-event{padding:2px 5px;border-radius:4px;font-size:.875rem}.rbc-selected-cell{background-color:var(--chakra-colors-blue-100)}.rbc-toolbar button{padding:.5rem 1rem;border:1px solid var(--chakra-colors-border);border-radius:var(--chakra-radii-md);background-color:var(--chakra-colors-bg);color:var(--chakra-colors-fg);font-size:.875rem;cursor:pointer;transition:all .2s}.rbc-toolbar button:hover{background-color:var(--chakra-colors-bg-muted);border-color:var(--chakra-colors-border-emphasized)}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-color:var(--chakra-colors-blue-500);color:#fff;border-color:var(--chakra-colors-blue-500)}.rbc-month-view,.rbc-time-view{border:1px solid var(--chakra-colors-border);border-radius:var(--chakra-radii-md);overflow:hidden}.rbc-day-bg,.rbc-month-row{border-color:var(--chakra-colors-border)}