.dsdp-wrapper{position:relative;display:inline-block;width:100%}
.dsdp-wrapper::after{content:"📅";position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:16px;opacity:.6}
.dsdp-overlay{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:99998;backdrop-filter:blur(2px);animation:dsdpFadeIn .15s ease}
.dsdp-calendar{position:fixed;z-index:99999;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.18),0 4px 16px rgba(0,0,0,.1);width:320px;overflow:hidden;animation:dsdpSlideIn .2s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.dsdp-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;background:var(--dsdp-color,#2c7be5);color:#fff}
.dsdp-header-title{font-size:16px;font-weight:600;cursor:pointer;user-select:none;padding:4px 8px;border-radius:6px;transition:background .15s}
.dsdp-header-title:hover{background:rgba(255,255,255,.15)}
.dsdp-nav-btn{background:rgba(255,255,255,.15);border:none;color:#fff;width:34px;height:34px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .15s;line-height:1}
.dsdp-nav-btn:hover{background:rgba(255,255,255,.3)}
.dsdp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:12px 16px 6px;gap:2px}
.dsdp-weekday{text-align:center;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;padding:4px 0}
.dsdp-days{display:grid;grid-template-columns:repeat(7,1fr);padding:4px 16px 16px;gap:2px}
.dsdp-day{text-align:center;padding:8px 4px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:#334155;transition:background .12s,color .12s;user-select:none;line-height:1;position:relative}
.dsdp-day:hover:not(.dsdp-day--empty):not(.dsdp-day--disabled):not(.dsdp-day--selected){background:#f1f5f9;color:var(--dsdp-color,#2c7be5)}
.dsdp-day--selected{background:var(--dsdp-color,#2c7be5);color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(44,123,229,.35)}
.dsdp-day--today:not(.dsdp-day--selected){color:var(--dsdp-color,#2c7be5);font-weight:700}
.dsdp-day--today:not(.dsdp-day--selected)::after{content:"";position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--dsdp-color,#2c7be5)}
.dsdp-day--disabled{color:#cbd5e1;cursor:not-allowed}
.dsdp-day--empty{cursor:default}
.dsdp-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:16px;max-height:240px;overflow-y:auto}
.dsdp-year-item{text-align:center;padding:10px 4px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:#334155;transition:background .12s}
.dsdp-year-item:hover:not(.dsdp-year-item--selected){background:#f1f5f9}
.dsdp-year-item--selected{background:var(--dsdp-color,#2c7be5);color:#fff;font-weight:700}
.dsdp-footer{border-top:1px solid #f1f5f9;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}
.dsdp-btn-today{background:none;border:1px solid var(--dsdp-color,#2c7be5);color:var(--dsdp-color,#2c7be5);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:background .15s,color .15s}
.dsdp-btn-today:hover{background:var(--dsdp-color,#2c7be5);color:#fff}
.dsdp-btn-clear{background:none;border:none;color:#94a3b8;font-size:12px;cursor:pointer;padding:6px;border-radius:6px;transition:color .15s}
.dsdp-btn-clear:hover{color:#ef4444}
@keyframes dsdpFadeIn{from{opacity:0}to{opacity:1}}
@keyframes dsdpSlideIn{from{opacity:0;transform:scale(.92) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:480px){.dsdp-calendar{width:calc(100vw - 32px);left:16px!important;right:16px!important}}