.dtp{--dtp-bg:#fff;--dtp-border:#e5e5ea;--dtp-text:#1c1c1e;--dtp-text2:#8e8e93;--dtp-accent:#007aff;--dtp-accent-text:#fff;--dtp-hover:rgba(0,0,0,0.04);--dtp-today:rgba(0,122,255,0.1);--dtp-disabled:#c7c7cc;--dtp-panel-bg:#fff;--dtp-panel-border:#e5e5ea;--dtp-panel-shadow:0 12px 40px rgba(0,0,0,0.15);--dtp-overlay-bg:rgba(0,0,0,0.4);--dtp-input-bg:#fff;--dtp-input-border:#d1d1d6;--dtp-radius:14px;--dtp-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.dtp,.dtp-overlay{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dtp-overlay{--dtp-bg:#fff;--dtp-border:#e5e5ea;--dtp-text:#1c1c1e;--dtp-text2:#8e8e93;--dtp-accent:#007aff;--dtp-accent-text:#fff;--dtp-hover:rgba(0,0,0,0.04);--dtp-today:rgba(0,122,255,0.1);--dtp-disabled:#c7c7cc;--dtp-panel-bg:#fff;--dtp-panel-border:#e5e5ea;--dtp-panel-shadow:0 12px 40px rgba(0,0,0,0.15);--dtp-overlay-bg:rgba(0,0,0,0.4);--dtp-radius:14px;--dtp-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.dtp-input-wrap{display:flex;align-items:center;gap:8px;padding:0 12px;height:36px;background:var(--dtp-input-bg);border:1px solid var(--dtp-input-border);border-radius:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s;font-family:var(--dtp-font);font-size:13px;color:var(--dtp-text);width:100%;box-sizing:border-box}.dtp-input-wrap:hover{border-color:var(--dtp-accent)}.dtp-input-wrap--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dtp--error .dtp-input-wrap,.dtp-input-wrap.dtp--error{border-color:#ff3b30}.dtp-input-icon{flex-shrink:0;color:var(--dtp-text2)}.dtp-input-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dtp-text)}.dtp-input-clear,.dtp-input-placeholder{color:var(--dtp-text2)}.dtp-input-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:var(--dtp-hover);border-radius:50%;cursor:pointer;padding:0;transition:background .15s}.dtp-input-clear:hover{background:rgba(0,0,0,.1)}.dtp-input-arrow{flex-shrink:0;color:var(--dtp-text2);transition:transform .2s}.dtp-overlay{position:fixed;inset:0;z-index:200025}.dtp-overlay--modal{z-index:200030;background:var(--dtp-overlay-bg);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dtp-panel{background:var(--dtp-panel-bg);border-radius:var(--dtp-radius);box-shadow:var(--dtp-panel-shadow);overflow:visible;font-family:var(--dtp-font);width:300px;-webkit-animation:dtpPanelIn .18s ease-out;animation:dtpPanelIn .18s ease-out;border:1px solid var(--dtp-panel-border);position:relative}.dtp-panel--modal{width:320px;max-width:95vw;-webkit-animation:dtpModalIn .2s ease-out;animation:dtpModalIn .2s ease-out}.dtp-panel:not(.dtp-panel--modal):after,.dtp-panel:not(.dtp-panel--modal):before{content:"";position:absolute;left:var(--dtp-arrow-left,50%);transform:translateX(-50%);pointer-events:none}.dtp-panel:not(.dtp-panel--modal):not(.dtp-panel--above):before{top:-7px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:7px solid var(--dtp-panel-border)}.dtp-panel:not(.dtp-panel--modal):not(.dtp-panel--above):after{top:-6px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:6px solid var(--dtp-panel-bg)}.dtp-panel--above:not(.dtp-panel--modal):before{bottom:-7px;top:auto;border-left:8px solid transparent;border-right:8px solid transparent;border-top:7px solid var(--dtp-panel-border)}.dtp-panel--above:not(.dtp-panel--modal):after{bottom:-6px;top:auto;border-left:7px solid transparent;border-right:7px solid transparent;border-top:6px solid var(--dtp-panel-bg)}@-webkit-keyframes dtpPanelIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dtpPanelIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dtp-panel--above:not(.dtp-panel--modal){-webkit-animation:dtpPanelInAbove .18s ease-out;animation:dtpPanelInAbove .18s ease-out}@-webkit-keyframes dtpPanelInAbove{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dtpPanelInAbove{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes dtpModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dtpModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dtp-header{justify-content:space-between;padding:12px 12px 8px}.dtp-header,.dtp-nav-btn{display:flex;align-items:center}.dtp-nav-btn{justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:8px;cursor:pointer;color:var(--dtp-text);transition:background .15s;padding:0}.dtp-nav-btn:hover{background:var(--dtp-hover)}.dtp-header-label{flex:1;text-align:center;border:none;background:none;font-size:15px;font-weight:600;color:var(--dtp-text);cursor:pointer;border-radius:8px;padding:6px 12px;transition:background .15s;font-family:var(--dtp-font)}.dtp-header-label:hover{background:var(--dtp-hover)}.dtp-calendar{padding:0 12px}.dtp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:4px}.dtp-weekdays span{font-size:11px;font-weight:600;color:var(--dtp-text2);padding:4px 0;text-transform:uppercase}.dtp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;justify-items:center}.dtp-day{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:50%;font-size:13px;font-weight:400;color:var(--dtp-text);cursor:pointer;transition:background .15s,color .15s;font-family:var(--dtp-font);padding:0}.dtp-day:hover:not(.dtp-day--disabled):not(.dtp-day--selected){background:var(--dtp-hover)}.dtp-day--other{color:var(--dtp-disabled)}.dtp-day--today:not(.dtp-day--selected){background:var(--dtp-today);color:var(--dtp-accent);font-weight:600}.dtp-day--selected{background:var(--dtp-accent);color:var(--dtp-accent-text);font-weight:600}.dtp-day--disabled{color:var(--dtp-disabled);cursor:not-allowed;opacity:.4}.dtp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 12px 12px}.dtp-grid-item{padding:10px 4px;border:none;background:none;border-radius:10px;font-size:13px;font-weight:500;color:var(--dtp-text);cursor:pointer;transition:background .15s,color .15s;font-family:var(--dtp-font);text-align:center}.dtp-grid-item:hover:not(.dtp-grid-item--selected){background:var(--dtp-hover)}.dtp-grid-item--current:not(.dtp-grid-item--selected){color:var(--dtp-accent);font-weight:600}.dtp-grid-item--selected{background:var(--dtp-accent);color:var(--dtp-accent-text);font-weight:600}.dtp-time{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border-top:1px solid var(--dtp-border)}.dtp-time-col{width:56px;height:120px;overflow-y:auto;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;border-radius:8px;background:var(--dtp-hover)}.dtp-time-col::-webkit-scrollbar{width:0;display:none}.dtp-time-spacer{height:42px;scroll-snap-align:none}.dtp-time-sep{font-size:18px;font-weight:700;color:var(--dtp-text);padding:0 2px;align-self:center}.dtp-time-item{width:100%;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:none;font-size:15px;font-weight:500;color:var(--dtp-text);cursor:pointer;scroll-snap-align:center;transition:background .15s,color .15s;font-family:var(--dtp-font);padding:0;border-radius:6px}.dtp-time-item:hover:not(.dtp-time-item--selected){background:rgba(0,0,0,.06)}.dtp-time-item--selected{background:var(--dtp-accent);color:var(--dtp-accent-text);font-weight:600}.dtp-time-item--disabled{color:var(--dtp-disabled);cursor:not-allowed;opacity:.35}.dtp-time-item--disabled:hover{background:none}.dtp-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 12px;border-top:1px solid var(--dtp-border)}.dtp-footer-right{display:flex;gap:8px}.dtp-footer-btn{border:none;background:none;font-size:13px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background .15s,opacity .15s;font-family:var(--dtp-font)}.dtp-footer-btn--today{color:var(--dtp-accent)}.dtp-footer-btn--today:hover{background:var(--dtp-today)}.dtp-footer-btn--cancel{color:var(--dtp-text2)}.dtp-footer-btn--cancel:hover{background:var(--dtp-hover)}.dtp-footer-btn--confirm{background:var(--dtp-accent);color:var(--dtp-accent-text);font-weight:600}.dtp-footer-btn--confirm:hover{opacity:.9}.dtp-footer-btn--confirm:disabled{opacity:.4;cursor:not-allowed}.dtp-fade-enter-active{transition:opacity .18s ease-out}.dtp-fade-leave-active{transition:opacity .12s ease-in}.dtp-fade-enter-from,.dtp-fade-leave-to{opacity:0}html.dark .dtp,html.dark .dtp-overlay{--dtp-bg:#15171c;--dtp-border:#26272f;--dtp-text:#f5f5f5;--dtp-text2:#8e8e93;--dtp-accent:#0b8e62;--dtp-accent-text:#fff;--dtp-hover:hsla(0,0%,100%,0.06);--dtp-today:rgba(11,142,98,0.15);--dtp-disabled:#48484a;--dtp-panel-bg:#1c1c1e;--dtp-panel-border:#38383a;--dtp-panel-shadow:0 12px 40px rgba(0,0,0,0.5);--dtp-overlay-bg:rgba(0,0,0,0.5);--dtp-input-bg:#15171c;--dtp-input-border:#26272f}html.dark .dtp-input-clear:hover{background:hsla(0,0%,100%,.12)}html.dark .dtp-time-item:hover:not(.dtp-time-item--selected){background:hsla(0,0%,100%,.08)}html.midnight .dtp,html.midnight .dtp-overlay{--dtp-bg:#1a1714;--dtp-border:#2c2823;--dtp-text:#eae6e1;--dtp-text2:#8e8e93;--dtp-accent:#d4915c;--dtp-accent-text:#fff;--dtp-hover:hsla(0,0%,100%,0.06);--dtp-today:rgba(212,145,92,0.15);--dtp-disabled:#504a43;--dtp-panel-bg:#211d19;--dtp-panel-border:#3d3832;--dtp-panel-shadow:0 12px 40px rgba(0,0,0,0.5);--dtp-overlay-bg:rgba(0,0,0,0.5);--dtp-input-bg:#1a1714;--dtp-input-border:#2c2823}html.midnight .dtp-input-clear:hover{background:hsla(0,0%,100%,.12)}html.midnight .dtp-time-item:hover:not(.dtp-time-item--selected){background:hsla(0,0%,100%,.08)}html.cream .dtp,html.cream .dtp-overlay{--dtp-bg:#fefcf8;--dtp-border:#e8e3da;--dtp-text:#3d3832;--dtp-text2:#a39b8f;--dtp-accent:#059669;--dtp-accent-text:#fff;--dtp-hover:rgba(5,150,105,0.06);--dtp-today:rgba(5,150,105,0.12);--dtp-disabled:#c4bcb0;--dtp-panel-bg:#f5f1ea;--dtp-panel-border:#ddd7cc;--dtp-panel-shadow:0 12px 40px rgba(76,70,60,0.15);--dtp-overlay-bg:rgba(0,0,0,0.18);--dtp-input-bg:#fefcf8;--dtp-input-border:#ddd7cc}