*,:before,:after{box-sizing:border-box}:root{--color-primary:#2563eb}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%}body{color:#1f2937;-webkit-font-smoothing:antialiased;background-color:#f5f7fa;margin:0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans SC,Noto Sans Devanagari,Yu Gothic UI,meiryo,system-ui,sans-serif;font-size:1rem;line-height:1.6}h1,h2,h3,h4,p{margin:0}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}table{border-collapse:collapse}:focus-visible{outline-offset:2px;outline:2px solid #2563eb73}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media print{body{background:#fff}}.alert{border:1px solid;border-radius:.5rem;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.alert__icon{flex-shrink:0;width:1.125rem;height:1.125rem;margin-top:.125rem}.alert__title{font-weight:700}.alert--info{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.alert--success{color:#166534;background-color:#f0fdf4;border-color:#bbf7d0}.alert--warning{color:#92400e;background-color:#fffbeb;border-color:#fde68a}.alert--error{color:#991b1b;background-color:#fef2f2;border-color:#fecaca}.attendance-chip{white-space:nowrap;color:#6b7280;background-color:#fff;border:1px solid #e5e7eb;border-radius:.25rem;justify-content:center;align-items:center;gap:.25rem;min-width:1.5rem;padding:0 .25rem;font-size:.75rem;font-weight:700;line-height:1.5;display:inline-flex}.attendance-chip__glyph{font-size:.875rem;line-height:1}.attendance-chip--present{color:#0e6a30;background-color:#def2e6;border-color:#96d6ae}.attendance-chip--late{color:#8d4d04;background-color:#faecdc;border-color:#eec28f}.attendance-chip--early_leave{color:#835a03;background-color:#f8efdc;border-color:#e7ca8e}.attendance-chip--absent{color:#901717;background-color:#fae1e1;border-color:#ef9d9d}.attendance-chip--official_absence{color:#4b10b0;background-color:#ede3fc;border-color:#c4a6f7}.attendance-chip--requested{color:#1d4ed8;background-color:#fff;border-style:dashed;border-color:#bfdbfe}.badge{white-space:nowrap;color:#1f2937;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;padding:.0625rem .5rem;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex}.badge--blue{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.badge--green{color:#166534;background-color:#f0fdf4;border-color:#bbf7d0}.badge--amber{color:#92400e;background-color:#fffbeb;border-color:#fde68a}.badge--orange{color:#9a3412;background-color:#fff7ed;border-color:#fed7aa}.badge--red{color:#991b1b;background-color:#fef2f2;border-color:#fecaca}.badge--purple{color:#5b21b6;background-color:#f5f3ff;border-color:#ddd6fe}.bulk-toolbar{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.bulk-toolbar__count{font-weight:700}.bulk-toolbar__group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.button{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;background-color:#2563eb;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.button:hover{background-color:#1d4ed8;text-decoration:none}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.button__icon{flex-shrink:0;width:1rem;height:1rem}.button--secondary{color:#1f2937;background-color:#f9fafb;border-color:#e5e7eb}.button--secondary:hover{background-color:#e5e7eb}.button--outline{color:#1f2937;background-color:#fff;border-color:#d1d5db}.button--outline:hover{background-color:#f9fafb}.button--ghost{color:#1f2937;background-color:#0000}.button--ghost:hover{background-color:#f9fafb}.button--danger{background-color:#dc2626}.button--danger:hover{background-color:#b91c1c}.button--link{color:#2563eb;background-color:#0000;min-height:auto;padding:0;font-weight:500}.button--link:hover{background-color:#0000;text-decoration:underline}.button--small{min-height:1.875rem;padding:.25rem .75rem;font-size:.75rem}.button--large{border-radius:.75rem;min-height:3rem;padding:.75rem 1.5rem;font-size:1rem}.button--block{width:100%}.button--icon{width:2.25rem;padding:0}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px #0f172a0f}.card__header{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem 0;display:flex}.card__title{font-size:1rem;font-weight:700}.card__description{color:#6b7280;margin-top:.25rem;font-size:.875rem}.card__body{padding:1rem 1.25rem}.card__footer{justify-content:flex-end;gap:.5rem;padding:0 1.25rem 1rem;display:flex}.card--flat{box-shadow:none}.data-table{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;width:100%;overflow-x:auto}.data-table__table{width:100%;font-size:.875rem}.data-table__head-cell{z-index:1;text-align:left;white-space:nowrap;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.5rem .75rem;font-weight:600;position:sticky;top:0}.data-table__row{border-bottom:1px solid #e5e7eb}.data-table__row:last-child{border-bottom:0}.data-table__row:hover{background-color:#f9fafb}.data-table__row--muted{color:#6b7280;background-color:#f3f4f6}.data-table__cell{white-space:nowrap;vertical-align:middle;padding:.5rem .75rem}.data-table__cell--numeric{font-variant-numeric:tabular-nums;text-align:right}.data-table__cell--wrap{white-space:normal}.data-table__empty{color:#6b7280;text-align:center;padding:2rem 1rem}.dialog__overlay{z-index:50;background-color:#0f172a73;position:fixed;inset:0}.dialog__content{z-index:50;background-color:#fff;border-radius:.75rem;gap:1rem;width:calc(100% - 2rem);max-width:32rem;max-height:calc(100dvh - 2rem);padding:1.5rem;display:grid;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 12px 32px #0f172a2e}.dialog__content--wide{max-width:48rem}.dialog__header{gap:.25rem;padding-right:1.5rem;display:grid}.dialog__title{font-size:1.125rem;font-weight:700}.dialog__description{color:#6b7280;font-size:.875rem}.dialog__footer{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.dialog__close{cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:.25rem;padding:.25rem;display:inline-flex;position:absolute;top:1rem;right:1rem}.dialog__close:hover{opacity:1}.download-form{display:inline-flex}.dropdown__content{z-index:50;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;min-width:12rem;padding:.25rem;box-shadow:0 4px 12px #0f172a1a}.dropdown__label{color:#6b7280;padding:.5rem .5rem .25rem;font-size:.75rem}.dropdown__item{cursor:pointer;color:#1f2937;text-align:left;background:0 0;border:0;border-radius:.25rem;outline:none;align-items:center;gap:.5rem;width:100%;padding:.5rem;font-size:.875rem;display:flex}.dropdown__item[data-highlighted]{background-color:#f9fafb;text-decoration:none}.dropdown__separator{background-color:#e5e7eb;height:1px;margin:.25rem 0}.filter-panel{gap:.75rem;display:grid}.filter-panel__fields{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem;display:grid}.filter-panel__actions{flex-wrap:wrap;gap:.5rem;display:flex}.form{gap:1rem;display:grid}.form__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.form__row{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem;display:grid}.form-field{gap:.25rem;display:grid}.form-field__label{font-size:.875rem;font-weight:600}.form-field__hint{color:#6b7280;font-size:.75rem}.form-field__error{color:#dc2626;white-space:pre-line;font-size:.75rem}.form-field--inline{align-items:center;gap:.5rem;display:flex}.input,.textarea,.select{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;min-height:2.25rem;padding:.5rem .75rem;font-size:.875rem}.input:focus,.textarea:focus,.select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb33}.input:disabled,.textarea:disabled,.select:disabled{cursor:not-allowed;background-color:#f9fafb}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:#dc2626}.input--large{min-height:3rem;font-size:1rem}.textarea{resize:vertical;min-height:5rem}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.form-range{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.25rem;display:grid}.filter-panel__fields .form-field:has(.form-range){grid-column:span 2}.checkbox{cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.checkbox__input{accent-color:#2563eb;width:1rem;height:1rem}.checkbox--filter{align-self:end;min-height:2.25rem}.locale-picker{gap:.5rem;display:grid}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}.page-header__title{font-size:1.25rem;font-weight:700}.page-header__description{color:#6b7280;margin-top:.25rem;font-size:.875rem}.page-header__actions{flex-wrap:wrap;gap:.5rem;display:flex}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.pagination__summary{color:#6b7280}.pagination__links{flex-wrap:wrap;gap:.25rem;display:flex}.pagination__link{color:#1f2937;text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.25rem;min-width:2rem;padding:.25rem .5rem}.pagination__link:hover{background-color:#f9fafb;text-decoration:none}.pagination__link--active{color:#fff;background-color:#2563eb;border-color:#2563eb}.pagination__link--active:hover{background-color:#2563eb}.pagination__link--disabled{pointer-events:none;color:#6b7280;opacity:.6}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.spinner{border:2px solid;border-right-color:#0000;border-radius:9999px;width:1rem;height:1rem;animation:.7s linear infinite spinner-rotate;display:inline-block}.sub-text{color:#6b7280;font-size:.75rem;display:block}.tabs{gap:.75rem;display:grid}.tabs__list{background-color:#eef1f5;border-radius:.5rem;gap:.25rem;width:fit-content;padding:.1875rem;display:inline-flex}.tabs__trigger{cursor:pointer;color:#6b7280;background:0 0;border:0;border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.tabs__trigger[data-state=active]{color:#1f2937;background-color:#fff;box-shadow:0 1px 2px #0f172a0f}.tooltip{z-index:50;color:#fff;background-color:#111827;border-radius:.25rem;max-width:16rem;padding:.25rem .5rem;font-size:.75rem}