.date-time-picker{align-content:start;gap:8px;min-width:0;display:grid}.dtp-label{color:var(--text);font-size:12px;font-weight:500}.dtp-trigger{border:1px solid var(--control-border);width:100%;min-width:0;min-height:48px;color:var(--muted);background:var(--surface);font:400 11px/1.9 var(--font-sans);text-align:start;cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:9px 12px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.dtp-trigger.has-value{color:var(--text)}.dtp-trigger:hover:not(:disabled),.dtp-trigger[aria-expanded=true]{border-color:var(--primary);background:var(--surface-muted)}.dtp-trigger:focus-visible{border-color:var(--control-focus-border);box-shadow:var(--control-focus-shadow);outline:0}.dtp-trigger[aria-invalid=true]{border-color:var(--danger)}.dtp-trigger-icon{color:var(--primary);display:flex}.dtp-trigger-icon .iconsax-icon{width:20px;height:20px}.dtp-trigger-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dtp-chevron{width:16px;height:16px;transition:transform .24s}.dtp-trigger[aria-expanded=true] .dtp-chevron{transform:rotate(180deg)}.dtp-help{min-width:0;color:var(--muted);font:400 10px/1.8 var(--font-sans)}.dtp-help:empty{display:none}.dtp-help.is-error{color:var(--danger)}.dtp-dialog{border:1px solid var(--border);width:min(440px,100vw - 40px);max-width:none;max-height:min(90dvh,820px);color:var(--text);background:var(--surface);box-shadow:0 28px 90px color-mix(in srgb, var(--text) 20%, transparent);font-family:var(--font-sans);border-radius:26px;margin:auto;padding:0;overflow:hidden}.dtp-dialog[open]{flex-direction:column;display:flex}.dtp-header{background:var(--surface);flex:none;align-items:center;gap:12px;padding:22px 22px 18px;display:flex}.dtp-header>div{flex:1;min-width:0}.dtp-header h2{font:700 21px/1.6 var(--font-heading,var(--font-sans));overflow-wrap:anywhere}.dtp-header p{color:var(--muted);margin-block-start:4px;font-size:10px;line-height:1.9}.dtp-header-icon{border:1px solid color-mix(in srgb, var(--primary) 12%, var(--border));width:44px;height:44px;color:var(--primary);background:var(--primary-light);border-radius:15px;flex:none;place-items:center;display:grid}.dtp-header-icon .iconsax-icon{width:24px;height:24px}.dtp-icon-button{width:42px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex:none;place-items:center;padding:0;transition:color .18s,background .18s;display:grid}.dtp-icon-button .iconsax-icon{width:19px;height:19px}.dtp-icon-button:hover:not(:disabled){color:var(--primary);background:var(--primary-light)}.dtp-selection{border:1px solid color-mix(in srgb, var(--primary) 14%, var(--border));background:linear-gradient(120deg, var(--primary-light), var(--surface));border-radius:17px;flex:none;gap:6px;margin-inline:22px;padding:14px 16px;display:grid}.dtp-selection>span{color:var(--muted);font-size:9px}.dtp-selection strong{min-height:26px;color:var(--primary);font:700 19px/1.6 var(--font-heading,var(--font-sans))}.dtp-tabs{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;flex:none;gap:6px;margin:14px 22px 0;padding:5px;display:flex}.dtp-tabs button{min-height:40px;color:var(--muted);font:500 11px/1.8 var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;transition:color .2s,background .2s,box-shadow .2s;display:flex}.dtp-tabs .is-active{color:var(--primary);background:var(--surface);box-shadow:0 2px 9px color-mix(in srgb, var(--text) 6%, transparent)}.dtp-tabs .iconsax-icon{width:18px;height:18px}.dtp-body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:18px 22px;overflow-y:auto}.dtp-calendar-toolbar{grid-template-columns:42px minmax(0,1.25fr) minmax(0,1fr) 42px;align-items:center;gap:6px;margin-block-end:12px;display:grid}.dtp-calendar-toolbar .base-select-trigger{border-color:var(--border);background:var(--surface-soft);min-height:44px;font-size:12px}.dtp-previous .iconsax-icon{transform:rotate(180deg)}.dtp-grid{border-collapse:separate;border-spacing:3px;table-layout:fixed;width:100%;min-width:0;animation:.2s both dtp-month-next}.dtp-grid--previous{animation-name:dtp-month-previous}.dtp-grid tr>th{height:28px;color:var(--muted);text-align:center;background:0 0;padding:0;font-size:10px;font-weight:400}.dtp-grid tr>td{text-align:center;border:0;height:auto;padding:0}.dtp-grid td button{width:100%;min-height:42px;color:var(--text);font:500 13px/1 var(--font-sans);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;padding:4px;transition:color .16s,background .16s,border-color .16s,transform .16s;display:grid;position:relative}.dtp-grid .is-outside{color:var(--muted)}.dtp-grid td button[aria-disabled=true]{color:var(--muted);opacity:.38;cursor:not-allowed;text-decoration:line-through}.dtp-grid .is-today{border-color:color-mix(in srgb, var(--primary) 30%, var(--border));color:var(--primary);background:var(--surface-muted)}.dtp-grid td button.is-selected{border-color:var(--primary);color:var(--surface);background:var(--primary);box-shadow:0 4px 12px color-mix(in srgb, var(--primary) 20%, transparent)}.dtp-grid td button:focus-visible{outline:2px solid var(--control-focus-border);outline-offset:1px}.dtp-grid td button:hover:not([aria-disabled=true]):not(.is-selected){color:var(--primary);background:var(--primary-light)}.dtp-today-dot{background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;inset-block-end:4px}.dtp-keyboard-hint{color:var(--muted);text-align:center;margin-block-start:10px;font-size:9px;line-height:1.8}.dtp-shortcuts{border-block-start:1px solid var(--border);justify-content:space-between;gap:12px;margin-block-start:12px;padding-block-start:12px;display:flex}.dtp-shortcuts button{min-height:40px;color:var(--primary);background:var(--primary-light);font:500 10px/1.8 var(--font-sans);cursor:pointer;border:0;border-radius:11px;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.dtp-shortcuts button+button{color:var(--muted);background:var(--surface-soft)}.dtp-shortcuts .iconsax-icon{width:17px;height:17px}.dtp-range{color:var(--muted);gap:7px;margin-block-start:12px;font-size:10px;line-height:1.9;display:flex}.dtp-range .iconsax-icon{width:17px;height:17px}.dtp-validation{color:var(--text-secondary);margin-block-start:10px;font-size:10px;line-height:1.9}.dtp-footer{border-block-start:1px solid var(--border);background:var(--surface);flex:none;gap:10px;padding:16px 22px;display:flex}.dtp-footer .base-button{min-height:46px}.dtp-footer .base-button:last-child{flex:1}.dtp-footer .iconsax-icon{width:18px;height:18px}.dtp-trigger:disabled,.dtp-dialog button:disabled{cursor:not-allowed;opacity:.45}.dtp-time{text-align:center;animation:.2s both dtp-month-next}.dtp-clock-mark{width:50px;height:50px;color:var(--primary);background:var(--primary-light);border-radius:18px;place-items:center;margin:0 auto 10px;display:grid}.dtp-clock-mark .iconsax-icon{width:28px;height:28px}.dtp-time h3{font-size:21px}.dtp-time>p{color:var(--muted);margin-block-start:5px;font-size:10px}.dtp-time-controls{justify-content:center;align-items:center;gap:14px;margin-block:20px 14px;display:flex}.dtp-time-unit{justify-items:center;gap:4px;display:grid}.dtp-time-unit input{border:1px solid var(--control-border);width:94px;min-width:0;height:70px;color:var(--primary);background:var(--primary-light);font:700 34px/1 var(--font-heading,var(--font-sans));text-align:center;border-radius:18px}.dtp-time-unit input:focus-visible{border-color:var(--control-focus-border);box-shadow:var(--control-focus-shadow);outline:0}.dtp-time-unit button{width:94px;min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;transition:color .18s,background .18s;display:grid}.dtp-time-unit button:hover{color:var(--primary);background:var(--surface-soft)}.dtp-time-unit .iconsax-icon{width:19px;height:19px}.dtp-time-unit label{color:var(--muted);font-size:11px}.dtp-time-colon{color:var(--primary);margin-block-end:23px;font-size:28px}.dtp-minute-shortcuts{justify-content:center;gap:8px;display:flex}.dtp-minute-shortcuts button{border:1px solid var(--border);min-width:46px;min-height:40px;color:var(--muted);background:var(--surface);font:400 12px/1 var(--font-sans);cursor:pointer;border-radius:11px}.dtp-minute-shortcuts button[aria-pressed=true]{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.dtp-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes dtp-month-next{0%{opacity:.3;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}@keyframes dtp-month-previous{0%{opacity:.3;transform:translate(5px)}to{opacity:1;transform:translate(0)}}@media (width<=1024px){.dtp-dialog{border-end-end-radius:0;border-end-start-radius:0;width:min(100%,480px);max-height:92dvh;margin:auto auto 0;inset:0;transform:translateY(100%)}.dtp-dialog.is-visible{transform:translateY(var(--sheet-drag-y,0px))}.dtp-dialog.is-dragging{transition:none}.dtp-dialog:before{content:"";background:color-mix(in srgb, var(--muted) 36%, transparent);border-radius:999px;flex:none;width:44px;height:4px;margin:10px auto 0;display:block}.dtp-header{padding-block-start:28px}.dtp-footer{padding-block-end:max(16px, env(safe-area-inset-bottom))}}@media (width<=480px){.dtp-dialog{width:100%}.dtp-header{padding-inline:16px}.dtp-header h2{font-size:20px}.dtp-selection,.dtp-tabs{margin-inline:16px}.dtp-body{padding:14px 16px}.dtp-calendar-toolbar{grid-template-columns:36px minmax(0,1.25fr) minmax(0,1fr) 36px;gap:4px}.dtp-calendar-toolbar .dtp-icon-button{width:36px}.dtp-calendar-toolbar .base-select-trigger{gap:6px;padding-inline:8px}.dtp-grid{border-spacing:2px}.dtp-grid td button{min-height:40px}.dtp-keyboard-hint{display:none}.dtp-footer{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.date-time-picker *,.dtp-dialog,.dtp-dialog *,.dtp-dialog::backdrop{scroll-behavior:auto!important;transition:none!important;animation:none!important}}