.calendar-container{background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;width:320px}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0}.calendar-title{font-weight:600;font-size:16px;color:#333}.calendar-nav-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.calendar-nav-button:hover{background-color:#f0f0f0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:8px}.day-name{height:32px;font-size:12px;color:#666;font-weight:500}.calendar-day,.day-name{display:flex;align-items:center;justify-content:center}.calendar-day{height:40px;width:40px;border-radius:50%;cursor:pointer;font-size:14px;color:#333;position:relative}.calendar-day:hover{background-color:#f0f9ff}.calendar-day.today{border:1px solid #0070f3}.calendar-day.selected{background-color:#0070f3;color:white;font-weight:600}.calendar-day.in-range{background-color:#e6f7ff}.calendar-day.disabled{color:#ccc;cursor:default}.calendar-day.disabled:hover{background-color:transparent}.empty-day{height:40px;width:40px}.selection-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-top:1px solid #f0f0f0}.selection-status{font-size:13px;color:#666}.clear-button{background:none;border:none;color:#0070f3;font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px}.clear-button:hover{background-color:#f0f9ff}.date-input-wrapper{position:relative;width:100%;height:100%}.date-input{width:100%;height:100%;padding:8px 12px 8px 40px;border:none;border-radius:0;background-color:white;color:#333;font-size:14px;cursor:pointer}.date-input::placeholder{color:#666;opacity:.8}.date-input:focus{outline:none}.date-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666}