.fs-date-field{flex-wrap:wrap;align-items:start;gap:8px;width:100%;min-width:0;font-weight:500;display:flex!important}.fs-date-entry{flex:155px;width:100%;min-width:0;position:relative;display:block!important}.fs-date-field .fs-date-text{color:#254f65;font-variant-numeric:tabular-nums;letter-spacing:.015em;background:#f9fcfe;border:1px solid #cadce6;border-radius:10px;width:100%;min-height:48px;font-size:1rem;padding:12px 48px 12px 14px!important}.fs-date-field .fs-date-open{color:#246785;width:40px;height:auto;min-height:40px;box-shadow:none;background:#eaf3f8;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:4px 4px 4px auto}.fs-date-field .fs-date-open:hover{background:#dbeef6}.fs-date-field .fs-date-time{flex:0 180px;width:180px;min-width:150px;min-height:48px;font-size:1rem}.fs-date-error{color:#a83434;flex-basis:100%;font-size:.875rem;line-height:1.4}.fs-date-text[aria-invalid=true]{border-color:#bb5151!important}.fs-calendar-shade{z-index:2147483000;background:#112b3929;position:fixed;inset:0}.fs-calendar{box-sizing:border-box;overscroll-behavior:contain;color:#1c4053;background:#fff;border:1px solid #c8dce6;border-radius:20px;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px;font-family:inherit;position:fixed;overflow:auto;box-shadow:0 20px 70px #0c304240}.fs-calendar *{box-sizing:border-box}.fs-calendar button,.fs-calendar select{font:inherit;cursor:pointer;color:#20546d}.fs-calendar button{background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:40px;margin:0;padding:0;display:inline-flex}.fs-calendar button:hover:not(:disabled){background:#e8f3f8}.fs-calendar button:focus-visible,.fs-calendar select:focus-visible,.fs-date-field :focus-visible{outline-offset:2px;outline:3px solid #56a0c3}.fs-calendar button:disabled{cursor:not-allowed;opacity:.3}.fs-calendar header{border-bottom:1px solid #e3edf2;justify-content:space-between;align-items:start;gap:12px;padding-bottom:16px;display:flex}.fs-calendar header div{gap:5px;min-width:0;display:grid}.fs-calendar header span{letter-spacing:.1em;color:#648595;font-size:.75rem;font-weight:800}.fs-calendar header strong{font-size:1rem;line-height:1.4}.fs-calendar header button{background:#f0f5f8;flex-shrink:0;width:40px}.fs-calendar-navigation{align-items:center;gap:4px;padding:14px 0;display:flex}.fs-calendar-navigation button{flex:0 0 32px}.fs-calendar-navigation select{background:#f8fbfd;border:1px solid #d9e5eb;border-radius:8px;min-width:0;height:40px;padding:5px;font-size:.9375rem;font-weight:650}.fs-calendar-navigation select:first-of-type{flex:1}.fs-calendar-navigation select:last-of-type{width:80px}.fs-calendar-weekdays,.fs-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.fs-calendar-weekdays span{text-align:center;color:#6f8794;padding:4px 0 10px;font-size:.8125rem;font-weight:700}.fs-calendar-grid button{font-variant-numeric:tabular-nums;min-width:0;min-height:40px;font-size:1rem;font-weight:600}.fs-calendar-grid button.is-outside{color:#879eaa;font-weight:400}.fs-calendar-grid button[aria-current=date]{box-shadow:inset 0 0 0 1.5px #398ba6}.fs-calendar-grid button.is-selected,.fs-calendar-grid button.is-selected:hover{color:#fff;background:#206b89;box-shadow:0 3px 8px #206b8938}.fs-calendar-shortcuts{gap:6px;padding:15px 0;display:flex}.fs-calendar-shortcuts button{background:#eef6f9;flex:1;padding:5px;font-size:.8125rem;font-weight:700}.fs-calendar footer{border-top:1px solid #e3edf2;justify-content:space-between;align-items:center;gap:8px;padding-top:7px;display:flex}.fs-calendar footer span{letter-spacing:.06em;color:#708a97;font-size:.75rem}.fs-calendar footer button{padding:0 9px;font-size:.875rem;font-weight:650}input[type=number]{font-variant-numeric:tabular-nums}input[type=number]:focus{outline-offset:2px}.fs-number-stepper{align-items:stretch;gap:8px;min-width:0;display:flex!important}.fs-number-stepper input{text-align:center;min-width:0;font-size:1.125rem;font-weight:700}.fs-number-stepper button{color:#246785;background:#edf6fa;border:1px solid #cadfe8;border-radius:10px;flex:0 0 44px;min-height:48px;font-size:1.4rem}.fs-number-stepper button:disabled{opacity:.4}.fs-time-field{flex-wrap:wrap;gap:7px;width:100%;min-width:0;display:flex!important}.fs-time-entry{width:100%;min-width:0;position:relative;display:block!important}.fs-time-field .fs-time-text{color:#254f65;font-variant-numeric:tabular-nums;letter-spacing:.025em;background:#f9fcfe;border:1px solid #cadce6;border-radius:10px;width:100%;min-height:48px;font-size:1.0625rem;font-weight:600;padding:12px 48px 12px 14px!important}.fs-time-field .fs-time-open{color:#246785;width:40px;height:auto;min-height:40px;box-shadow:none;background:#eaf3f8;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:4px 4px 4px auto}.fs-time-field .fs-time-open:hover{background:#dbeef6}.fs-time-field :focus-visible{outline-offset:2px;outline:3px solid #56a0c3}.fs-time-text[aria-invalid=true]{border-color:#bb5151!important}.fs-date-field>.fs-time-field{flex:0 160px;width:160px}.fs-time-preview{color:#246785;justify-content:center;align-items:center;gap:12px;padding:16px 0;display:flex}.fs-time-preview strong{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:2rem}.fs-time-preview span{color:#6a8594;font-size:.8125rem}.fs-time-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.fs-time-columns section{min-width:0}.attendance-time-picker__clock{grid-template-columns:minmax(0,1fr)}.fs-time-columns h3{color:#637f8e;text-align:center;margin:0 0 8px;font-size:.875rem}.fs-time-options{overscroll-behavior:contain;scrollbar-width:thin;background:#f4f8fb;border:1px solid #dce8ef;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-height:224px;padding:5px;display:grid;overflow-y:auto}.fs-time-options button{font-variant-numeric:tabular-nums;min-height:40px;font-size:1rem;font-weight:650}.fs-time-options button[aria-pressed=true]{color:#fff;background:#206b89}.fs-calendar .fs-picker-apply{color:#fff;background:#206b89;padding:0 18px;font-weight:700}.fs-calendar .fs-picker-apply:hover:not(:disabled){background:#184e67}.fs-month-field{align-items:center;gap:8px;width:100%;min-width:0;display:flex!important}.fs-month-field select{color:#254f65;background:#f9fcfe;border:1px solid #cadce6;border-radius:10px;min-width:0;min-height:48px;padding:10px;font-size:1rem}.fs-month-field select:first-of-type{flex:1}.fs-month-field select:last-of-type{flex:0 0 100px}input.fs-number-input{font-variant-numeric:tabular-nums;min-height:44px;font-size:1rem}input.fs-number-input::-webkit-inner-spin-button{appearance:none;margin:0}input.fs-number-input::-webkit-outer-spin-button{appearance:none;margin:0}input.fs-number-input{-moz-appearance:textfield}@media (width<=540px){.fs-time-options button{min-height:44px}.fs-date-field>.fs-time-field{flex-basis:145px}.fs-time-options{max-height:230px}.fs-calendar{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;padding:20px;top:auto!important;left:12px!important}.fs-calendar-grid button{min-height:44px}}@media print{.fs-calendar-shade,.fs-date-open,.fs-time-open{display:none!important}}