*{box-sizing:border-box}body{color:#222;background:#f6f8fa;margin:0;font-family:system-ui,sans-serif}.card{text-align:center;background:#fff;border:1px solid #ddd;border-radius:12px;max-width:360px;margin:8rem auto;padding:2rem;font-family:system-ui,sans-serif}.card h1{margin-top:0}button{color:#fff;cursor:pointer;background:#1a73e8;border:0;border-radius:8px;padding:.6rem 1.2rem;font-size:1rem}button:hover{background:#1558b0}button:disabled{cursor:not-allowed;background:#c6c8cb}.error{color:#c62828}.layout{min-height:100vh;display:flex}.sidebar{color:#e5e7eb;background:#1f2937;flex-direction:column;flex-shrink:0;gap:1.5rem;width:240px;padding:1.5rem 1rem;display:flex}.sidebar__brand{letter-spacing:.05em;padding:0 .5rem;font-size:1.5rem;font-weight:700}.sidebar__nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.sidebar__link{text-align:left;width:100%;font:inherit;color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.6rem .75rem;font-size:.95rem;text-decoration:none;display:block}.sidebar__link:hover,.sidebar__link--active{color:#fff;background:#374151}.sidebar__user{border-top:1px solid #374151;flex-direction:column;gap:.25rem;padding-top:1rem;display:flex}.sidebar__user-name{color:#fff;font-weight:600}.sidebar__user-email{color:#9ca3af;word-break:break-all;font-size:.8rem}.sidebar__user-role{letter-spacing:.05em;text-transform:uppercase;color:#9ca3af;padding-top:.25rem;font-size:.7rem}.sidebar__signout{color:#e5e7eb;background:0 0;border:1px solid #4b5563;margin-top:.75rem}.sidebar__signout:hover{background:#374151}.dashboard{background:#f6f8fa;flex:1;padding:3rem}.dashboard__header h1{color:#111827;margin:0 0 .5rem;font-size:1.75rem}.dashboard__status{color:#6b7280;margin:0 0 2.5rem;font-size:1rem}.dashboard__actions{flex-direction:column;gap:.75rem;max-width:320px;display:flex}.action{color:#111827;text-align:left;background:#fff;border:1px solid #d0d7de;padding:.9rem 1.1rem;font-weight:500}.action:hover:not(:disabled){background:#f3f4f6}.action--primary{color:#fff;background:#1a73e8;border-color:#1a73e8}.action--primary:hover:not(:disabled){background:#1558b0}.action--danger{color:#b42318;background:#fff;border-color:#f4c0bb}.action--danger:hover:not(:disabled){background:#fef3f2}.modal{z-index:1000;background:#1118278c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__content{text-align:center;background:#fff;border-radius:12px;width:min(520px,90vw);padding:1.5rem;box-shadow:0 20px 50px #0003}.modal__content h2{margin:0 0 1rem}.modal__video{background:#000;border-radius:8px;width:100%;transform:scaleX(-1)}.modal__actions{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.modal__actions .action,.modal__actions .action--primary{text-align:center;flex:0 160px}.badge{border-radius:999px;margin-left:.5rem;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge--warn{color:#92400e;background:#fef3c7}.member-list{max-width:640px;margin:0;padding:0;list-style:none}.member-row{cursor:pointer;background:#fff;border:1px solid #d0d7de;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.9rem 1.1rem;transition:background .15s;display:flex}.member-row:hover{background:#f3f4f6}.member-row__name{color:#111827;font-weight:600}.member-row__email{color:#6b7280;font-size:.85rem}.member-row__role{letter-spacing:.05em;color:#374151;background:#e5e7eb;border-radius:999px;padding:.25rem .65rem;font-size:.7rem;font-weight:700}.role--admin{color:#5b21b6;background:#ede9fe}.role--hr{color:#1e3a8a;background:#dbeafe}.month-input{font:inherit;border:1px solid #d0d7de;border-radius:6px;margin-top:.75rem;padding:.4rem .6rem}.gantt{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-width:960px;margin-top:1rem;padding:.75rem 1rem 1rem;overflow-x:auto}.gantt__header,.gantt__row{align-items:stretch;display:flex}.gantt__day-label{color:#374151;border-right:1px solid #e5e7eb;flex:0 0 48px;justify-content:flex-end;align-items:center;padding-right:.6rem;font-size:.8rem;display:flex}.gantt__day-label--head{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.gantt__track{border-bottom:1px solid #f3f4f6;flex:1;min-width:600px;height:22px;position:relative}.gantt__track--head{border-bottom:1px solid #e5e7eb;height:24px}.gantt__tick{color:#9ca3af;pointer-events:none;align-items:flex-end;font-size:.65rem;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.gantt__tick-label{padding-bottom:2px}.gantt__gridline{pointer-events:none;background:#f3f4f6;width:1px;position:absolute;top:0;bottom:0}.gantt__bar{border-radius:3px;min-width:2px;position:absolute;top:3px;bottom:3px}.gantt__bar--work{background:#22c55e}.gantt__bar--break{background:#facc15}.gantt__legend{color:#6b7280;gap:1.5rem;margin-top:1rem;font-size:.85rem;display:flex}.gantt__legend-item{align-items:center;gap:.4rem;display:inline-flex}.legend-swatch{border:1px solid #e5e7eb;border-radius:3px;width:14px;height:14px;display:inline-block}.legend-swatch--work{background:#22c55e;border-color:#16a34a}.legend-swatch--break{background:#facc15;border-color:#ca8a04}.legend-swatch--sunday{background:#a855f7;border-color:#7e22ce}.gantt__row--sunday .gantt__track{background:#a855f7}.gantt__row--sunday .gantt__gridline{background:#ffffff40}.gantt__row--sunday .gantt__day-label{color:#7e22ce;font-weight:600}.member-detail__grid{grid-template-columns:minmax(260px,320px) 1fr;align-items:start;gap:1.25rem;margin-top:1rem;display:grid}.member-detail__chart{min-width:0}@media (width<=900px){.member-detail__grid{grid-template-columns:1fr}}.suspicious-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:70vh;padding:1rem 1.1rem;overflow-y:auto}.suspicious-panel__title{color:#111827;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1rem;display:flex}.suspicious-panel__empty{color:#6b7280;margin:0;font-size:.85rem}.suspicious-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.suspicious-item{color:#374151;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;flex-direction:column;gap:.25rem;padding:.55rem .7rem;font-size:.85rem;display:flex}.suspicious-item__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.suspicious-item__kind{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.suspicious-item__kind--in{color:#92400e;background:#fef3c7}.suspicious-item__kind--out{color:#78350f;background:#fde68a}.suspicious-item__date{color:#6b7280;font-size:.75rem}.suspicious-item__meta{justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.suspicious-item__location{color:#1a73e8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none}.suspicious-item__location:hover{text-decoration:underline}.suspicious-item__distance{color:#92400e;font-weight:500}.calendar-layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:1.25rem;margin-top:1rem;display:grid}@media (width<=900px){.calendar-layout{grid-template-columns:1fr}}.calendar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem 1.1rem 1.25rem}.calendar__nav{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.calendar__nav .action{text-align:center;padding:.35rem .75rem}.calendar__title{color:#111827;font-size:1.05rem;font-weight:600}.calendar__weekdays{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;font-size:.7rem;display:grid}.calendar__weekday{text-align:center;padding:.35rem 0}.calendar__weekday--sun{color:#7e22ce;font-weight:700}.calendar__grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar__cell{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;gap:.15rem;min-height:64px;padding:.35rem .4rem;font-size:.85rem;display:flex;position:relative;overflow:hidden}.calendar__cell--muted{color:#9ca3af;background:#f3f4f6}.calendar__cell--today{outline-offset:-2px;outline:2px solid #1a73e8}.calendar__cell--sunday{color:#fff;background:#a855f7;border-color:#7e22ce}.calendar__cell--sunday.calendar__cell--muted{color:#f5f3ff;background:#c4b5fd;border-color:#a78bfa}.calendar__cell--holiday{color:#422006;background:#fbbf24;border-color:#b45309}.calendar__cell--holiday.calendar__cell--muted{color:#78350f;background:#fcd34d;border-color:#d97706}.calendar__cell--sunday.calendar__cell--holiday{color:#422006;background:#fbbf24;border-color:#7e22ce;box-shadow:inset 0 0 0 2px #a855f7}.calendar__day-number{font-weight:600}.calendar__holiday-label{word-break:break-word;font-size:.7rem;line-height:1.1}.calendar__legend{color:#6b7280;flex-wrap:wrap;gap:1.25rem;margin-top:1rem;font-size:.85rem;display:flex}.calendar__legend-item{align-items:center;gap:.4rem;display:inline-flex}.calendar__swatch{border:1px solid #e5e7eb;border-radius:3px;width:14px;height:14px;display:inline-block}.calendar__swatch--sunday{background:#a855f7;border-color:#7e22ce}.calendar__swatch--holiday{background:#fbbf24;border-color:#b45309}.calendar-admin{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:80vh;padding:1rem 1.1rem;overflow-y:auto}.calendar-admin__title{color:#111827;margin:0 0 .75rem;font-size:1rem}.calendar-admin__form{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:.6rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.calendar-admin__field{color:#6b7280;flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.calendar-admin__field input{font:inherit;color:#111827;border:1px solid #d0d7de;border-radius:6px;padding:.45rem .6rem}.calendar-admin__subtitle{color:#374151;margin:0 0 .5rem;font-size:.85rem}.calendar-admin__empty{color:#6b7280;margin:0;font-size:.85rem}.calendar-admin__list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.calendar-admin__row{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .6rem;font-size:.85rem;display:flex}.calendar-admin__row-date{color:#111827;font-weight:600}.calendar-admin__row-name{color:#6b7280;font-size:.75rem}.calendar-admin__row .action{padding:.35rem .7rem;font-size:.8rem}.calendar__cell--clickable{cursor:pointer;font:inherit;text-align:left;width:100%}.calendar__cell--clickable:hover{filter:brightness(.96);box-shadow:0 1px 6px #00000014}.calendar__cell--clickable:focus-visible{outline-offset:-2px;outline:2px solid #1a73e8}.calendar__leave-dot{border:1px solid #00000026;border-radius:999px;width:10px;height:10px;display:inline-block;position:absolute;bottom:4px;right:4px}.calendar__leave-dot--pending{background:#f97316}.calendar__leave-dot--approved{background:#16a34a}.calendar__cell--leave-pending{box-shadow:inset 0 0 0 2px #f97316}.calendar__cell--leave-approved{box-shadow:inset 0 0 0 2px #16a34a}.leave-notifications{flex-direction:column;gap:.5rem;max-width:520px;margin-bottom:1.5rem;display:flex}.leave-notification{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.leave-notification__icon{color:#fff;background:#16a34a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}.leave-notification__title{color:#065f46;font-size:.95rem}.leave-notification__meta{color:#047857;margin-top:.15rem;font-size:.75rem}.leave-filter{gap:.4rem;margin:.5rem 0 1rem;display:flex}.leave-filter__btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d0d7de;border-radius:999px;padding:.4rem .9rem;font-size:.85rem}.leave-filter__btn:hover{background:#f3f4f6}.leave-filter__btn--active{color:#fff;background:#1a73e8;border-color:#1a73e8}.leave-list{flex-direction:column;gap:.6rem;max-width:720px;margin:0;padding:0;list-style:none;display:flex}.leave-row{background:#fff;border:1px solid #d0d7de;border-radius:8px;flex-direction:column;gap:.4rem;padding:.85rem 1rem;display:flex}.leave-row--pending{border-left:4px solid #f97316}.leave-row--approved{background:#f0fdf4;border-left:4px solid #16a34a}.leave-row__head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.leave-row__name{color:#111827;font-weight:600}.leave-row__email{color:#6b7280;font-size:.8rem}.leave-row__status{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.leave-row__status--pending{color:#9a3412;background:#ffedd5}.leave-row__status--approved{color:#166534;background:#dcfce7}.leave-row__date{color:#374151;font-size:.9rem;font-weight:500}.leave-row__reason{color:#1f2937;white-space:pre-wrap;background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;padding:.5rem .7rem;font-size:.9rem}.leave-row__meta{color:#6b7280;justify-content:space-between;gap:.5rem;font-size:.75rem;display:flex}.leave-row__actions{justify-content:flex-end;gap:.5rem;display:flex}.leave-row__actions .action{padding:.45rem 1rem;font-size:.85rem}.document-area{margin-top:2.5rem}.document-area__divider{border:none;border-top:1px solid #e5e7eb;margin:0 0 1.25rem}.document-area__title{color:#111827;margin:0 0 1rem;font-size:1.15rem}.document-area__empty{color:#6b7280;margin:.25rem 0;font-size:.9rem}.document-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.document-table{border-collapse:collapse;width:100%;font-size:.9rem}.document-table th,.document-table td{text-align:left;vertical-align:top;border-bottom:1px solid #f3f4f6;padding:.6rem .8rem}.document-table th{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;background:#f9fafb;font-size:.75rem}.document-table tr:last-child td{border-bottom:none}.document-table__link{color:#1a73e8;font-weight:500;text-decoration:none}.document-table__link:hover{text-decoration:underline}.document-table__date{color:#6b7280;white-space:nowrap;font-size:.8rem}.document-table__actions{white-space:nowrap;gap:.4rem;display:flex}.document-table__action-btn{padding:.35rem .7rem;font-size:.8rem}.document-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:.6rem;margin-top:1rem;padding:1rem 1.1rem;display:flex}.document-form__title{color:#111827;margin:0;font-size:.95rem}.document-form__row{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}@media (width<=700px){.document-form__row{grid-template-columns:1fr}}.document-form__input,.document-form__textarea{font:inherit;box-sizing:border-box;border:1px solid #d0d7de;border-radius:6px;width:100%;padding:.5rem .7rem}.document-form__textarea{resize:vertical;min-height:56px}.document-form__actions{gap:.5rem;display:flex}@media (width<=700px){.layout{flex-direction:column;min-height:100vh}.sidebar{flex-flow:wrap;align-items:center;gap:.6rem;width:auto;padding:.6rem .9rem}.sidebar__brand{padding:0;font-size:1.1rem}.sidebar__nav{flex-flow:wrap;flex:1;justify-content:flex-end;gap:.25rem}.sidebar__link{width:auto;padding:.4rem .75rem;font-size:.85rem}.sidebar__user{border-top:1px solid #374151;flex-direction:row;align-items:center;gap:.6rem;width:100%;padding-top:.6rem}.sidebar__user-name{flex:1;font-size:.9rem}.sidebar__user-email,.sidebar__user-role{display:none}.sidebar__signout{margin-top:0;padding:.4rem .75rem;font-size:.85rem}.dashboard{padding:1.5rem 1rem}.dashboard__header h1{font-size:1.4rem}.dashboard__status{margin-bottom:1.5rem}.dashboard__actions{max-width:none}.action{padding:.85rem 1rem}.member-detail__chart{overflow-x:auto}.gantt{min-width:640px}}