.date-selector{position:relative;width:100%;min-width:0}.date-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#ffffffe6;backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000014,inset 0 1px 2px #fffc;border-radius:14px;border:1px solid rgba(255,255,255,.5);font-family:Cairo,sans-serif;font-size:15px;font-weight:500;color:#000;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}[dir=rtl] .date-trigger{text-align:right}.date-trigger:hover{background:#fff;box-shadow:0 4px 12px #0000001f,inset 0 1px 2px #fffc;transform:translateY(-1px)}.date-trigger:focus,.date-trigger.open{background:#fff;box-shadow:0 4px 16px #22a2ed40,0 0 0 3px #22a2ed26,inset 0 1px 2px #fffc;border-color:#22a2ed80;transform:translateY(-1px) scale(1.01)}.trigger-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.calendar-icon{color:#0009;flex-shrink:0}.trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.date-trigger:not(.has-value) .trigger-text{color:#00000080}.trigger-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.clear-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:#0000001a;border:none;border-radius:50%;color:#0009;cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:#0003;color:#000;transform:scale(1.1)}.chevron-icon{color:#0009;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.chevron-icon.rotate{transform:rotate(180deg)}.date-calendar-portal{position:fixed;z-index:999;background:#fffffffa;backdrop-filter:blur(20px);box-shadow:0 12px 40px #0003,0 6px 20px #0000001a,inset 0 1px 3px #ffffffe6;border-radius:16px;border:1px solid rgba(255,255,255,.6);padding:20px;animation:slideDown .25s cubic-bezier(.4,0,.2,1)}.date-calendar-portal.top{animation:slideUp .25s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08)}.month-name{font-family:Cairo,sans-serif;font-size:16px;font-weight:700;color:#000}.nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#0009;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:#22a2ed1a;color:#22a2ed}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.week-day{text-align:center;font-family:Cairo,sans-serif;font-size:12px;font-weight:600;color:#00000080;padding:8px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:10px;font-family:Cairo,sans-serif;font-size:14px;font-weight:500;color:#000;cursor:pointer;transition:all .2s ease;position:relative}.calendar-day.empty{cursor:default;pointer-events:none}.calendar-day:not(.empty):not(.disabled):hover{background:#22a2ed1a;transform:scale(1.05)}.calendar-day.today{font-weight:700;color:#22a2ed}.calendar-day.today:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#22a2ed}.calendar-day.selected{background:linear-gradient(135deg,#22a2ed,#1e90db);color:#fff;font-weight:700;box-shadow:0 2px 8px #22a2ed4d}.calendar-day.in-range{background:#22a2ed26;color:#000}.calendar-day.disabled{color:#0000004d;cursor:not-allowed;opacity:.5}.calendar-day.disabled:hover{transform:none;background:transparent}.calendar-footer{margin-top:16px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08);text-align:center}.selection-info{font-family:Cairo,sans-serif;font-size:13px;color:#0009;font-style:italic}@media(max-width:767px){.date-trigger{padding:12px 16px;font-size:14px}.date-calendar-portal{position:fixed!important;left:16px!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;min-width:0!important;max-width:calc(100vw - 32px)}.calendar-grid{gap:2px}.calendar-day{font-size:13px}}