.dtp-root{--bg:#12141a;--panel:#161b26;--muted:#7a8599;--text:#eef2f8;--primary:#5aa2ff;--ring:rgba(90,162,255,.6);--grad-a:#6ae1c3;--grad-b:#6aa7ff;background:var(--panel);color:var(--text);border-radius:18px;padding:14px;width:100%;max-width:420px;margin:0 auto;box-shadow:0 10px 30px rgba(0,0,0,.35);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dtp-header{display:flex;gap:8px;align-items:center;margin-bottom:12px}.dtp-select{background:#0f1320;color:var(--text);border:1px solid #23283a;padding:8px 10px;border-radius:10px;outline:none}.dtp-select:focus{box-shadow:0 0 0 3px var(--ring)}.dtp-nav{margin-left:auto;display:flex;gap:6px}.dtp-btn,.dtp-btn-primary,.dtp-btn-secondary{border:1px solid #273043;background:#0d1220;color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer}.dtp-btn-secondary:hover,.dtp-btn:hover{background:#131a2c}.dtp-btn-primary{border:none;background:linear-gradient(90deg,var(--grad-a),var(--grad-b));color:#0b1020;font-weight:700}.dtp-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dtp-dow{text-align:center;color:var(--muted);font-weight:600;padding:6px 0}.dtp-day{height:38px;border-radius:10px;border:1px solid #20263a;background:#0b1020;color:var(--text);display:grid;place-items:center}.dtp-day:hover{background:#141a2b}.dtp-day:active,.dtp-day:hover{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:#0b1020;border-color:transparent}.dtp-day--outside{color:#5a647a;opacity:.7}.dtp-day--disabled{opacity:.35;cursor:not-allowed}.dtp-day--selected{font-weight:800}.dtp-day--selected,.dtp-day--selected:active,.dtp-day--selected:hover{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:#0b1020;border-color:transparent}.dtp-day:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.dtp-time{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:nowrap}.dtp-time-field{display:grid;grid-gap:6px;gap:6px}.dtp-time-field>span{color:var(--muted);font-size:12px}.dtp-actions{margin-left:auto;display:flex;gap:8px}.dtp-footer{margin-top:12px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}@media (max-width:420px){.dtp-root{padding:12px}.dtp-select{padding:7px 9px}.dtp-day{height:36px}}