@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap);#app{font-family:Noto Sans JP,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2d3748}.navbar .nav-link i[data-v-666e0bfa],.navbar .nav-link span[data-v-666e0bfa]{color:#fff!important}.user-dropdown[data-v-666e0bfa]{min-width:240px;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.12);border:1px solid #e2e8f0;padding:0;overflow:hidden}.user-dropdown-header[data-v-666e0bfa]{padding:16px;color:#fff}.user-dropdown-name[data-v-666e0bfa]{font-size:15px!important;font-weight:700;margin:0;color:#fff!important}.user-dropdown-shop[data-v-666e0bfa]{font-size:13px!important;margin:4px 0 0;opacity:.85;color:#fff!important}.user-dropdown .dropdown-header[data-v-666e0bfa]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#718096;padding:10px 16px 4px}.user-dropdown .dropdown-item[data-v-666e0bfa]{font-size:14px;padding:8px 16px;color:#2d3748;transition:background-color .15s ease}.user-dropdown .dropdown-item[data-v-666e0bfa]:hover{background-color:#f0faf4;color:#049c4c}.user-dropdown .dropdown-item.active[data-v-666e0bfa]{background-color:#049c4c;color:#fff;font-weight:600}.user-dropdown .dropdown-item.text-danger[data-v-666e0bfa]:hover{background-color:#fff5f5;color:#e53e3e}.user-dropdown .dropdown-divider[data-v-666e0bfa]{margin:4px 0}.shop-item[data-v-666e0bfa]{font-size:13px}.remember[data-v-e6241280]{font-size:10px;line-height:16px;vertical-align:middle}input[type=radio][data-v-e6241280]{scale:1.5}.logo[data-v-e6241280]{height:45px;border:3px solid #fff;border-radius:10px}.justify-content-between[data-v-3f107efc]{padding:50px}.btn-app[data-v-3f107efc]{padding:50px;padding-bottom:70px;text-align:center;font-size:16px}.btn[data-v-3f107efc]{color:#fff!important}.required[data-v-01777d78],.required[data-v-5791a536]{font-size:18px;color:red}.description-block[data-v-3c2d5df9]{padding:20px}.required[data-v-c26a4d7e]{font-size:18px;color:red}input[type=checkbox][data-v-c26a4d7e]{margin-top:12px;scale:1.7}.form-check-label[data-v-c26a4d7e]{margin-top:5px}.required[data-v-d1365990]{font-size:18px;color:red}input[type=checkbox][data-v-d1365990]{scale:1.7}.date-navigation[data-v-163234d6]{display:flex;align-items:center}.arrow-button[data-v-163234d6]{background:none;border:none;font-size:24px;cursor:pointer}.date-text[data-v-163234d6]{margin:0 10px;font-size:18px;font-weight:700}.required[data-v-742a4402]{font-size:18px;color:red}input[type=checkbox][data-v-742a4402]{scale:1.7}.required[data-v-ea12c6e4]{font-size:18px;color:red}input[type=checkbox][data-v-ea12c6e4]{scale:1.7}.bg-warning[data-v-3d4f0484]{color:#fff!important}.shop-info[data-v-037e8098]{display:flex;flex-wrap:wrap;gap:12px 32px;padding:16px 20px;background-color:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.shop-info-item[data-v-037e8098]{display:flex;align-items:center;gap:8px}.shop-info-label[data-v-037e8098]{font-size:13px;font-weight:700;color:#718096;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.shop-info-value[data-v-037e8098]{font-size:16px;font-weight:600;color:#1a202c}.staff-table thead th[data-v-037e8098]{font-size:14px;font-weight:700;color:#4a5568;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #e2e8f0;padding:14px 16px;background-color:#f7fafc}.staff-table tbody td[data-v-037e8098]{padding:14px 16px;font-size:15px;vertical-align:middle;border-color:#edf2f7}.staff-table tbody tr[data-v-037e8098]:hover{background-color:#f0faf4}.staff-name[data-v-037e8098]{font-weight:600;color:#1a202c}.badge-working[data-v-037e8098]{background-color:#049c4c}.badge-done[data-v-037e8098],.badge-working[data-v-037e8098]{color:#fff;font-size:12px;font-weight:600;padding:5px 12px;border-radius:4px}.badge-done[data-v-037e8098]{background-color:#3182ce}.badge-not-working[data-v-037e8098]{background-color:#e2e8f0;color:#718096;font-size:12px;font-weight:600;padding:5px 12px;border-radius:4px}.badge-paid-leave[data-v-037e8098]{background-color:#ed8936;color:#fff;font-size:12px;font-weight:600;padding:5px 12px;border-radius:4px}.month-nav[data-v-4e3e83d8]{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.month-nav-btn[data-v-4e3e83d8]{width:40px;height:40px;border-radius:50%;border:1.5px solid #d2d6dc;background:#fff;color:#4a5568;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.month-nav-btn[data-v-4e3e83d8]:hover:not(:disabled){background:#049c4c;border-color:#049c4c;color:#fff}.month-nav-btn[data-v-4e3e83d8]:disabled{opacity:.35;cursor:not-allowed}.month-nav-label[data-v-4e3e83d8]{font-size:22px;font-weight:700;color:#1a202c;min-width:160px;text-align:center}.calendar-table-wrap[data-v-4e3e83d8]{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.calendar-table[data-v-4e3e83d8]{margin:0;border-collapse:separate;border-spacing:0;min-width:100%;white-space:nowrap}.calendar-table thead th[data-v-4e3e83d8]{background:#f7fafc;border-bottom:2px solid #e2e8f0;padding:8px 6px;text-align:center;font-size:12px;font-weight:600;color:#4a5568;position:sticky;top:0;z-index:1}.calendar-table tbody td[data-v-4e3e83d8]{padding:4px 4px;text-align:center;font-size:11px;border-bottom:1px solid #edf2f7;border-right:1px solid #f0f0f0;vertical-align:middle;min-height:56px;min-width:70px}.calendar-table tbody tr:hover td[data-v-4e3e83d8]{background-color:#f0faf4}.sticky-col[data-v-4e3e83d8]{position:sticky;left:0;z-index:2;background:#fff;border-right:2px solid #e2e8f0!important;min-width:100px;max-width:130px}thead .sticky-col[data-v-4e3e83d8]{z-index:3;background:#f7fafc}.staff-name-cell[data-v-4e3e83d8]{font-weight:600;font-size:13px;color:#1a202c;text-align:left;padding-left:12px!important}.day-header[data-v-4e3e83d8]{display:flex;flex-direction:column;align-items:center;line-height:1.3}.day-num[data-v-4e3e83d8]{font-size:13px;font-weight:700}.day-name[data-v-4e3e83d8]{font-size:10px;font-weight:500;color:#718096}.day-sun .day-num[data-v-4e3e83d8],.day-sun[data-v-4e3e83d8]{color:#e53e3e!important;background-color:#fff5f5}.day-sat .day-num[data-v-4e3e83d8],.day-sat[data-v-4e3e83d8]{color:#3182ce!important;background-color:#ebf8ff}thead .day-sun[data-v-4e3e83d8]{background-color:#fff5f5!important}thead .day-sat[data-v-4e3e83d8]{background-color:#ebf8ff!important}.cell-timecard[data-v-4e3e83d8]{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.3}.cell-in[data-v-4e3e83d8]{color:#049c4c;font-weight:600;font-size:12px}.cell-out[data-v-4e3e83d8]{color:#3182ce;font-weight:600;font-size:12px}.cell-leave[data-v-4e3e83d8]{display:inline-block;background:#ed8936;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px}.cell-leave-bg[data-v-4e3e83d8]{background-color:#fffaf0!important}.th-subtotal[data-v-4e3e83d8]{background:#edf2f7!important;font-size:10px!important;font-weight:700;color:#4a5568;min-width:50px;text-align:center;border-left:2px solid #cbd5e0!important}.th-total[data-v-4e3e83d8]{background:#e2e8f0!important;font-size:11px!important;font-weight:700;color:#1a202c;min-width:55px;text-align:center;border-left:2px solid #a0aec0!important}.td-subtotal[data-v-4e3e83d8]{background:#f7fafc;font-size:12px;color:#2d3748;border-left:2px solid #cbd5e0!important}.td-subtotal[data-v-4e3e83d8],.td-total[data-v-4e3e83d8]{font-weight:700;text-align:center;vertical-align:middle;white-space:nowrap}.td-total[data-v-4e3e83d8]{background:#edf2f7;font-size:13px;color:#049c4c;border-left:2px solid #a0aec0!important}.summary-row td[data-v-4e3e83d8]{background:#f7fafc;border-top:1px solid #e2e8f0}.summary-label[data-v-4e3e83d8]{font-size:10px!important;font-weight:700;color:#4a5568;text-align:left!important;padding-left:8px!important;background:#f7fafc!important}.summary-cell[data-v-4e3e83d8]{font-size:10px;font-weight:600;color:#2d3748;text-align:center;white-space:nowrap;vertical-align:middle}.cost-row td[data-v-4e3e83d8]{background:#edf2f7}.cost-row .summary-label[data-v-4e3e83d8]{background:#edf2f7!important}.cost-row .summary-cell[data-v-4e3e83d8]{color:#049c4c;font-weight:700}.cell-has-data[data-v-4e3e83d8]{background-color:#f0fff4}.cell-diff-large[data-v-4e3e83d8]{background-color:#fff5f5!important;border:1px solid #fed7d7!important}.cell-shift-row[data-v-4e3e83d8]{display:flex;align-items:center;gap:3px;justify-content:center;padding:2px 0;border-bottom:1px dashed #e2e8f0;margin-bottom:2px}.cell-shift-label[data-v-4e3e83d8]{font-size:9px;font-weight:700;color:#fff;background:#a0aec0;padding:0 3px;border-radius:2px;line-height:1.5}.cell-shift-time[data-v-4e3e83d8]{font-size:11px;font-weight:600;color:#718096}.cell-actual-row[data-v-4e3e83d8]{display:flex;align-items:center;gap:3px;justify-content:center;padding:2px 0}.cell-actual-label[data-v-4e3e83d8]{font-size:9px;font-weight:700;color:#fff;background:#049c4c;padding:0 3px;border-radius:2px;line-height:1.5}.diff-medium[data-v-4e3e83d8]{color:#d69e2e!important;font-weight:700!important}.diff-large[data-v-4e3e83d8]{color:#e53e3e!important;font-weight:700!important}.calendar-footer[data-v-4e3e83d8]{display:flex;justify-content:center;padding:16px 24px;background:#f7fafc;border-top:1px solid #e2e8f0;border-radius:0 0 10px 10px}.csv-btn[data-v-4e3e83d8]{min-width:220px;padding:10px 24px;font-size:15px}.tc-header[data-v-1119d562]{margin-bottom:20px}.month-nav[data-v-1119d562]{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.month-nav-btn[data-v-1119d562]{width:40px;height:40px;border-radius:50%;border:1.5px solid #d2d6dc;background:#fff;color:#4a5568;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.month-nav-btn[data-v-1119d562]:hover:not(:disabled){background:#049c4c;border-color:#049c4c;color:#fff}.month-nav-btn[data-v-1119d562]:disabled{opacity:.35;cursor:not-allowed}.month-nav-label[data-v-1119d562]{font-size:22px;font-weight:700;color:#1a202c;min-width:160px;text-align:center}.tc-filters[data-v-1119d562]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.view-toggle[data-v-1119d562]{display:flex;border:1.5px solid #d2d6dc;border-radius:6px;overflow:hidden}.toggle-btn[data-v-1119d562]{padding:6px 14px;font-size:13px;font-weight:600;border:none;background:#fff;color:#4a5568;cursor:pointer;transition:all .15s ease}.toggle-btn.active[data-v-1119d562]{background:#049c4c;color:#fff}.toggle-btn[data-v-1119d562]:not(.active):hover{background:#edf2f7}.date-range[data-v-1119d562]{display:flex;align-items:center;gap:6px}.date-range .form-control[data-v-1119d562]{width:150px;font-size:13px}.range-sep[data-v-1119d562]{color:#718096;font-size:13px}.name-search[data-v-1119d562]{display:flex;gap:4px}.name-search .form-control[data-v-1119d562]{width:160px;font-size:13px}.status-filter[data-v-1119d562]{width:140px;font-size:13px!important}.tc-table[data-v-1119d562]{margin:0}.tc-table thead th[data-v-1119d562]{font-size:13px;font-weight:700;color:#4a5568;background:#f7fafc;border-bottom:2px solid #e2e8f0;padding:12px 10px;white-space:nowrap}.tc-table tbody td[data-v-1119d562]{padding:10px;font-size:14px;vertical-align:middle;border-color:#edf2f7}.clickable-row[data-v-1119d562]{cursor:pointer;transition:background-color .15s ease}.clickable-row[data-v-1119d562]:hover{background-color:#f0faf4!important}.td-date[data-v-1119d562]{font-weight:600;color:#1a202c;white-space:nowrap}.td-staff[data-v-1119d562]{font-weight:600;color:#2d3748}.td-notes[data-v-1119d562]{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718096;font-size:13px}.td-leave[data-v-1119d562]{text-align:center!important}.td-actions[data-v-1119d562],.th-actions[data-v-1119d562]{width:130px;text-align:center}.action-btns[data-v-1119d562]{display:flex;gap:4px;justify-content:center}.btn-approve[data-v-1119d562]{background:#c6f6d5;color:#22543d;border:1px solid #9ae6b4;font-size:12px;padding:4px 8px;border-radius:4px;transition:all .15s ease}.btn-approve[data-v-1119d562]:hover{background:#049c4c;color:#fff;border-color:#049c4c}.btn-revision[data-v-1119d562]{background:#fefcbf;color:#744210;border:1px solid #f6e05e;font-size:12px;padding:4px 8px;border-radius:4px;transition:all .15s ease}.btn-revision[data-v-1119d562]:hover{background:#d69e2e;color:#fff;border-color:#d69e2e}.badge-leave[data-v-1119d562]{display:inline-block;background:#ed8936;color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:4px}.badge-status[data-v-1119d562]{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px;white-space:nowrap}.badge-approved[data-v-1119d562]{background:#c6f6d5;color:#22543d}.badge-pending[data-v-1119d562]{background:#fefcbf;color:#744210}.badge-revision[data-v-1119d562]{background:#fed7d7;color:#9b2c2c}.date-group[data-v-1119d562]{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;overflow:hidden}.date-group-header[data-v-1119d562]{display:flex;align-items:center;padding:10px 16px;background:#f7fafc;font-weight:700;font-size:15px;color:#1a202c;border-bottom:1px solid #e2e8f0}.date-group-count[data-v-1119d562]{font-size:12px;font-weight:600;color:#718096;margin-left:10px;background:#edf2f7;padding:2px 8px;border-radius:10px}.staff-group[data-v-1119d562]{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;overflow:hidden}.staff-group-header[data-v-1119d562]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f7fafc;cursor:pointer;transition:background-color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.staff-group-header[data-v-1119d562]:hover{background:#edf2f7}.staff-group-name[data-v-1119d562]{font-weight:700;font-size:15px;color:#1a202c}.staff-group-name .fas[data-v-1119d562]{font-size:11px;color:#718096;transition:transform .15s ease}.staff-group-count[data-v-1119d562]{font-size:13px;color:#718096;font-weight:600}.tc-table-nested[data-v-1119d562]{border-top:1px solid #e2e8f0}.detail-table th[data-v-1119d562]{width:40%;font-weight:600;font-size:14px;color:#4a5568;padding:8px 12px;border:none}.detail-table td[data-v-1119d562]{font-size:15px;color:#1a202c;padding:8px 12px;border:none}.detail-table a[data-v-1119d562]{color:#049c4c}.modal-title[data-v-1119d562]{font-weight:700}.notes-box[data-v-1119d562]{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-size:14px;color:#2d3748;line-height:1.5}.notes-inline[data-v-1119d562]{color:#4a5568;font-size:12px}.notes-inline i[data-v-1119d562]{color:#a0aec0}.staff-list-header[data-v-9000e716]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f7fafc}.name-search[data-v-9000e716]{display:flex;gap:4px}.name-search .form-control[data-v-9000e716]{width:200px}.staff-table thead th[data-v-9000e716]{font-size:13px;font-weight:700;color:#4a5568;background:#f7fafc;border-bottom:2px solid #e2e8f0;padding:14px 16px;white-space:nowrap}.staff-table tbody td[data-v-9000e716]{padding:12px 16px;font-size:15px;vertical-align:middle;border-color:#edf2f7}.staff-table tbody tr[data-v-9000e716]{transition:background-color .15s ease}.staff-table tbody tr[data-v-9000e716]:hover{background-color:#f0faf4}.td-name[data-v-9000e716]{font-weight:600;color:#1a202c;white-space:nowrap}.td-patterns[data-v-9000e716]{min-width:200px}.patterns-list[data-v-9000e716]{display:flex;flex-direction:column;gap:6px}.pattern-chip[data-v-9000e716]{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#f0fff4;border:1px solid #c6f6d5;border-radius:6px;font-size:13px}.pattern-chip-name[data-v-9000e716]{font-weight:700;color:#22543d;min-width:40px}.pattern-chip-time[data-v-9000e716]{color:#049c4c;font-weight:600;white-space:nowrap}.pattern-chip-break[data-v-9000e716]{color:#718096;font-size:12px;white-space:nowrap}.pattern-chip-days[data-v-9000e716]{display:flex;gap:2px;margin-left:auto}.mini-day[data-v-9000e716]{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;background:#e2e8f0;color:#a0aec0}.mini-day.active[data-v-9000e716]{background:#049c4c;color:#fff}.mini-day.sat.active[data-v-9000e716]{background:#3182ce}.mini-day.sun.active[data-v-9000e716]{background:#e53e3e}.detail-grid[data-v-39c3c618]{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width:768px){.detail-grid[data-v-39c3c618]{grid-template-columns:1fr}}.section-title[data-v-39c3c618]{font-size:14px;font-weight:700;color:#049c4c;text-transform:uppercase;letter-spacing:.04em;padding-bottom:10px;margin-bottom:0;border-bottom:2px solid #e2e8f0}.detail-table th[data-v-39c3c618]{width:40%;font-weight:600;font-size:13px;color:#718096;padding:10px 8px;border:none;white-space:nowrap}.detail-table td[data-v-39c3c618]{font-size:15px;color:#1a202c;font-weight:500;padding:10px 8px;border:none}.badge-on[data-v-39c3c618]{background:#c6f6d5;color:#22543d}.badge-off[data-v-39c3c618],.badge-on[data-v-39c3c618]{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:4px}.badge-off[data-v-39c3c618]{background:#e2e8f0;color:#718096}.badge-shift[data-v-39c3c618]{display:inline-block;background:#bee3f8;color:#2a4365;font-size:12px;font-weight:600;padding:3px 10px;border-radius:4px}.patterns-section[data-v-39c3c618]{margin-top:32px}.patterns-grid[data-v-39c3c618]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:16px}.pattern-card[data-v-39c3c618]{border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px;background:#f7fafc}.pattern-name[data-v-39c3c618]{font-weight:700;font-size:15px;color:#1a202c;margin-bottom:6px}.pattern-time[data-v-39c3c618]{font-size:16px;font-weight:600;color:#049c4c;margin-bottom:2px}.pattern-break[data-v-39c3c618]{font-size:13px;color:#718096;margin-bottom:8px}.pattern-days[data-v-39c3c618]{display:flex;gap:4px}.day-chip[data-v-39c3c618]{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#e2e8f0;color:#a0aec0}.day-chip.active[data-v-39c3c618]{background:#049c4c;color:#fff}.day-chip.sat.active[data-v-39c3c618]{background:#3182ce}.day-chip.sun.active[data-v-39c3c618]{background:#e53e3e}.day-constraints-grid[data-v-39c3c618]{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px}@media (max-width:768px){.day-constraints-grid[data-v-39c3c618]{grid-template-columns:repeat(4,1fr)}}.dc-card[data-v-39c3c618]{border:1px solid #e2e8f0;border-radius:8px;padding:10px 8px;text-align:center;background:#f0fff4}.dc-unavailable[data-v-39c3c618]{background:#fff5f5;border-color:#fed7d7}.dc-day[data-v-39c3c618]{font-size:14px;font-weight:700;color:#1a202c;margin-bottom:4px}.dc-status[data-v-39c3c618]{font-size:11px;font-weight:600;color:#e53e3e}.dc-time[data-v-39c3c618]{font-size:12px;font-weight:600;color:#049c4c}.dc-note[data-v-39c3c618]{font-size:10px;color:#718096;margin-top:4px;line-height:1.3}.detail-footer[data-v-39c3c618]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f7fafc;border-top:1px solid #e2e8f0}.detail-footer-right[data-v-39c3c618]{display:flex;gap:12px}.edit-grid[data-v-8329af6e]{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width:768px){.edit-grid[data-v-8329af6e]{grid-template-columns:1fr}}.section-title[data-v-8329af6e]{font-size:14px;font-weight:700;color:#049c4c;text-transform:uppercase;letter-spacing:.04em;padding-bottom:10px;margin-bottom:16px;border-bottom:2px solid #e2e8f0}.field-group[data-v-8329af6e]{margin-bottom:16px}.field-group label[data-v-8329af6e]{font-size:13px;font-weight:600;color:#4a5568;margin-bottom:4px;display:block}.required[data-v-8329af6e]{color:#e53e3e;font-weight:700}.field-row[data-v-8329af6e]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.time-range[data-v-8329af6e]{display:flex;align-items:center;gap:8px}.range-sep[data-v-8329af6e]{color:#718096;font-weight:600}.input-with-unit[data-v-8329af6e]{display:flex;align-items:center;gap:6px}.unit[data-v-8329af6e]{font-size:14px;color:#718096;font-weight:500;white-space:nowrap}.unit-prefix[data-v-8329af6e]{font-size:16px;color:#718096;font-weight:600}.toggle-group[data-v-8329af6e]{margin-top:24px;display:flex;flex-direction:column;gap:16px}.toggle-item[data-v-8329af6e]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.toggle-label[data-v-8329af6e]{font-size:14px;font-weight:600;color:#2d3748;margin:0}.switch[data-v-8329af6e]{position:relative;display:inline-block;width:44px;height:24px;margin:0}.switch input[data-v-8329af6e]{opacity:0;width:0;height:0}.slider[data-v-8329af6e]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;transition:.2s;border-radius:24px}.slider[data-v-8329af6e]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider[data-v-8329af6e]{background-color:#049c4c}input:checked+.slider[data-v-8329af6e]:before{transform:translateX(20px)}.holiday-type-selector[data-v-8329af6e]{display:flex;gap:8px}.holiday-btn[data-v-8329af6e]{flex:1;padding:10px 16px;border:1.5px solid #d2d6dc;border-radius:8px;background:#fff;color:#4a5568;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;text-align:center}.holiday-btn[data-v-8329af6e]:hover{border-color:#049c4c;color:#049c4c}.holiday-btn.active[data-v-8329af6e]{background:#049c4c;border-color:#049c4c;color:#fff}.patterns-edit-section[data-v-8329af6e]{margin-top:32px}.patterns-header[data-v-8329af6e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pattern-edit-card[data-v-8329af6e]{border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px;margin-bottom:12px;background:#f7fafc}.pattern-edit-top[data-v-8329af6e]{display:flex;align-items:flex-end;gap:12px}.pattern-delete-btn[data-v-8329af6e]{height:31px;flex-shrink:0}.pattern-days-edit[data-v-8329af6e]{display:flex;gap:6px;flex-wrap:wrap}.day-check[data-v-8329af6e]{display:flex;align-items:center;gap:4px;cursor:pointer;margin:0}.day-check input[type=checkbox][data-v-8329af6e]{display:none}.day-label[data-v-8329af6e]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#e2e8f0;color:#a0aec0;transition:all .15s ease;cursor:pointer}.day-check input:checked+.day-label[data-v-8329af6e]{background:#049c4c;color:#fff}.day-check input:checked+.day-label.sat[data-v-8329af6e]{background:#3182ce}.day-check input:checked+.day-label.sun[data-v-8329af6e]{background:#e53e3e}.dc-edit-grid[data-v-8329af6e]{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}@media (max-width:992px){.dc-edit-grid[data-v-8329af6e]{grid-template-columns:repeat(4,1fr)}}@media (max-width:576px){.dc-edit-grid[data-v-8329af6e]{grid-template-columns:repeat(2,1fr)}}.dc-edit-card[data-v-8329af6e]{border:1px solid #e2e8f0;border-radius:8px;padding:8px;background:#f7fafc}.dc-edit-header[data-v-8329af6e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dc-edit-day[data-v-8329af6e]{font-size:14px;font-weight:700;color:#1a202c}.dc-edit-toggle[data-v-8329af6e]{display:flex;align-items:center;gap:4px;cursor:pointer;margin:0}.dc-edit-toggle input[type=checkbox][data-v-8329af6e]{width:14px;height:14px}.dc-toggle-text[data-v-8329af6e]{font-size:10px;font-weight:600;color:#718096}.dc-edit-times[data-v-8329af6e]{display:flex;gap:4px}.dc-edit-field[data-v-8329af6e]{flex:1}.dc-edit-field label[data-v-8329af6e]{font-size:10px;font-weight:600;color:#718096;margin-bottom:1px;display:block}.dc-edit-field .form-control-sm[data-v-8329af6e]{font-size:12px;padding:3px 6px}.edit-footer[data-v-8329af6e]{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f7fafc;border-top:1px solid #e2e8f0}.edit-grid[data-v-3f89b8be]{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width:768px){.edit-grid[data-v-3f89b8be]{grid-template-columns:1fr}}.section-title[data-v-3f89b8be]{font-size:14px;font-weight:700;color:#049c4c;text-transform:uppercase;letter-spacing:.04em;padding-bottom:10px;margin-bottom:16px;border-bottom:2px solid #e2e8f0}.field-group[data-v-3f89b8be]{margin-bottom:16px}.field-group label[data-v-3f89b8be]{font-size:13px;font-weight:600;color:#4a5568;margin-bottom:4px;display:block}.required[data-v-3f89b8be]{color:#e53e3e;font-weight:700}.field-row[data-v-3f89b8be]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.time-range[data-v-3f89b8be]{display:flex;align-items:center;gap:8px}.range-sep[data-v-3f89b8be]{color:#718096;font-weight:600}.input-with-unit[data-v-3f89b8be]{display:flex;align-items:center;gap:6px}.unit[data-v-3f89b8be]{font-size:14px;color:#718096;font-weight:500;white-space:nowrap}.unit-prefix[data-v-3f89b8be]{font-size:16px;color:#718096;font-weight:600}.toggle-group[data-v-3f89b8be]{margin-top:24px;display:flex;flex-direction:column;gap:16px}.toggle-item[data-v-3f89b8be]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.toggle-label[data-v-3f89b8be]{font-size:14px;font-weight:600;color:#2d3748;margin:0}.switch[data-v-3f89b8be]{position:relative;display:inline-block;width:44px;height:24px;margin:0}.switch input[data-v-3f89b8be]{opacity:0;width:0;height:0}.slider[data-v-3f89b8be]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;transition:.2s;border-radius:24px}.slider[data-v-3f89b8be]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider[data-v-3f89b8be]{background-color:#049c4c}input:checked+.slider[data-v-3f89b8be]:before{transform:translateX(20px)}.holiday-type-selector[data-v-3f89b8be]{display:flex;gap:8px}.holiday-btn[data-v-3f89b8be]{flex:1;padding:10px 16px;border:1.5px solid #d2d6dc;border-radius:8px;background:#fff;color:#4a5568;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;text-align:center}.holiday-btn[data-v-3f89b8be]:hover{border-color:#049c4c;color:#049c4c}.holiday-btn.active[data-v-3f89b8be]{background:#049c4c;border-color:#049c4c;color:#fff}.patterns-edit-section[data-v-3f89b8be]{margin-top:32px}.patterns-header[data-v-3f89b8be]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pattern-edit-card[data-v-3f89b8be]{border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px;margin-bottom:12px;background:#f7fafc}.pattern-edit-top[data-v-3f89b8be]{display:flex;align-items:flex-end;gap:12px}.pattern-delete-btn[data-v-3f89b8be]{height:31px;flex-shrink:0}.pattern-days-edit[data-v-3f89b8be]{display:flex;gap:6px;flex-wrap:wrap}.day-check[data-v-3f89b8be]{display:flex;align-items:center;gap:4px;cursor:pointer;margin:0}.day-check input[type=checkbox][data-v-3f89b8be]{display:none}.day-label[data-v-3f89b8be]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#e2e8f0;color:#a0aec0;transition:all .15s ease;cursor:pointer}.day-check input:checked+.day-label[data-v-3f89b8be]{background:#049c4c;color:#fff}.day-check input:checked+.day-label.sat[data-v-3f89b8be]{background:#3182ce}.day-check input:checked+.day-label.sun[data-v-3f89b8be]{background:#e53e3e}.edit-footer[data-v-3f89b8be]{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f7fafc;border-top:1px solid #e2e8f0}.detail-grid[data-v-521e4c9a]{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width:768px){.detail-grid[data-v-521e4c9a]{grid-template-columns:1fr}}.section-title[data-v-521e4c9a]{font-size:14px;font-weight:700;color:#049c4c;text-transform:uppercase;letter-spacing:.04em;padding-bottom:10px;margin-bottom:0;border-bottom:2px solid #e2e8f0}.detail-table th[data-v-521e4c9a]{width:35%;font-weight:600;font-size:13px;color:#718096;padding:10px 8px;border:none}.detail-table td[data-v-521e4c9a]{font-size:15px;color:#1a202c;font-weight:500;padding:10px 8px;border:none}.detail-footer[data-v-521e4c9a]{display:flex;justify-content:flex-end;padding:16px 24px;background:#f7fafc;border-top:1px solid #e2e8f0}.edit-actions[data-v-521e4c9a]{display:flex;gap:12px}.field-group[data-v-521e4c9a]{margin-bottom:16px}.field-group label[data-v-521e4c9a]{font-size:13px;font-weight:600;color:#4a5568;margin-bottom:4px;display:block}.field-row[data-v-521e4c9a]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.time-range[data-v-521e4c9a]{display:flex;align-items:center;gap:8px}.range-sep[data-v-521e4c9a]{color:#718096;font-weight:600}.badge-corporate[data-v-521e4c9a]{background:#c6f6d5;color:#22543d}.badge-corporate[data-v-521e4c9a],.badge-shift[data-v-521e4c9a]{font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px}.badge-shift[data-v-521e4c9a]{background:#bee3f8;color:#2a4365}.badge-on[data-v-521e4c9a]{background:#c6f6d5;color:#22543d}.badge-off[data-v-521e4c9a],.badge-on[data-v-521e4c9a]{font-size:12px;font-weight:600;padding:3px 10px;border-radius:4px}.badge-off[data-v-521e4c9a]{background:#e2e8f0;color:#718096}.pattern-description[data-v-521e4c9a]{margin-top:16px}.desc-card[data-v-521e4c9a]{display:flex;gap:12px;padding:14px 16px;background:#f0fff4;border:1px solid #c6f6d5;border-radius:8px}.desc-card.desc-shift[data-v-521e4c9a]{background:#ebf8ff;border-color:#bee3f8}.desc-icon[data-v-521e4c9a]{font-size:20px;color:#049c4c;margin-top:2px}.desc-shift .desc-icon[data-v-521e4c9a]{color:#3182ce}.desc-card p[data-v-521e4c9a]{margin:4px 0 0;font-size:13px!important;color:#718096}.pattern-select[data-v-521e4c9a]{display:flex;gap:10px}.pattern-btn[data-v-521e4c9a]{flex:1;display:flex;align-items:center;gap:8px;padding:14px 16px;border:2px solid #d2d6dc;border-radius:10px;background:#fff;cursor:pointer;transition:all .15s;text-align:left}.pattern-btn[data-v-521e4c9a]:hover{border-color:#049c4c}.pattern-btn.active[data-v-521e4c9a]{border-color:#049c4c;background:#f0fff4}.pattern-btn i[data-v-521e4c9a]{font-size:22px;color:#718096}.pattern-btn.active i[data-v-521e4c9a]{color:#049c4c}.pattern-btn strong[data-v-521e4c9a]{display:block;font-size:14px;color:#1a202c}.pattern-btn small[data-v-521e4c9a]{display:block;font-size:11px;color:#718096;margin-top:2px}.toggle-item[data-v-521e4c9a]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.toggle-label[data-v-521e4c9a]{font-size:14px;font-weight:600;color:#2d3748;margin:0}.switch[data-v-521e4c9a]{position:relative;display:inline-block;width:44px;height:24px;margin:0}.switch input[data-v-521e4c9a]{opacity:0;width:0;height:0}.slider[data-v-521e4c9a]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;transition:.2s;border-radius:24px}.slider[data-v-521e4c9a]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider[data-v-521e4c9a]{background-color:#049c4c}input:checked+.slider[data-v-521e4c9a]:before{transform:translateX(20px)}.tmpl-header[data-v-521e4c9a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tmpl-card[data-v-521e4c9a]{border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;margin-bottom:8px;background:#f7fafc}.tmpl-row[data-v-521e4c9a]{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.tmpl-field[data-v-521e4c9a]{flex:0.8}.tmpl-field label[data-v-521e4c9a]{font-size:11px;font-weight:600;color:#718096;margin-bottom:2px;display:block}.tmpl-check[data-v-521e4c9a]{display:flex;flex-direction:column;align-items:center;flex:0.5}.tmpl-check input[type=checkbox][data-v-521e4c9a]{width:18px;height:18px;margin-top:4px}.tmpl-del[data-v-521e4c9a]{height:31px;flex-shrink:0;align-self:flex-end}.shift-header[data-v-38cad598]{justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.month-nav[data-v-38cad598],.shift-header[data-v-38cad598]{display:flex;align-items:center;gap:12px}.month-nav-btn[data-v-38cad598]{width:36px;height:36px;border-radius:50%;border:1.5px solid #d2d6dc;background:#fff;color:#4a5568;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.month-nav-btn[data-v-38cad598]:hover{background:#049c4c;border-color:#049c4c;color:#fff}.month-nav-label[data-v-38cad598]{font-size:20px;font-weight:700;min-width:140px;text-align:center}.shift-btn-group[data-v-38cad598]{display:flex;gap:6px}.modal-overlay[data-v-38cad598]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1050;display:flex;align-items:center;justify-content:center}.modal-box[data-v-38cad598]{background:#fff;border-radius:12px;width:360px;max-width:90vw;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden}.modal-box-header[data-v-38cad598]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #edf2f7}.modal-box-title[data-v-38cad598]{font-weight:700;font-size:14px;margin:0}.modal-box-close[data-v-38cad598]{border:none;background:none;font-size:22px;color:#718096;cursor:pointer}.modal-box-body[data-v-38cad598]{padding:18px}.modal-box-footer[data-v-38cad598]{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #edf2f7}.shift-type-btns[data-v-38cad598]{display:flex;gap:6px}.type-btn[data-v-38cad598]{flex:1;padding:10px;border:1.5px solid #d2d6dc;border-radius:8px;background:#fff;font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s}.type-btn.active[data-v-38cad598]{background:#049c4c;border-color:#049c4c;color:#fff}.type-btn.off.active[data-v-38cad598]{background:#718096;border-color:#718096}.type-btn.leave.active[data-v-38cad598]{background:#ed8936;border-color:#ed8936}.edit-times[data-v-38cad598]{display:flex;gap:12px}.edit-times .field-group[data-v-38cad598]{flex:1}.edit-times label[data-v-38cad598],.modal-box-body .field-group>label[data-v-38cad598]{font-size:12px;font-weight:600;color:#718096;margin-bottom:2px;display:block}.location-btns[data-v-38cad598]{display:flex;gap:6px}.loc-btn[data-v-38cad598]{flex:1;padding:8px;border:1.5px solid #d2d6dc;border-radius:6px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s}.loc-btn.active[data-v-38cad598]{background:#3182ce;border-color:#3182ce;color:#fff}.pattern-select-btns[data-v-38cad598]{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.pattern-sel-btn[data-v-38cad598]{padding:6px 14px;border:1.5px solid #d2d6dc;border-radius:6px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;color:#4a5568}.pattern-sel-btn[data-v-38cad598]:hover{border-color:#049c4c;color:#049c4c}.pattern-sel-btn.active[data-v-38cad598]{background:#049c4c;border-color:#049c4c;color:#fff}.shift-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px;min-height:60px}.shift-grid{white-space:nowrap;min-width:-moz-max-content;min-width:max-content}.sg-cell{border-bottom:1px solid #edf2f7;border-right:1px solid #f0f0f0;display:flex;align-items:center;justify-content:center}.sg-header{background:#f7fafc;border-bottom:2px solid #e2e8f0;padding:6px 4px;font-size:11px;font-weight:600}.sg-sticky{position:sticky;left:0;z-index:2;background:#fff;border-right:2px solid #e2e8f0!important}.sg-header.sg-sticky{z-index:3;background:#f7fafc}.sg-name{font-weight:600;font-size:12px;padding:4px 8px;justify-content:flex-start;flex-direction:column;align-items:flex-start}.sg-name-text{line-height:1.3}.sg-name-badges{display:flex;gap:3px;margin-top:2px}.sg-badge-off{color:#718096;background:#edf2f7}.sg-badge-leave,.sg-badge-off{font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px}.sg-badge-leave{color:#c05621;background:#feebc8}.sg-dh{display:flex;flex-direction:column;align-items:center;line-height:1.2}.sg-dn{font-size:13px;font-weight:700}.sg-dw{font-size:9px;color:#718096}.sg-hol{font-size:8px;color:#e53e3e;font-weight:700}.sg-sun,.sg-sun .sg-dn{color:#e53e3e!important}.sg-sat,.sg-sat .sg-dn{color:#3182ce!important}.sg-header.sg-sun{background:#fff5f5!important}.sg-header.sg-sat{background:#ebf8ff!important}.sg-data{padding:2px;cursor:pointer;min-width:56px;min-height:58px;flex-direction:column;transition:background .1s}.sg-data:hover{background:#edf2f7!important}.sg-sun-bg{background:#fff5f5}.sg-sat-bg{background:#f0f8ff}.sg-off-bg{background:#f7fafc}.sg-leave-bg{background:#fffaf0}.sg-shift-row{padding-bottom:1px;border-bottom:1px dashed #e2e8f0;margin-bottom:1px}.sg-actual-row,.sg-shift-row{display:flex;align-items:center;gap:2px;justify-content:center}.sg-label-s{background:#a0aec0}.sg-label-a,.sg-label-s{font-size:7px;font-weight:700;color:#fff;padding:0 2px;border-radius:2px;line-height:1.5}.sg-label-a{background:#049c4c}.sg-t{color:#718096}.sg-t,.sg-ta{font-size:9px;font-weight:600;text-align:center;line-height:1.3}.sg-ta{color:#049c4c}.sg-ta.sg-diff{color:#e53e3e;font-weight:700}.sg-off{font-size:11px;font-weight:700;color:#a0aec0}.sg-leave{font-size:10px;font-weight:700;color:#ed8936}.sg-loc{font-size:8px;font-weight:700;color:#fff;background:#3182ce;padding:1px 4px;border-radius:3px;margin-top:1px;display:inline-block}.sg-count-label{font-size:11px;font-weight:700;color:#4a5568;background:#f7fafc;border-top:2px solid #e2e8f0;justify-content:flex-start;padding-left:8px}.sg-req-off{border:2px solid #ed8936!important;position:relative}.sg-req-mark{position:absolute;top:1px;right:2px;font-size:7px;font-weight:700;color:#fff;background:#ed8936;padding:0 3px;border-radius:2px;line-height:1.4}.sg-count{font-size:12px;font-weight:700;color:#049c4c;background:#f7fafc;border-top:2px solid #e2e8f0;padding:6px 4px}.tc-nav[data-v-c89439f6]{display:flex;gap:4px;background:#fff;border-radius:12px;padding:4px;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid #e2e8f0}.tc-nav-item[data-v-c89439f6]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;border-radius:10px;text-decoration:none;color:#718096;font-size:11px;font-weight:600;transition:all .15s ease}.tc-nav-item i[data-v-c89439f6]{font-size:18px;margin-bottom:2px}.tc-nav-item[data-v-c89439f6]:hover{background:#f0faf4;color:#049c4c;text-decoration:none}.tc-nav-item.active[data-v-c89439f6]{background:#049c4c;color:#fff}.tc-nav-item.router-link-active[data-v-c89439f6]:not(.active){background:transparent;color:#718096}.tc-layout[data-v-9a85dce4]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8f5e9)}.tc-container[data-v-9a85dce4]{max-width:600px;margin:0 auto;padding:16px}.tc-top-nav[data-v-9a85dce4]{margin-bottom:16px}.tc-content[data-v-9a85dce4]{min-height:70vh}.tc-login[data-v-4b9a0a22]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card[data-v-4b9a0a22]{background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.1);width:100%;max-width:380px;overflow:hidden}.login-header[data-v-4b9a0a22]{background:#fff;padding:32px 20px 16px;text-align:center;border-bottom:2px solid #e2e8f0}.login-logo[data-v-4b9a0a22]{height:70px;-o-object-fit:contain;object-fit:contain}.login-form[data-v-4b9a0a22]{padding:28px 24px}.field-group[data-v-4b9a0a22]{margin-bottom:16px}.field-group label[data-v-4b9a0a22]{font-size:13px;font-weight:600;color:#4a5568;margin-bottom:4px;display:block}.field-group .form-control[data-v-4b9a0a22]{border-radius:8px;padding:10px 14px;font-size:16px}.password-wrap[data-v-4b9a0a22]{position:relative}.password-wrap .form-control[data-v-4b9a0a22]{padding-right:44px}.pw-toggle[data-v-4b9a0a22]{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:none;color:#718096;cursor:pointer;font-size:16px}.remember-row[data-v-4b9a0a22]{margin-bottom:20px}.remember-label[data-v-4b9a0a22]{display:flex;align-items:center;gap:6px;font-size:13px;color:#718096;cursor:pointer;margin:0}.remember-label input[data-v-4b9a0a22]{width:16px;height:16px}.btn-login[data-v-4b9a0a22]{width:100%;padding:12px;background:#049c4c;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s}.btn-login[data-v-4b9a0a22]:hover:not(:disabled){background:#038a42}.btn-login[data-v-4b9a0a22]:disabled{opacity:.7}.forgot-link[data-v-4b9a0a22]{text-align:center;margin-top:16px;margin-bottom:0}.forgot-link a[data-v-4b9a0a22]{color:#049c4c;font-size:13px}.modal-overlay[data-v-4b9a0a22]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1050;display:flex;align-items:center;justify-content:center}.modal-box[data-v-4b9a0a22]{background:#fff;border-radius:16px;width:340px;max-width:90vw;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden}.modal-box-header[data-v-4b9a0a22]{padding:16px 20px;border-bottom:1px solid #edf2f7}.modal-box-title[data-v-4b9a0a22]{font-weight:700;font-size:15px;margin:0}.modal-box-body[data-v-4b9a0a22]{padding:16px 20px;display:flex;flex-direction:column;gap:8px}.shop-select-btn[data-v-4b9a0a22]{width:100%;padding:14px 16px;border:1.5px solid #d2d6dc;border-radius:10px;background:#fff;font-size:15px;font-weight:600;text-align:left;cursor:pointer;transition:all .15s}.shop-select-btn[data-v-4b9a0a22]:hover{border-color:#049c4c;background:#f0fff4;color:#049c4c}.punch-page[data-v-68cfb700]{display:flex;justify-content:center}.punch-card[data-v-68cfb700]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:32px 28px;width:100%;max-width:400px;text-align:center}.punch-clock[data-v-68cfb700]{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:4px}.clock-digit[data-v-68cfb700]{font-size:48px;font-weight:700;color:#1a202c;font-variant-numeric:tabular-nums;width:65px;display:inline-block}.clock-sep[data-v-68cfb700]{font-size:40px;font-weight:300;color:#a0aec0}.clock-sec[data-v-68cfb700]{font-size:20px;font-weight:500;color:#a0aec0;width:30px;margin-left:4px}.punch-date[data-v-68cfb700]{font-size:16px;color:#718096;margin-bottom:28px;font-weight:500}.punch-buttons[data-v-68cfb700]{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.punch-btn[data-v-68cfb700]{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-radius:12px;border:2px solid #049c4c;background:#fff;cursor:pointer;transition:all .2s ease;font-size:16px}.punch-btn[data-v-68cfb700]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(4,156,76,.2)}.punch-btn[data-v-68cfb700]:disabled{cursor:default}.punch-btn.punched[data-v-68cfb700]{background:#049c4c;color:#fff;border-color:#049c4c}.punch-btn.stop[data-v-68cfb700]{border-color:#3182ce}.punch-btn.stop.punched[data-v-68cfb700]{background:#3182ce;border-color:#3182ce}.punch-btn-label[data-v-68cfb700]{font-weight:600;font-size:16px}.punch-btn-time[data-v-68cfb700]{font-weight:700;font-size:20px;font-variant-numeric:tabular-nums}.punch-btn-time span[data-v-68cfb700]{margin:0 2px}.punch-summary[data-v-68cfb700]{background:#f7fafc;border-radius:12px;padding:16px 20px;border:1px solid #e2e8f0}.summary-row[data-v-68cfb700]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.summary-row+.summary-row[data-v-68cfb700]{border-top:1px solid #edf2f7}.summary-label[data-v-68cfb700]{font-size:15px;color:#4a5568;font-weight:500}.summary-value[data-v-68cfb700]{font-size:20px;font-weight:700;color:#1a202c;font-variant-numeric:tabular-nums}.summary-value small[data-v-68cfb700]{font-size:16px;color:#a0aec0;margin:0 1px}@media (max-width:480px){.punch-card[data-v-68cfb700]{padding:24px 20px}.clock-digit[data-v-68cfb700]{font-size:40px;width:55px}.clock-sep[data-v-68cfb700]{font-size:32px}.punch-btn[data-v-68cfb700]{padding:12px 20px}}.__width[data-v-7081557c]{width:530px}.__header[data-v-7081557c]{display:flex;width:530px;height:60px;border-bottom:1px solid #000}.__header .__item[data-v-7081557c]{flex:1;display:flex;align-items:center;flex-direction:column;font-weight:500;padding-top:5px;cursor:pointer}.__header .__item .__time[data-v-7081557c]{font-size:10px;font-weight:500}.__header .__item .__paid-leave[data-v-7081557c]{font-size:10px;font-weight:600;display:flex;align-items:center;height:40px}.__list[data-v-7081557c]{width:100%;table-layout:fixed;display:table}.__list td[data-v-7081557c],.__list th[data-v-7081557c]{text-align:center}.__list thead tr[data-v-7081557c]{padding-left:5px!important;background-color:#fff;border-top:1px solid gray;border-bottom:1px solid gray;height:45px;font-size:14px}.__list tbody[data-v-7081557c]{display:block;height:400px;overflow-y:scroll;overflow-x:hidden;position:relative}.__list tbody tr[data-v-7081557c]{border-bottom:1px solid gray;height:45px;font-size:14px}.__list tbody tr td[data-v-7081557c]{width:88.3333333333px;max-width:88.3333333333px;overflow:hidden;text-overflow:ellipsis}.__list tbody[data-v-7081557c]::-webkit-scrollbar{width:0;background:transparent}.__pointer[data-v-7081557c]{cursor:pointer}.__comment[data-v-7081557c]{border-radius:25px}.__comment textarea[data-v-7081557c]{border-radius:10px;border:2px solid gray;width:100%;padding:5px 10px}.__comment p[data-v-7081557c]{margin-bottom:0;text-align:center;word-break:break-word}.__comment .modal-footer[data-v-7081557c]{border-top:none;padding:0;margin-top:0}.__comment .__modal-btn[data-v-7081557c]{flex:1;margin:0 5px;min-height:44px;font-size:16px}.btn-note[data-v-7081557c]{background-color:#781cdc;color:#fff}.btn-note[data-v-7081557c]:hover{color:#fff}@media screen and (max-width:768px){.__width[data-v-7081557c]{width:100%;max-width:100%}.__header[data-v-7081557c]{width:100%;max-width:100%;height:auto;min-height:85px}.__header .__item[data-v-7081557c]{font-size:17px;padding:8px 6px;min-height:85px;justify-content:flex-start}.__header .__item .__time[data-v-7081557c]{font-size:13px;margin-top:4px}.__header .__item .__paid-leave[data-v-7081557c]{font-size:13px;height:auto;margin-top:4px}.__list[data-v-7081557c]{width:100%;font-size:12px;table-layout:fixed;display:table}.__list thead[data-v-7081557c]{display:block}.__list thead tr[data-v-7081557c]{display:table;width:100%;table-layout:fixed;font-size:12px;height:40px}.__list thead th[data-v-7081557c]{display:table-cell;width:16.6666666667%;padding:5px 2px}.__list tbody[data-v-7081557c]{display:block;height:300px;overflow-y:scroll;overflow-x:hidden;width:100%}.__list tbody tr[data-v-7081557c]{display:table;width:100%;table-layout:fixed;height:40px;font-size:11px}.__list tbody tr td[data-v-7081557c]{display:table-cell;width:16.6666666667%;padding:5px 2px}.modal-dialog[data-v-7081557c]{margin:10px;max-width:calc(100% - 20px)}.modal-body[data-v-7081557c]{padding:15px}.__comment .modal-footer[data-v-7081557c]{flex-direction:row;gap:10px}.__comment .__modal-btn[data-v-7081557c]{margin:0;min-height:44px;font-size:16px;flex:1}.__comment p[data-v-7081557c]{font-size:16px;padding:10px 0}.btn[data-v-7081557c]{min-height:44px;font-size:16px;width:100%;margin-bottom:10px}textarea[data-v-7081557c]{font-size:16px}}@media screen and (max-width:375px){.__width[data-v-7081557c]{width:100%;max-width:100%;padding:0 5px}.__header[data-v-7081557c]{width:100%;max-width:100%}.__header .__item[data-v-7081557c]{font-size:14px;padding:6px 4px}.__list[data-v-7081557c]{width:100%;max-width:100%}.__list thead tr[data-v-7081557c]{font-size:11px;height:38px}.__list tbody tr[data-v-7081557c]{font-size:10px;height:38px}.__list tbody tr td[data-v-7081557c]{padding:4px 1px;font-size:10px}}@media screen and (max-width:480px){.__header[data-v-7081557c]{min-height:75px}.__header .__item[data-v-7081557c]{font-size:15px;padding:6px 5px;min-height:75px}.__header .__item .__paid-leave[data-v-7081557c],.__header .__item .__time[data-v-7081557c]{font-size:12px;margin-top:3px}.__list[data-v-7081557c]{font-size:11px;table-layout:fixed;display:table}.__list thead[data-v-7081557c]{display:block}.__list thead tr[data-v-7081557c]{display:table;width:100%;table-layout:fixed;font-size:11px;height:35px}.__list thead th[data-v-7081557c]{display:table-cell;width:16.6666666667%;padding:5px 2px}.__list tbody[data-v-7081557c]{display:block;height:250px;overflow-y:scroll;overflow-x:hidden;width:100%}.__list tbody tr[data-v-7081557c]{display:table;width:100%;table-layout:fixed;height:35px;font-size:10px}.__list tbody tr td[data-v-7081557c]{display:table-cell;width:16.6666666667%;padding:5px 2px}.modal-dialog[data-v-7081557c]{margin:5px;max-width:calc(100% - 10px)}.modal-body[data-v-7081557c]{padding:12px}.__comment p[data-v-7081557c]{font-size:15px;padding:8px 0}.__comment .__modal-btn[data-v-7081557c]{font-size:15px;min-height:42px;padding:8px 12px}}.list-page[data-v-b7b16c7a]{display:flex;justify-content:center}.list-card[data-v-b7b16c7a]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:20px;width:100%;max-width:560px}.list-header[data-v-b7b16c7a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.list-selectors[data-v-b7b16c7a]{display:flex;gap:8px}.list-selectors select[data-v-b7b16c7a]{width:auto;min-width:100px;font-size:15px!important;font-weight:600;border-radius:8px;border:1.5px solid #d2d6dc;padding:6px 28px 6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23718096' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;height:auto;background:#fff}.view-toggle-btn[data-v-b7b16c7a]{width:38px;height:38px;border-radius:8px;border:none;background:#049c4c;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.view-toggle-btn[data-v-b7b16c7a]:hover{background:#038a42}.app-page{display:flex;justify-content:center;width:100%}.app-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:20px;width:100%;max-width:560px;box-sizing:border-box}.app-card-title{font-size:16px;font-weight:700;color:#049c4c;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #e2e8f0;display:block;width:100%}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.app-selectors{display:flex;gap:8px}.app-selectors select{width:auto;min-width:100px;font-size:15px;font-weight:600;border-radius:8px;border:1.5px solid #d2d6dc;padding:6px 28px 6px 10px;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23718096' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;overflow:visible;text-overflow:clip;height:auto}.app-card .view-toggle-btn{width:38px;height:38px;border-radius:8px;border:none;background:#049c4c;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.app-card .view-toggle-btn:hover{background:#038a42}.correction-page{display:flex;justify-content:center;width:100%}.correction-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:24px 20px;width:100%;max-width:400px;box-sizing:border-box}.correction-card-title{font-size:16px;font-weight:700;color:#049c4c;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #e2e8f0;display:block;width:100%}.correction-card .time-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.correction-card .time-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;border:2px solid #049c4c;background:#fff;cursor:pointer;transition:all .15s;width:100%;height:auto;box-sizing:border-box}.correction-card .time-btn:hover{background:#f0fff4}.correction-card .time-btn-label{font-size:15px;font-weight:600;color:#2d3748}.correction-card .time-btn-value{font-size:22px;font-weight:700;color:#049c4c;font-variant-numeric:tabular-nums;display:flex;align-items:baseline}.correction-card .time-btn-value small{font-size:18px;color:#a0aec0;margin:0 1px}.correction-card .summary-box{background:#f7fafc;border-radius:12px;padding:16px 20px;border:1px solid #e2e8f0;margin-bottom:24px}.correction-card .summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.correction-card .summary-row+.summary-row{border-top:1px solid #edf2f7}.correction-card .summary-label{font-size:15px;color:#4a5568;font-weight:500}.correction-card .summary-value{font-size:20px;font-weight:700;color:#1a202c;font-variant-numeric:tabular-nums}.correction-card .summary-value small{font-size:16px;color:#a0aec0}.correction-card .action-buttons{display:flex;flex-direction:column;gap:10px}.correction-card .btn-action{width:100%;padding:12px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s;height:auto}.correction-card .comment-box{margin-bottom:20px}.correction-card .comment-label{font-size:13px;font-weight:600;color:#4a5568;margin-bottom:4px;display:block}.correction-card .comment-input{width:100%;border:1.5px solid #d2d6dc;border-radius:8px;padding:10px 12px;font-size:14px;resize:vertical;box-sizing:border-box;transition:border-color .2s}.correction-card .comment-input:focus{border-color:#049c4c;outline:none;box-shadow:0 0 0 3px rgba(4,156,76,.12)}.correction-card .btn-apply{background:#4075ff;color:#fff}.correction-card .btn-apply:hover{background:#2d5fdf}.correction-card .btn-edit{background:#049c4c;color:#fff}.correction-card .btn-edit:hover{background:#038a42}.correction-card .btn-cancel{background:#fff;color:#718096;border:1.5px solid #d2d6dc}.correction-card .btn-cancel:hover{background:#f7fafc}.correction-card .btn-delete{background:#fff;color:#e53e3e;border:2px solid #e53e3e}.correction-card .btn-delete:hover{background:#fff5f5}.correction-page .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1050;display:flex;align-items:center;justify-content:center}.picker-box{background:#fff;border-radius:16px;width:320px;max-width:90vw;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #edf2f7}.picker-title{font-weight:700;font-size:16px;margin:0}.picker-close{border:none;background:none;font-size:24px;color:#718096;cursor:pointer}.picker-body{padding:20px}.picker-box .preset-btns{display:flex;gap:10px;margin-bottom:20px}.picker-box .preset-btn{flex:1;padding:10px;border:1.5px solid #d2d6dc;border-radius:8px;background:#f7fafc;font-size:16px;font-weight:600;color:#4a5568;cursor:pointer;text-align:center;transition:all .15s;height:auto;width:auto}.picker-box .preset-btn:hover{border-color:#049c4c;color:#049c4c}.picker-selects{display:flex;align-items:center;justify-content:center;gap:8px}.picker-select{font-size:24px;font-weight:700;padding:10px 16px;border:2px solid #d2d6dc;border-radius:10px;text-align:center;width:100px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff}.picker-select:focus{border-color:#049c4c;outline:none}.picker-sep{font-size:28px;font-weight:700;color:#a0aec0}.picker-footer{padding:16px 20px;border-top:1px solid #edf2f7}.picker-box .btn-confirm{width:100%;padding:12px;background:#049c4c;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s;height:auto}.picker-box .btn-confirm:hover{background:#038a42}.info-page[data-v-addc27d2]{display:flex;justify-content:center}.info-card[data-v-addc27d2]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:24px;width:100%;max-width:440px}.info-title[data-v-addc27d2]{font-size:15px;font-weight:700;color:#049c4c;padding-bottom:10px;margin-bottom:4px;border-bottom:2px solid #e2e8f0}.info-table[data-v-addc27d2]{width:100%;margin-bottom:24px}.info-table th[data-v-addc27d2]{font-size:13px;font-weight:600;color:#718096;padding:10px 8px;width:35%;border-bottom:1px solid #edf2f7}.info-table td[data-v-addc27d2]{font-size:15px;font-weight:500;color:#1a202c;padding:10px 8px;border-bottom:1px solid #edf2f7;text-align:right}.logout-btn[data-v-addc27d2]{width:100%;padding:12px;background:#fff;color:#e53e3e;border:2px solid #e53e3e;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}.logout-btn[data-v-addc27d2]:hover{background:#e53e3e;color:#fff}.__logo{position:relative;height:81px;width:81px}.__logo .inner-img{position:absolute;z-index:10;top:0;left:0;margin-top:18px;margin-left:18px}.__title{color:#049c4c;text-align:center;width:100%;margin-top:15px}.__date[data-v-6b374ccb]{font-size:24px;font-weight:500}.__outline[data-v-6b374ccb]{height:65px!important}.__btn-save[data-v-6b374ccb]{margin-top:80px;width:200px}@media screen and (max-width:768px){.__date[data-v-6b374ccb]{font-size:20px}.__punch[data-v-6b374ccb]{width:100%!important;max-width:320px;min-height:56px;font-size:18px;touch-action:manipulation}.__btn-save[data-v-6b374ccb]{width:100%;max-width:280px;min-height:48px;font-size:16px;margin-top:40px}.__time[data-v-6b374ccb]{font-size:24px!important}}@media screen and (max-width:480px){.__date[data-v-6b374ccb]{font-size:18px}.__punch[data-v-6b374ccb]{max-width:100%;min-height:52px;font-size:16px}.__btn-save[data-v-6b374ccb]{max-width:100%;min-height:44px;font-size:14px}.__time[data-v-6b374ccb]{font-size:20px!important}}@media screen and (max-width:768px){.modal-dialog[data-v-6b374ccb]{margin:10px;max-width:calc(100% - 20px)}.modal-body[data-v-6b374ccb]{padding:20px}.btn[data-v-6b374ccb]{min-height:44px;font-size:16px;width:100%;max-width:200px}}@media screen and (max-width:375px){.__date[data-v-6b374ccb]{font-size:17px}.__punch[data-v-6b374ccb]{font-size:15px;min-height:50px}.__time[data-v-6b374ccb]{font-size:19px!important}.__btn-save[data-v-6b374ccb]{font-size:13px}}html{font-size:16px}body{font-family:Noto Sans JP,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2d3748;line-height:1.7;letter-spacing:.02em;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:700;color:#1a202c;letter-spacing:.01em}h1{font-size:1.875rem}h2{font-size:1.625rem}h3{font-size:1.375rem}h5{font-size:1.2rem}p{line-height:1.7}input,p,select,textarea{font-size:16px!important}a{transition:color .2s ease,opacity .2s ease}a:hover{opacity:.85}.btn{font-size:15px;font-weight:600;border-radius:6px;padding:8px 20px;transition:all .2s ease;letter-spacing:.03em}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.btn:active{transform:translateY(0)}.btn-success{background-color:#049c4c;border-color:#049c4c}.btn-success:hover{background-color:#038a42;border-color:#038a42}.bg-warning,.btn-warning{color:#fff!important}.card{border:none;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:box-shadow .25s ease}.card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08)}.card-header{border-radius:10px 10px 0 0!important;font-weight:600;font-size:16px;padding:16px 20px}.card-body{padding:24px}.form-control{border-radius:6px;border:1.5px solid #d2d6dc;padding:10px 14px;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fafafa}.form-control:focus{border-color:#049c4c;box-shadow:0 0 0 3px rgba(4,156,76,.12);background-color:#fff}.input-group-text{border-radius:0 6px 6px 0;background-color:#f7f8fa;border:1.5px solid #d2d6dc;border-left:none}.col-form-label,.col-form-span,label{font-weight:600;font-size:15px;color:#4a5568}.table{font-size:15px}.table thead th{font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:#4a5568;border-bottom:2px solid #e2e8f0;padding:14px 12px;background-color:#f7fafc}.table td{padding:14px 12px;vertical-align:middle;border-color:#edf2f7}.table-striped tbody tr:nth-of-type(odd){background-color:#f7fafc}.table-hover tbody tr:hover{background-color:#edf2f7}.main-sidebar{box-shadow:2px 0 12px rgba(0,0,0,.1)}.sidebar-dark-primary .nav-sidebar .nav-link{font-size:15px;padding:12px 16px;border-radius:6px;margin:2px 8px;transition:background-color .2s ease}.sidebar-dark-primary .nav-sidebar .nav-link:hover{background-color:hsla(0,0%,100%,.08)}.sidebar-dark-primary .nav-sidebar .nav-link.active{background-color:#049c4c!important;box-shadow:0 2px 8px rgba(4,156,76,.3)}.brand-link{padding:16px!important;font-size:17px!important;border-bottom:1px solid hsla(0,0%,100%,.08)!important}.main-header.navbar{box-shadow:0 2px 8px rgba(0,0,0,.06);min-height:56px}.main-header .nav-link{font-size:16px;font-weight:500}.content-wrapper{background-color:#f0f2f5}.content-header h1{font-size:1.625rem;font-weight:700}.breadcrumb{background:transparent;font-size:14px}.breadcrumb-item a{color:#049c4c}.badge{font-size:13px;font-weight:600;padding:5px 10px;border-radius:4px}.modal-content{border:none;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.15)}.modal-header{border-bottom:1px solid #edf2f7;padding:20px 24px}.modal-body{padding:24px}.modal-footer{border-top:1px solid #edf2f7;padding:16px 24px}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{width:400px;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.1);overflow:hidden}.login-box .card-header{padding:28px 20px;font-size:22px}.login-box .card-body{padding:32px 28px}.body-bg{background-image:url(/img/login-bg.4a5d8c90.png)!important;background-size:cover;background-position:50%}.justify{justify-content:space-around!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.description-block{text-align:center;padding:20px}.description-block img{border-radius:10px;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease}.description-block img:hover{transform:scale(1.03)}.description-header{font-size:17px!important;font-weight:700;margin-top:12px}.description-text{font-size:14px;color:#718096}.card.bg-default{background-color:#fff;border:1px solid #e2e8f0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#a0aec0}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.__diagonal-bg{background:linear-gradient(135deg,#f5f7fa,#e8f5e9);height:100vh}.__timecard{display:flex;flex-direction:column;align-items:center;height:100vh;padding-top:60px}.__timecard .__logo-margin{margin-bottom:100px}.__timecard .__form input{border-radius:6px!important;border:1.5px solid #d2d6dc;height:48px;padding-left:14px;padding-right:14px;outline:none;font-size:16px;background-color:#fafafa;transition:border-color .2s ease,box-shadow .2s ease}.__timecard .__form input:focus{border:1.5px solid #049c4c;box-shadow:0 0 0 3px rgba(4,156,76,.12);background-color:#fff}.__timecard .btn{height:48px;font-weight:600;font-size:16px;letter-spacing:.03em;transition:all .2s ease}.__timecard .btn.rounded{border-radius:50px!important}.__timecard .btn.__primary{background-color:#049c4c;color:#fff;border-radius:6px}.__timecard .btn.__primary:hover{background-color:#038340;transform:translateY(-1px);box-shadow:0 4px 12px rgba(4,156,76,.25)}.__timecard .btn.__punched-no{border:2px solid #049c4c;color:#1a202c;border-radius:6px}.__timecard .btn.__punched-no:hover{background-color:rgba(4,156,76,.05)}.__timecard .btn.__punched-yes{border:none;background-color:#049c4c;color:#fff;border-radius:6px}.__timecard .btn.__punch{width:300px;display:flex;justify-content:space-between;align-items:center;text-align:center;padding-left:30px;padding-right:30px;font-weight:600;height:54px;border-radius:8px;font-size:17px}.__timecard select{border-radius:6px!important;color:#4a5568;background-color:#fafafa;height:38px;padding-left:10px;padding-right:10px;outline:none;border:1.5px solid #d2d6dc;font-size:16px;transition:border-color .2s ease}.__timecard select:focus{border-color:#049c4c;box-shadow:0 0 0 3px rgba(4,156,76,.12)}