.vn-date-field{position:relative;width:100%;isolation:isolate}.vn-date-field-open{z-index:80}.vn-date-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}.vn-date-display{padding-right:3.5rem!important;cursor:pointer}.vn-date-field-open .vn-date-display{border-color:#1d3c6a!important;box-shadow:0 0 0 3px rgba(29,60,106,.12)!important}.vn-date-picker-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-left:1px solid #e2e8f0;border-radius:0 11px 11px 0;background:transparent;color:#64748b;cursor:pointer;transition:background .15s ease,color .15s ease}.vn-date-picker-button:hover{background:#f8fafc;color:#1d3c6a}.vn-date-picker-button[aria-expanded=true]{background:#eff6ff;color:#1d3c6a}.vn-date-picker-button svg{width:18px;height:18px}.vn-date-invalid{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.12)!important}.vn-calendar-panel{position:fixed!important;margin:0!important;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 24px);z-index:2147483647;display:none;overflow:auto;border:1px solid #d7e0ec;border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(15,23,42,.24),0 4px 14px rgba(15,23,42,.1);padding:14px;color:#0f172a;box-sizing:border-box;overscroll-behavior:contain}.vn-calendar-panel:popover-open,.vn-calendar-panel-open{display:block}.vn-calendar-panel[data-kind=month]{width:min(336px,calc(100vw - 24px))}.vn-calendar-panel::before{content:"";display:none}.vn-calendar-header{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px}.vn-calendar-title{display:flex;min-width:0;align-items:baseline;justify-content:center;gap:7px;color:#1d3c6a}.vn-calendar-title strong{font-size:16px;font-weight:900;letter-spacing:-.02em}.vn-calendar-title span{font-size:13px;font-weight:800;color:#64748b}.vn-calendar-nav{display:flex;align-items:center;justify-content:center;height:40px;border:1px solid #dbe3ef;border-radius:11px;background:#f8fafc;font-size:24px;line-height:1;color:#1d3c6a;cursor:pointer;transition:.15s ease}.vn-calendar-nav:hover{border-color:#bfcee1;background:#eff6ff;transform:translateY(-1px)}.vn-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:13px}.vn-calendar-weekdays span{text-align:center;font-size:10px;font-weight:900;letter-spacing:.04em;color:#94a3b8;padding:5px 0}.vn-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(6,38px);gap:4px}.vn-calendar-day{min-width:0;height:38px;border:0;border-radius:10px;background:transparent;font-size:13px;font-weight:800;color:#334155;cursor:pointer;transition:.13s ease}.vn-calendar-day:hover{background:#edf4ff;color:#1d3c6a}.vn-calendar-day-muted{color:#cbd5e1;font-weight:700}.vn-calendar-day-today{box-shadow:inset 0 0 0 1.5px #eba93b;color:#8a5d00}.vn-calendar-day-selected{background:#1d3c6a!important;color:#fff!important;box-shadow:0 6px 14px rgba(29,60,106,.22)!important}.vn-calendar-day-disabled{opacity:.25;cursor:not-allowed!important}.vn-calendar-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.vn-calendar-month{min-height:44px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;font-size:12px;font-weight:850;color:#334155;cursor:pointer;transition:.15s ease}.vn-calendar-month:hover{border-color:#c5d3e5;background:#eff6ff;color:#1d3c6a}.vn-calendar-month-today{border-color:#eba93b;color:#8a5d00}.vn-calendar-month-selected{border-color:#1d3c6a!important;background:#1d3c6a!important;color:#fff!important}.vn-calendar-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid #eef2f7}.vn-calendar-footer button{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:8px 11px;font-size:11px;font-weight:850;color:#475569;cursor:pointer;transition:.15s ease}.vn-calendar-footer button:first-child{border-color:#d8e6fb;background:#eff6ff;color:#1d3c6a}.vn-calendar-footer button:hover{background:#eef2f7}.vn-calendar-footer button:first-child:hover{background:#e4efff}@media(max-width:640px){.vn-calendar-panel{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:13px;border-radius:16px}.vn-calendar-panel[data-kind=month]{width:calc(100vw - 20px)}.vn-calendar-days{grid-template-rows:repeat(6,42px);gap:4px}.vn-calendar-day{height:42px;font-size:14px}.vn-calendar-months{grid-template-columns:repeat(2,minmax(0,1fr))}.vn-calendar-footer{flex-wrap:wrap}.vn-calendar-footer button{flex:1;min-width:88px}}