.dtp-host,.dtp-host *,.dtp-host *:before,.dtp-host *:after{box-sizing:border-box}.dtp-host{--dtp-card-bg: #ffffff;--dtp-text-main: #1f2430;--dtp-text-muted: #6e7688;--dtp-line: #dde2ed;--dtp-accent: #2f6fed;--dtp-accent-soft: #e9f0ff;--dtp-range-fill: #dff0e2;--dtp-danger: #d3455b;position:relative;display:inline-block;width:fit-content}input.dtp-managed-input{min-width:170px;height:40px;padding:0 11px;border:1px solid var(--dtp-line);border-radius:10px;background:#fff;color:inherit;font:inherit}input.dtp-value-input{display:none!important}input.dtp-managed-input:focus-visible{outline:2px solid #afc7ff;outline-offset:1px}input.dtp-managed-input[aria-invalid=true]{border-color:var(--dtp-danger);box-shadow:0 0 0 2px #d3455b2e}input.dtp-managed-input[aria-invalid=true]:focus-visible{outline-color:#d3455b59}input.dtp-managed-input::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}input.dtp-managed-input::-webkit-clear-button,input.dtp-managed-input::-webkit-inner-spin-button{display:none}.dtp-calendar-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;margin:0;border:none;border-radius:8px;background:transparent;color:var(--dtp-text-muted, #6e7688);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;z-index:1}.dtp-calendar-icon:hover{background:var(--dtp-accent-soft, #e9f0ff);color:var(--dtp-accent, #2f6fed)}.dtp-calendar-icon:active{background:var(--dtp-accent, #2f6fed);color:#fff}.dtp-calendar-icon:focus-visible{outline:2px solid #afc7ff;outline-offset:1px}input.dtp-managed-input{padding-right:48px!important}.dtp-wrapper{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:20;width:min(338px,calc(100vw - 24px));background:var(--dtp-card-bg);border:1px solid var(--dtp-line);border-radius:16px;box-shadow:0 24px 48px #14203e29;color:var(--dtp-text-main);font:inherit;padding:10px 10px 12px;transition:transform .2s ease,width .2s ease}.dtp-wrapper [hidden]{display:none!important}.dtp-wrapper.dtp-mobile-modal{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:min(380px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px - var(--dtp-safe-area-top) - var(--dtp-safe-area-bottom));overflow:hidden;margin:0}.dtp-wrapper.dtp-mobile-modal .dtp-date{display:flex;flex-direction:column;max-height:calc(100dvh - 40px - var(--dtp-safe-area-top) - var(--dtp-safe-area-bottom));min-height:0}.dtp-wrapper.dtp-mobile-modal .dtp-picker-section{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.dtp-wrapper.dtp-mobile-modal .dtp-bottom-part{position:sticky;bottom:0;z-index:1;padding-top:8px;background:var(--dtp-card-bg)}@media(max-width:400px){.dtp-wrapper.dtp-mobile-modal{width:calc(100vw - 16px)!important;padding:8px 6px 10px!important;border-radius:12px!important}.dtp-wrapper.dtp-mobile-modal .dtp-calender table{font-size:13px}.dtp-wrapper.dtp-mobile-modal .dtp-month-item,.dtp-wrapper.dtp-mobile-modal .dtp-year-item{padding:6px 4px!important;font-size:13px}}@media(max-width:600px){.dtp-wrapper.dtp-mobile-modal{max-width:calc(100vw - 24px)!important}}.dtp-date{display:grid;gap:10px}.dtp-month-and-year-header{display:flex;justify-content:center;gap:6px}.dtp-month-and-year-header .month,.dtp-month-and-year-header .year{appearance:none;border:0;background:transparent;color:var(--dtp-text-main);cursor:pointer;font:inherit;text-decoration:none;font-weight:700;border-radius:8px;padding:4px 6px}.dtp-month-and-year-header .month:hover,.dtp-month-and-year-header .year:hover{background:#f2f5fb}.dtp-month-and-year-header .month:focus-visible,.dtp-month-and-year-header .year:focus-visible{background:#f2f5fb;outline:2px solid var(--dtp-accent);outline-offset:2px}.dtp-select-pane{display:flex;justify-content:center;align-items:center;min-height:22px}.dtp-time{color:var(--dtp-text-muted);font-size:13px;font-weight:700;letter-spacing:.3px}.dtp-month-switcher{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:8px;align-items:center}.dtp-selected-date{text-align:center;color:var(--dtp-text-main);font-weight:700;font-size:13px;min-height:20px;display:flex;align-items:center;justify-content:center;padding:0 4px}.dtp-icon{width:30px;height:30px;border:1px solid var(--dtp-line);border-radius:9px;background:#fff;color:var(--dtp-text-main);cursor:pointer;padding:0}.dtp-icon:hover{border-color:#b8c5df;background:#f7f9fd}.dtp-calender table{width:100%;border-collapse:separate;border-spacing:2px;table-layout:fixed}.dtp-month-picker-section,.dtp-year-picker-section{padding:4px 0 2px}.dtp-month-picker-grid,.dtp-year-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dtp-month-item,.dtp-year-item{border:1px solid var(--dtp-line);border-radius:10px;background:#fff;color:var(--dtp-text-main);min-height:34px;padding:6px 8px;font-size:13px;font-weight:700;cursor:pointer}.dtp-month-item:hover,.dtp-year-item:hover{border-color:#b8c5df;background:#f7f9fd}.dtp-month-item.active,.dtp-year-item.active{border-color:var(--dtp-accent);background:var(--dtp-accent-soft);color:var(--dtp-accent)}.dtp-year-picker-nav{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:8px;align-items:center;margin-bottom:8px}.dtp-year-range{text-align:center;font-size:13px;font-weight:700;color:var(--dtp-text-muted)}.dtp-calender thead th{color:var(--dtp-text-muted);font-weight:700;font-size:12px;text-align:center;padding:5px 0 6px}.dtp-calender tbody td{height:34px;text-align:center;border-radius:8px;font-weight:600;color:var(--dtp-text-main);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .14s ease,color .14s ease}.dtp-calender tbody td.current:hover{background:#eff4ff}.dtp-calender tbody td.disable{color:#c3cada;cursor:not-allowed}.dtp-calender tbody td.disabled{color:#d1d5db;background-color:#f9fafb;cursor:not-allowed;opacity:.6}.dtp-calender tbody td.disabled:hover{background-color:#f9fafb}.dtp-calender tbody td.today{color:var(--dtp-accent);background:var(--dtp-accent-soft)}.dtp-calender tbody td.active{background:var(--dtp-range-fill)}.dtp-calender tbody td.dtp-focused{outline:2px solid var(--dtp-accent);outline-offset:-2px;position:relative;z-index:1}.dtp-calender tbody td.dtp-focused:not(.active){background:#f0f5ff}.dtp-time-section{display:flex;justify-content:center}.dtp-wrapper.dtp-no-time .dtp-time-section,.dtp-wrapper.dtp-no-time .dtp-time,.dtp-wrapper.dtp-no-time .dtp-select-pane:not(.dtp-month-switcher){display:none!important}.dtp-time-section{flex-direction:column;align-items:center;gap:10px}.dtp-time-entry{position:relative;width:190px}.dtp-wrapper .dtp-time-entry .dtp-time-manual-input{width:100%;height:40px;padding:0 44px 0 11px;border:1px solid var(--dtp-line);border-radius:10px;background:#fff;color:var(--dtp-text-main);font:inherit;font-weight:700}.dtp-wrapper .dtp-time-entry .dtp-time-manual-input:focus-visible{outline:2px solid #afc7ff;outline-offset:1px}.dtp-wrapper .dtp-time-entry .dtp-time-manual-input[aria-invalid=true]{border-color:var(--dtp-danger);box-shadow:0 0 0 2px #d3455b2e}.dtp-time-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;margin:0;border:none;border-radius:8px;background:transparent;color:var(--dtp-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.dtp-time-toggle:hover,.dtp-time-toggle:focus-visible{background:var(--dtp-accent-soft);color:var(--dtp-accent);outline:none}.dtp-wrapper.dtp-time-direct .dtp-time-entry{display:none}.dtp-time-grid{display:grid;grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr);gap:8px;align-items:stretch;width:190px}.dtp-time-grid[hidden]{display:none!important}.dtp-time-column{display:grid;gap:4px;max-height:184px;overflow-y:auto;overscroll-behavior:contain;padding:4px;border:1px solid var(--dtp-line);border-radius:10px;background:#f8fafd;scrollbar-width:thin}.dtp-time-separator{display:flex;align-items:center;color:var(--dtp-text-muted);font-weight:800}.dtp-time-option{height:32px;min-width:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--dtp-text-main);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.dtp-time-option:hover,.dtp-time-option:focus-visible{background:var(--dtp-accent-soft);outline:none}.dtp-time-option.active{background:var(--dtp-accent);color:#fff}.dtp-bottom-part{display:flex;justify-content:flex-end;gap:8px}.dtp-btn{border:1px solid var(--dtp-line);border-radius:10px;background:#fff;color:var(--dtp-text-main);height:34px;min-width:76px;padding:0 13px;font-size:13px;font-weight:700;cursor:pointer}.dtp-btn:hover{border-color:#b7c5df}.dtp-ok-btn{background:var(--dtp-accent);border-color:var(--dtp-accent);color:#fff}.dtp-ok-btn:hover{background:#265ed1;border-color:#265ed1}.dtp-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:19;opacity:0;transition:opacity .2s ease;pointer-events:none}.dtp-backdrop.dtp-backdrop--visible{display:block;opacity:1;pointer-events:auto}.dtp-wrapper{--dtp-safe-area-top: env(safe-area-inset-top, 0px);--dtp-safe-area-bottom: env(safe-area-inset-bottom, 0px);--dtp-safe-area-left: env(safe-area-inset-left, 0px);--dtp-safe-area-right: env(safe-area-inset-right, 0px)}@media(max-width:768px){.dtp-wrapper.dtp-mobile-modal{border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:20}.dtp-calender tbody td{height:44px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.dtp-month-item,.dtp-year-item{min-height:44px;touch-action:manipulation}.dtp-icon{width:36px;height:36px;touch-action:manipulation}.dtp-month-switcher,.dtp-year-picker-nav{grid-template-columns:36px minmax(0,1fr) 36px}.dtp-btn{height:40px;min-width:84px;touch-action:manipulation}.dtp-time-option{height:40px;touch-action:manipulation}.dtp-wrapper.dtp-mobile-modal .dtp-date{padding-top:calc(0px + var(--dtp-safe-area-top));padding-bottom:calc(0px + var(--dtp-safe-area-bottom))}.dtp-calender{touch-action:pan-y}}@media(max-width:768px)and (orientation:landscape){.dtp-wrapper.dtp-mobile-modal{max-height:calc(100vh - 16px);width:auto;max-width:480px}.dtp-calender tbody td{height:38px;min-height:38px}.dtp-month-item,.dtp-year-item{min-height:38px}}@media(max-width:360px){.dtp-calender tbody td{height:40px;min-height:40px;font-size:13px}.dtp-weekday{font-size:11px}.dtp-month-item,.dtp-year-item{padding:6px 4px;font-size:13px}.dtp-btn{font-size:12px;min-width:72px}}