.date-range-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-width:265px;text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums}
.date-range-trigger svg{flex-shrink:0;color:#7a879a}
.date-range-trigger:hover{border-color:#a8bce0}
.date-range-trigger:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.date-range-separator{color:#9aa6b6;margin:0 4px}
.date-range-dialog{position:fixed;margin:0;width:660px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:22px;border:1px solid #dfe6f0;border-radius:14px;background:#fff;color:#172033;box-shadow:0 18px 65px #172d4e26;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
.date-range-dialog::backdrop{background:#10244115}
.date-range-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.date-range-heading h2{font-size:16px;margin:0 0 6px;font-weight:650}
.date-range-heading p{font-size:12px;color:#7c899a;margin:0}
.date-range-dialog button{font:inherit;cursor:pointer}
.date-range-dialog button:disabled{cursor:not-allowed;opacity:.4}
.date-range-dialog button:focus-visible,.date-range-dialog select:focus-visible,.date-range-dialog input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.date-range-navigation{display:flex;gap:6px}
.date-range-navigation button{width:32px;height:32px;border:1px solid #e2e8f1;background:#fff;border-radius:7px;color:#5d6d82;font-size:23px;line-height:1}
.date-range-calendars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.date-range-month{min-width:0}
.date-range-month-title{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:14px;color:#34435a;font-size:14px;font-weight:600}
.date-range-month-title input,.date-range-month-title select{font:inherit;color:inherit;background:#fff;border:1px solid #e1e7ef;border-radius:6px;padding:6px 7px;height:33px}
.date-range-month-title input{width:71px;appearance:textfield;-moz-appearance:textfield;font-variant-numeric:tabular-nums}
.date-range-month-title input::-webkit-inner-spin-button,.date-range-month-title input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.date-range-month-title select{margin-left:5px}
.date-range-month table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed}
.date-range-month th{font-size:11px;color:#9aa5b3;font-weight:500;padding:0 0 10px;text-align:center}
.date-range-month td{text-align:center;padding:2px 0;border:0;height:38px}
.date-range-month td button{display:block;width:100%;height:34px;padding:0;background:transparent;color:#34435a;border:0;border-radius:6px;font-size:13px;font-variant-numeric:tabular-nums}
.date-range-month td button:hover{background:#e8f0ff;color:#245fe8}
.date-range-month td button[aria-current=date]{box-shadow:inset 0 0 0 1px #cedbf1}
.date-range-month td.range-inside{background:linear-gradient(transparent 2px,#edf3ff 2px,#edf3ff calc(100% - 2px),transparent calc(100% - 2px))}
.date-range-month td.range-inside button{color:#245fe8}
.date-range-month td.range-edge button{background:#2563eb;color:#fff;box-shadow:none}
.date-range-footer{border-top:1px solid #e8edf4;margin-top:14px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.date-range-selection{font-size:12px;color:#52627b;font-variant-numeric:tabular-nums}
.date-range-selection span{color:#a2adbc;margin:0 5px}
.date-range-actions{display:flex;gap:8px;margin-left:auto}
.date-range-actions button{padding:8px 13px;border:1px solid #dfe6ef;background:#fff;color:#52627b;border-radius:7px;font-size:12px}
.date-range-actions button[data-calendar-today]{border-color:transparent;color:#2563eb}
.date-range-actions button[data-calendar-apply]{background:#2563eb;border-color:#2563eb;color:#fff}
@media(max-width:620px){.date-range-dialog{width:345px;padding:18px}.date-range-calendars{grid-template-columns:minmax(0,1fr)}.date-range-trigger{min-width:0;max-width:100%;font-size:13px;gap:12px}.date-range-heading p{font-size:11px}.date-range-footer{gap:12px}.date-range-selection{width:100%}.date-range-actions{width:100%;justify-content:flex-end}.date-range-month td{height:40px}}