*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f0f4f8;--surface: #ffffff;--surface-muted: #f8fafc;--surface-subtle: #fafbfc;--surface-hover: #f1f5f9;--surface-active: #eff6ff;--input-bg: #ffffff;--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #dc2626;--danger-hover: #b91c1c;--text: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--focus-ring: rgba(37, 99, 235, .15);--schedule-name-width: 180px;--schedule-position-width: 76px;--schedule-off-width: 52px;--schedule-sticky-width: calc(var(--schedule-name-width) + var(--schedule-position-width) + var(--schedule-off-width))}[data-theme=dark]{color-scheme:dark;--bg: #0f172a;--surface: #1e293b;--surface-muted: #334155;--surface-subtle: #1e293b;--surface-hover: #334155;--surface-active: #1e3a5f;--input-bg: #0f172a;--primary: #3b82f6;--primary-hover: #2563eb;--danger: #ef4444;--danger-hover: #dc2626;--text: #f1f5f9;--text-muted: #94a3b8;--border: #334155;--shadow: 0 1px 3px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .25);--focus-ring: rgba(59, 130, 246, .25)}html,body,#root{height:100%;width:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;min-height:100dvh;overflow-x:hidden}button{font-family:inherit;cursor:pointer}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-family:inherit;font-size:.9rem;color:var(--text);background:var(--input-bg)}.app-header{background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;padding:1.5rem 2rem;box-shadow:var(--shadow)}.app-header h1{font-size:1.5rem;font-weight:700}.app-header p{opacity:.85;font-size:.9rem;margin-top:.25rem}.container{width:100%;max-width:none;margin:0;padding:1.5rem 2rem;box-sizing:border-box}.toolbar{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem;align-items:center}.search-input{flex:1;min-width:200px;padding:.6rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--input-bg);color:var(--text)}.filter-select{padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--input-bg);color:var(--text)}.filter-search{min-width:180px;max-width:240px;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--input-bg);color:var(--text);font-size:.9rem}.filter-search::placeholder{color:var(--text-muted)}.btn{padding:.6rem 1.25rem;border:none;border-radius:var(--radius);font-weight:500;font-size:.9rem;transition:background .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}th{text-align:left;padding:.75rem 1rem;background:var(--surface-muted);font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}td{padding:.75rem 1rem;border-top:1px solid var(--border);vertical-align:middle}tr:hover td{background:var(--surface-muted)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:500}.badge-aktif{background:#dcfce7;color:#166534}.badge-nonaktif{background:#f1f5f9;color:#475569}.badge-resign{background:#fef3c7;color:#92400e}.badge-phk{background:#fee2e2;color:#991b1b}.actions{display:flex;gap:.4rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto;z-index:100}.modal{background:var(--surface);border-radius:12px;width:100%;max-width:800px;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.15rem}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);line-height:1}.modal-body{padding:1.5rem;max-height:70vh;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.8rem;font-weight:500;color:var(--text-muted)}.form-group label .required{color:var(--danger)}.form-group input,.form-group select,.form-group textarea{padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.date-input-wrap{display:flex;align-items:stretch;width:100%}.date-input-text{flex:1;padding:.55rem .75rem;border:1px solid var(--border);border-right:none;border-radius:8px 0 0 8px;background:var(--input-bg);color:var(--text);font-size:.9rem;min-width:0}.date-input-text:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);z-index:1}.date-picker-btn{display:flex;align-items:center;justify-content:center;padding:0 .7rem;border:1px solid var(--border);border-radius:0 8px 8px 0;background:var(--surface-muted);color:var(--text-muted);flex-shrink:0}.date-picker-btn:hover{background:var(--surface-hover);color:var(--primary)}.date-input-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.form-section-title{grid-column:1 / -1;font-size:.85rem;font-weight:600;color:var(--primary);margin-top:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.error-banner{background:#fee2e2;color:#991b1b;padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem}.loading{text-align:center;padding:2rem;color:var(--text-muted)}.modal-wide{max-width:900px;width:95vw}.modal-tall{max-height:92vh;display:flex;flex-direction:column}.modal-body-scroll{overflow-y:auto;flex:1;min-height:0}.modal-footer-sticky{border-top:1px solid var(--border);padding:1rem 1.5rem;flex-shrink:0}.form-fieldset{border:none;padding:0;margin:0;min-width:0}.tab-btn-disabled{opacity:.45;cursor:not-allowed}.info-banner{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;margin-bottom:1rem}.modal-subtitle{font-size:.85rem;color:var(--text-muted);margin-top:.2rem;font-weight:400}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.55rem 0}.badge-type-ktp{background:#e0e7ff;color:#3730a3}.badge-type-domisili{background:#fce7f3;color:#9d174d}.badge-primary-tag{background:#dbeafe;color:#1e40af}.alamat-list,.entity-list{display:flex;flex-direction:column;gap:.75rem}.alamat-card,.entity-card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--surface-subtle)}.alamat-card.alamat-primary,.entity-card.entity-primary{border-color:var(--primary);background:var(--surface-active)}.alamat-card-header,.entity-card-header{display:flex;gap:.5rem;margin-bottom:.5rem}.badge-type-personal{background:#e0e7ff;color:#3730a3}.badge-type-emergency{background:#fee2e2;color:#991b1b}.alamat-text,.entity-text{font-size:.9rem;margin-bottom:.35rem}.alamat-detail,.entity-detail{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;color:var(--text-muted)}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);padding:0 1.5rem;background:var(--surface-muted)}.tab-btn{padding:.75rem 1.25rem;border:none;background:none;font-size:.875rem;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-btn:hover:not(.active){color:var(--text)}.scope-options{display:flex;flex-direction:column;gap:.75rem}.radio-card{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface-subtle)}.radio-card:has(input:checked){border-color:var(--primary);background:var(--surface-active)}.radio-card input{margin-top:.2rem;flex-shrink:0}.radio-card strong{display:block;font-size:.9rem;margin-bottom:.15rem}.radio-card p{font-size:.8rem;color:var(--text-muted);margin:0}.checkbox-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle)}.schedule-table-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.month-nav{display:flex;align-items:center;gap:.5rem}.month-nav-label{font-weight:600;font-size:.95rem;min-width:140px;text-align:center}.schedule-table th,.schedule-table td{white-space:nowrap}.schedule-table td strong{font-weight:600}.schedule-toolbar-left{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.schedule-grid-wrap{overflow:auto;max-height:70vh;border:1px solid var(--border);border-radius:var(--radius)}.schedule-grid-wrap--fit-month{flex:1;min-height:0;max-height:none;overflow:auto}@media(min-width:1200px){.schedule-grid-wrap--fit-month{overflow-x:hidden}}.schedule-grid{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:.8rem}.schedule-grid--fit-month{width:100%;table-layout:fixed}.schedule-grid th,.schedule-grid td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;padding:.35rem .25rem;vertical-align:middle}.schedule-grid thead th{position:sticky;top:0;z-index:2;background:var(--surface-hover);text-transform:none;letter-spacing:0;font-size:.7rem;line-height:1.2}.schedule-grid-sticky{position:sticky;left:0;z-index:1;background:var(--surface);text-align:left!important;box-shadow:2px 0 4px #0f172a0f}.schedule-grid thead .schedule-grid-sticky{z-index:3;background:var(--surface-hover)}.schedule-grid-name-col{width:var(--schedule-name-width);min-width:var(--schedule-name-width);max-width:var(--schedule-name-width);padding:.5rem .75rem!important}.schedule-grid-off-col{width:var(--schedule-off-width);min-width:var(--schedule-off-width);max-width:var(--schedule-off-width);padding:.35rem .25rem!important;left:calc(var(--schedule-name-width) + var(--schedule-position-width));text-align:center!important;vertical-align:middle}.schedule-grid-off-count{display:inline-block;min-width:1.4rem;font-size:.75rem;font-weight:700;color:var(--text-muted);background:var(--surface-hover);border-radius:4px;padding:.1rem .25rem}.schedule-grid-branch{font-size:.62rem;display:block;line-height:1.1}.multi-select-filter{position:relative}.multi-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:160px;cursor:pointer;text-align:left}.multi-select-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.multi-select-caret{font-size:.7rem;color:var(--text-muted)}.multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:30;min-width:220px;max-height:260px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #0f172a1f;padding:.35rem 0}.multi-select-option{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;cursor:pointer}.multi-select-option:hover{background:var(--surface-muted)}.multi-select-clear{display:block;width:calc(100% - 1rem);margin:.35rem auto .15rem;padding:.35rem;border:none;background:var(--surface-hover);border-radius:4px;font-size:.8rem;cursor:pointer}.multi-select-empty{padding:.5rem .75rem;margin:0;font-size:.85rem}.branch-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.35rem .75rem;margin-top:.35rem}.branch-checkbox-item{display:flex;align-items:center;gap:.4rem;font-size:.9rem}.schedule-grid-position-col{width:var(--schedule-position-width);min-width:var(--schedule-position-width);max-width:var(--schedule-position-width);padding:.35rem .4rem!important;left:var(--schedule-name-width);text-align:center!important;vertical-align:middle}.schedule-grid-position-code{display:block;font-size:.68rem;font-weight:700;color:#475569;line-height:1.2;word-break:break-word}.schedule-grid-date-col{min-width:2.4rem;width:2.4rem}.schedule-grid--fit-month .schedule-grid-date-col{width:calc((100% - var(--schedule-sticky-width)) / var(--month-days, 31));min-width:0}.schedule-grid-day{display:block;font-weight:700;font-size:.75rem}.schedule-grid-dow{display:block;font-size:.65rem;color:var(--text-muted);font-weight:500}.schedule-grid-sunday{background-image:linear-gradient(#fecaca47,#fecaca47)}.schedule-grid thead th.schedule-grid-sunday{background:#fecaca;background-image:none;color:#991b1b}.schedule-grid thead th.schedule-grid-sunday .schedule-grid-dow{color:#b91c1c;font-weight:700}.schedule-grid td.schedule-grid-sunday:has(.schedule-grid-empty){background-color:#fef2f2;background-image:none}.schedule-grid-cell{font-weight:600;font-size:.72rem}.schedule-grid-filled{font-weight:700}.schedule-cell-shift,.schedule-cell-status{box-shadow:inset 0 0 0 1px var(--cell-border, transparent)}.schedule-grid-clickable{cursor:pointer}.schedule-grid-clickable:hover{filter:brightness(.95);outline:2px solid #2563eb;outline-offset:-2px}.schedule-grid-empty{color:#cbd5e1;font-weight:400}.schedule-grid-employee{display:flex;flex-direction:column;gap:.1rem;line-height:1.25}.schedule-grid-employee strong{font-size:.8rem}.schedule-grid-employee .text-muted{font-size:.7rem}.schedule-grid-employee-no{font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;line-height:1.2}.schedule-legend{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.schedule-legend-title{margin:0 0 .75rem;font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.schedule-legend-items{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.schedule-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.schedule-legend-code{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;padding:.15rem .4rem;border-radius:4px;font-weight:700;font-size:.72rem;border:1px solid transparent}.schedule-legend-detail{color:var(--text)}.panel-layout{display:flex;width:100%;max-width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden}.sidebar{width:260px;background:#1e293b;color:#e2e8f0;display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand{padding:1.5rem;border-bottom:1px solid #334155}.sidebar-brand h2{font-size:1.1rem;color:#fff}.sidebar-brand p{font-size:.75rem;opacity:.7;margin-top:.2rem}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.nav-section{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;padding:1rem .75rem .4rem;font-weight:600}.nav-link{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:8px;color:#cbd5e1;text-decoration:none;font-size:.875rem;margin-bottom:.15rem}.nav-link:hover{background:#334155;color:#fff}.nav-link.active{background:#2563eb;color:#fff}.nav-icon{font-size:1rem}.sidebar-footer{padding:1rem;border-top:1px solid #334155}.user-info{margin-bottom:.75rem;font-size:.85rem}.user-info strong{display:block;color:#fff}.user-info span{color:#94a3b8;font-size:.75rem}.panel-main{flex:1;min-width:0;min-height:0;overflow:hidden;background:var(--bg);display:flex;flex-direction:column}.panel-topbar{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.65rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;z-index:20}.panel-topbar__spacer{flex:1}.branch-filter-topbar{display:flex;flex-direction:column;gap:.2rem;min-width:0;max-width:220px}.branch-filter-topbar__label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);line-height:1}.branch-filter-topbar__select{width:100%;min-width:160px;max-width:220px;padding:.45rem .65rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:.82rem;font-weight:600}.panel-nav-toggle{display:none;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.panel-nav-toggle span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px}.panel-nav-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;border:none;z-index:90;cursor:pointer}.sidebar-close-btn{display:none;position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;border-radius:8px;background:#ffffff1f;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer}.panel-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.panel-user-menu{position:relative}.panel-user-menu__trigger{display:flex;align-items:center;gap:.65rem;padding:.35rem .6rem .35rem .35rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s}.panel-user-menu__trigger:hover{border-color:#93c5fd;box-shadow:0 2px 8px #2563eb1a}.panel-user-menu__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.panel-user-menu__info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.2}.panel-user-menu__info strong{font-size:.85rem;color:var(--text)}.panel-user-menu__info span{font-size:.72rem;color:var(--text-muted)}.panel-user-menu__chevron{font-size:.65rem;color:var(--text-muted);padding-right:.25rem}.panel-user-menu__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;z-index:100}.panel-user-menu__dropdown-header{padding:.85rem 1rem;border-bottom:1px solid var(--border);background:var(--surface-muted)}.panel-user-menu__dropdown-header strong{display:block;font-size:.9rem}.panel-user-menu__dropdown-header span{font-size:.75rem;color:var(--text-muted)}.panel-user-menu__item{display:block;width:100%;text-align:left;padding:.7rem 1rem;border:none;background:none;font-size:.875rem;color:var(--text);cursor:pointer}.panel-user-menu__item:hover{background:var(--surface-hover)}.panel-user-menu__item--danger{color:var(--danger)}.panel-user-menu__item--danger:hover{background:var(--surface-hover)}.master-data-page .page-header{margin-bottom:.5rem}.master-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.25rem;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.master-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border:none;border-radius:8px;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.master-tab:hover{background:var(--surface-hover);color:var(--text)}.master-tab--active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #2563eb40}.master-tab__icon{font-size:1rem}.master-tab-panel{background:var(--surface);border-radius:12px;border:1px solid var(--border);padding:1rem 1.25rem 1.25rem;box-shadow:var(--shadow)}.master-embedded__toolbar--compact{justify-content:flex-end;margin-bottom:.75rem}.schedule-definitions-section{margin-bottom:1rem;padding:1rem 1.25rem .25rem}.schedule-definitions-section .master-embedded__toolbar{margin-bottom:.5rem}.display-color-settings-panel{display:flex;flex-direction:column;gap:.5rem}.display-color-settings-actions{display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.employee-shift-change-notice{margin-bottom:1rem}.employee-shift-change-notice p{margin:0 0 .75rem}.employee-shift-confirm{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;cursor:pointer}.employee-shift-confirm input{margin-top:.2rem}.schedule-page-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.25rem;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.schedule-page-tab{display:inline-flex;align-items:center;padding:.55rem .9rem;border:none;border-radius:8px;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.schedule-page-tab:hover{background:var(--surface-hover);color:var(--text)}.schedule-page-tab--active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #2563eb40}.master-embedded__toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.master-embedded__title{font-size:1.1rem;margin-bottom:.15rem}.master-embedded__subtitle{font-size:.85rem;color:var(--text-muted)}.modal-sm{max-width:420px}.page{padding:1.5rem 2rem;width:100%;max-width:none;box-sizing:border-box;min-height:100%}.page-fill{flex:1;min-height:0;display:flex;flex-direction:column;max-width:none;width:100%;padding:1rem 1.25rem;box-sizing:border-box}.page-schedule .page-header-compact,.page-schedule-error{margin-bottom:.75rem;flex-shrink:0}.schedule-page-card{flex:1;min-height:0;display:flex;flex-direction:column;padding:.75rem 1rem 1rem;overflow:hidden}.schedule-page-card .schedule-table-toolbar{flex-shrink:0}.schedule-grid-layout{flex:1;min-height:0;display:flex;flex-direction:column}.schedule-page-card .schedule-legend{flex-shrink:0;margin-top:.75rem;padding-top:.75rem}.schedule-page-card .loading,.schedule-page-card .empty-state{flex:1;display:flex;align-items:center;justify-content:center}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.page-header h1{font-size:1.5rem}.page-header p{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.page-header-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.color-settings-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.color-settings-section h3{font-size:.95rem;margin-bottom:.75rem}.color-settings-row{padding:.75rem 0;border-bottom:1px solid var(--border)}.color-settings-row:last-child{border-bottom:none}.color-settings-row-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.color-settings-row-simple{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.color-settings-row-simple:last-child{border-bottom:none}.color-settings-row-simple .color-settings-row-head{flex:1;margin-bottom:0}.color-picker-simple{width:2.5rem;height:2.5rem;padding:0;border:2px solid var(--border);border-radius:8px;cursor:pointer;background:none;flex-shrink:0}.excel-color-picker{position:relative;flex-shrink:0}.excel-color-trigger{display:flex;flex-direction:column;align-items:center;padding:4px 6px;border:1px solid #adb5bd;border-radius:2px;background:#f8f9fa;cursor:pointer;min-width:28px}.excel-color-trigger:hover:not(:disabled){background:#e9ecef;border-color:#6c757d}.excel-color-trigger:disabled{opacity:.5;cursor:not-allowed}.excel-color-trigger-bar{display:block;width:18px;height:14px;border:1px solid rgba(0,0,0,.2);border-radius:1px}.excel-color-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:1100;width:218px;padding:6px 8px 4px;background:#fff;border:1px solid #d1d5db;box-shadow:0 4px 16px #00000026;font-family:Segoe UI,Calibri,system-ui,sans-serif;font-size:11px;color:#212529}.excel-color-section{margin-bottom:6px}.excel-color-section-title{font-size:11px;color:#212529;margin-bottom:4px;padding-left:2px}.excel-color-automatic{display:flex;align-items:center;gap:8px;width:100%;padding:4px 6px;border:none;background:transparent;cursor:pointer;font-size:11px;border-radius:2px}.excel-color-automatic:hover{background:#e8f4fc}.excel-color-automatic-swatch{width:14px;height:14px;border:1px solid #adb5bd;flex-shrink:0}.excel-color-theme-grid{display:flex;gap:2px}.excel-color-theme-col{display:flex;flex-direction:column;gap:2px}.excel-color-standard-row{display:flex;gap:2px}.excel-color-swatch{width:18px;height:18px;padding:0;border:1px solid transparent;cursor:pointer;flex-shrink:0;box-sizing:border-box}.excel-color-swatch:hover{border-color:#ffc107;outline:1px solid #ffc107}.excel-color-swatch-selected{border-color:#dc3545!important;outline:2px solid #ffc107;outline-offset:-1px}.excel-color-footer{border-top:1px solid #dee2e6;margin-top:4px;padding-top:4px}.excel-color-more{display:flex;align-items:center;gap:6px;width:100%;padding:5px 6px;border:none;background:transparent;cursor:pointer;font-size:11px;border-radius:2px;color:#212529;position:relative}.excel-color-more:hover{background:#e8f4fc}.excel-color-more-icon{font-size:14px;line-height:1}.excel-color-more-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.color-settings-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.color-field label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.color-field-inputs{display:flex;align-items:center;gap:.5rem}.color-field-inputs input[type=color]{width:2.25rem;height:2rem;padding:0;border:1px solid var(--border);border-radius:4px;cursor:pointer}.color-field-inputs input[type=text]{flex:1;min-width:0;padding:.4rem .5rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem}.dashboard-page{width:100%;max-width:none}.dashboard-page--v2{display:flex;flex-direction:column;gap:1.25rem}.dashboard-v2__head h1{margin:0;font-size:1.65rem;font-weight:800;color:var(--text)}.dashboard-v2__head p{margin:.25rem 0 0;color:var(--text-muted);font-size:.92rem}.dashboard-v2__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dashboard-v2__head-main{display:flex;flex-direction:column;gap:.65rem;min-width:0}.dashboard-v2__head-notes{display:flex;flex-wrap:wrap;gap:.5rem}.dashboard-v2__head-actions{flex-shrink:0;margin-left:auto}.dash-branch-filter{display:flex;flex-direction:column;gap:.3rem;min-width:180px}.dash-branch-filter__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.dash-branch-filter__select{width:100%;min-width:180px;padding:.55rem .75rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:.88rem;font-weight:600;box-shadow:0 2px 8px #0f2d520d}.dash-pending-note{font-size:.82rem;font-weight:600;color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;padding:.4rem .85rem;white-space:nowrap}.dash-pending-note--break{color:#7c3aed;background:#f3e8ff;border-color:#ddd6fe}.dash-pending-note--active{color:#0f766e;background:#ccfbf1;border-color:#99f6e4}.dashboard-v2__kpi{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1rem}.dash-kpi{display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 18px #0f2d520f}.dash-kpi__icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.15rem;font-weight:700;flex-shrink:0}.dash-kpi--blue .dash-kpi__icon{background:#e8f2ff;color:#1d4ed8}.dash-kpi--teal .dash-kpi__icon{background:#ccfbf1;color:#0f766e}.dash-kpi--green .dash-kpi__icon{background:#e8f8ef;color:#16a34a}.dash-kpi--purple .dash-kpi__icon{background:#f3e8ff;color:#7c3aed}.dash-kpi--slate .dash-kpi__icon{background:#eef2f7;color:#475569}.dash-kpi--orange .dash-kpi__icon{background:#fff4e5;color:#ea580c}.dash-kpi--red .dash-kpi__icon{background:#feecec;color:#dc2626}.dash-kpi__label{display:block;font-size:.78rem;color:var(--text-muted);margin-bottom:.2rem}.dash-kpi__value{font-size:1.85rem;font-weight:800;line-height:1;color:var(--text)}.dashboard-v2__main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.9fr);gap:1rem;align-items:start}.dashboard-v2__stack{display:flex;flex-direction:column;gap:1rem;min-width:0}.dash-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 6px 24px #0f2d520f}.dash-panel--table{padding:0;overflow:hidden}.dash-panel--calendar{padding:1rem;display:flex;flex-direction:column;gap:1rem}.dash-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.1rem;border-bottom:1px solid var(--border)}.dash-panel__head h2{margin:0;font-size:1rem;font-weight:700;color:var(--text)}.dash-panel__meta{font-size:.78rem;color:var(--text-muted)}.dash-attendance-table th,.dash-attendance-table td{padding:.75rem 1rem;font-size:.88rem}.dash-attendance-table__time{font-variant-numeric:tabular-nums;font-weight:600}.dash-status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700}.dash-status-pill--hadir{background:#dcfce7;color:#166534}.dash-status-pill--terlambat{background:#ffedd5;color:#c2410c}.dash-status-pill--menunggu{background:#e0f2fe;color:#0369a1}.dash-status-pill--tidak-hadir{background:#fee2e2;color:#b91c1c}.dash-dept-table th,.dash-dept-table td{text-align:center}.dash-dept-table th:first-child,.dash-dept-table td:first-child{text-align:left}.dash-link-action{color:var(--primary);font-size:.82rem;font-weight:600;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.dash-link-action:hover{text-decoration:underline}.dash-monthly-report-table th,.dash-monthly-report-table td{white-space:nowrap}.dash-monthly-report__late{color:#c2410c;font-weight:700}.dash-reports-link{display:block;text-align:right;font-size:.85rem;font-weight:600;color:var(--primary);text-decoration:none}.dash-reports-link:hover{text-decoration:underline}.dash-calendar__head{text-align:center;margin-bottom:.75rem}.dash-calendar__head strong{display:block;font-size:.95rem;color:var(--text)}.dash-calendar__hint{display:block;margin-top:.25rem;font-size:.72rem;color:var(--text-muted)}.dash-calendar__weekdays,.dash-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.dash-calendar__weekdays span{text-align:center;font-size:.68rem;font-weight:600;color:var(--text-muted)}.dash-calendar__day{aspect-ratio:1;display:grid;place-items:center;font-family:inherit;font-size:.78rem;font-weight:600;color:var(--text-muted);border-radius:999px;border:none;background:transparent;padding:0}.dash-calendar__day--empty{visibility:hidden}.dash-calendar__day--clickable{cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.dash-calendar__day--clickable:hover{background:#2563eb1a;color:var(--primary)}.dash-calendar__day--past{color:#dc2626;background:#dc262614}.dash-calendar__day--past.dash-calendar__day--clickable:hover{background:#dc262629;color:#b91c1c}.dash-calendar__day--past.dash-calendar__day--selected{box-shadow:inset 0 0 0 2px #dc2626;color:#b91c1c;background:#dc262624}.dash-calendar__day--future{color:var(--text-muted);opacity:.4;cursor:not-allowed}.dash-calendar__day:disabled{cursor:not-allowed}.dash-calendar__day--today,.dash-calendar__day--today:hover{background:var(--primary);color:#fff}.dash-calendar__day--selected{box-shadow:inset 0 0 0 2px var(--primary);color:var(--primary);background:#2563eb1f}.dash-calendar__day--selected.dash-calendar__day--today{box-shadow:inset 0 0 0 2px #fff}.dash-calendar__today-btn{width:100%;margin-top:.25rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--primary);font-size:.82rem;font-weight:600;cursor:pointer}.dash-calendar__today-btn:hover{background:#2563eb0f}.dashboard-v2__kpi--loading,.dashboard-v2__stack--loading{opacity:.55;pointer-events:none}@media(max-width:1400px){.dashboard-v2__kpi{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){.dashboard-v2__kpi{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1024px){.dashboard-v2__kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-v2__main{grid-template-columns:1fr}.dash-pending-note{white-space:normal}}@media(max-width:640px){.dashboard-v2__kpi{grid-template-columns:1fr}}.dashboard-page-header{margin-bottom:.25rem}.dashboard-layout{display:flex;flex-direction:column;gap:1.75rem}.dashboard-section-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 .75rem}.dashboard-stats-grid{display:grid;gap:.875rem}.dashboard-stats-grid--primary{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-stats-grid--secondary{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.875rem}.dashboard-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem}.dash-stat-link{text-decoration:none;color:inherit;display:flex;min-height:100%}.dash-stat-card{background:var(--surface);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow);border:1px solid var(--border);transition:box-shadow .15s,transform .15s,border-color .15s;display:flex;flex-direction:column;flex:1;min-height:108px}.dash-stat-link:hover .dash-stat-card{box-shadow:0 4px 12px #00000014;transform:translateY(-1px);border-color:#cbd5e1}.dash-stat-card--primary{border-top:3px solid var(--primary)}.dash-stat-card--success{border-top:3px solid #16a34a}.dash-stat-card--warning{border-top:3px solid #d97706}.dash-stat-card--neutral{border-top:3px solid #e2e8f0}.dash-stat-label{font-size:.78rem;color:var(--text-muted);margin:0 0 .5rem;line-height:1.3}.dash-stat-value{font-size:1.75rem;font-weight:700;line-height:1;margin:0}.dash-stat-sub{font-size:.72rem;color:var(--text-muted);margin:auto 0 0;padding-top:.5rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-quick-link{text-decoration:none;color:inherit;display:flex;min-height:100%}.dash-quick-link:hover .dash-card{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media(max-width:1024px){.dashboard-stats-grid--primary,.dashboard-stats-grid--secondary,.dashboard-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.dashboard-stats-grid--primary,.dashboard-stats-grid--secondary,.dashboard-quick-grid{grid-template-columns:1fr}.dash-stat-sub{white-space:normal}}.schedule-grid-editing{padding:2px!important;background:var(--surface)!important;vertical-align:middle}.schedule-inline-editor{display:flex;flex-direction:column;gap:2px;min-width:0}.schedule-inline-select{width:100%;font-size:.65rem;padding:1px 2px;border:1px solid var(--border);border-radius:3px;background:var(--input-bg);color:var(--text)}.schedule-inline-saving{font-size:.6rem;color:var(--text-muted);text-align:center}.schedule-cell-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0f172a33}.schedule-cell-popover{position:fixed;z-index:130;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #0f2d522e;padding:.85rem}.schedule-cell-popover__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.schedule-cell-popover__head strong{display:block;font-size:.9rem}.schedule-cell-popover__head span{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.schedule-cell-popover__close{border:none;background:transparent;color:var(--text-muted);font-size:1.25rem;line-height:1;cursor:pointer;padding:0}.schedule-cell-popover__field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.65rem}.schedule-cell-popover__field>span{font-size:.75rem;font-weight:600;color:var(--text-muted)}.schedule-cell-popover__select{width:100%;padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);font-size:.88rem}.schedule-cell-popover__saving{margin:0;font-size:.78rem;color:var(--text-muted)}.dash-card{background:var(--surface);border-radius:var(--radius);padding:1.1rem 1.25rem;box-shadow:var(--shadow);border:1px solid var(--border);transition:box-shadow .15s,transform .15s,border-color .15s;display:flex;flex-direction:column;flex:1;min-height:108px}.dash-card h3{font-size:.95rem;margin:0 0 .5rem}.dash-card p{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.45;flex:1}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e40af,#2563eb)}.login-card{background:var(--surface);padding:2rem;border-radius:12px;width:100%;max-width:400px;box-shadow:0 20px 60px #0003}.login-card h1{font-size:1.5rem;margin-bottom:.25rem}.login-card>p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.login-hint{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:1rem}.password-input-wrap{display:flex;align-items:stretch;width:100%}.password-input-wrap input{flex:1;min-width:0;border-radius:8px 0 0 8px;border-right:none}.password-input-wrap input:focus{z-index:1}.password-input-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.75rem;padding:0;border:1px solid var(--border);border-radius:0 8px 8px 0;background:var(--bg-muted);color:var(--text-muted);cursor:pointer}.password-visibility-icon{display:block}.password-input-toggle:hover{color:var(--text);background:var(--surface)}.password-input-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.btn-block{width:100%;margin-top:.5rem}.text-muted{color:var(--text-muted);font-size:.8rem}.form-hint{font-size:.8rem;color:var(--text-muted);margin:0}.setup-banner{background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.25rem}.setup-banner h3{font-size:1rem;margin-bottom:.35rem}.setup-banner p{font-size:.875rem;color:var(--text-muted);margin-bottom:.75rem}.setup-flow{margin:0;padding-left:1.25rem;font-size:.875rem}.setup-flow li{margin-bottom:.35rem}.setup-missing a{color:#b45309;font-weight:500}.setup-done{color:#166534}.cell-truncate{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-page-v2{width:100%;max-width:none;margin:0;box-sizing:border-box}.fp-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding:1.5rem 1.75rem;border-radius:16px;background:linear-gradient(135deg,#1e3a8a,#2563eb 55%,#3b82f6);color:#fff;box-shadow:0 12px 40px #2563eb40}.fp-hero h1{font-size:1.6rem;font-weight:700;margin-bottom:.25rem}.fp-hero p{opacity:.9;font-size:.9rem}.fp-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border-radius:999px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.8rem;white-space:nowrap;flex-shrink:0}.fp-pill__dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;animation:fp-pulse-dot 1.5s ease infinite}.fp-pill--ready .fp-pill__dot{background:#4ade80;animation:none}.fp-pill--warning .fp-pill__dot{background:#fbbf24}.fp-pill--offline .fp-pill__dot{background:#f87171}.fp-pill--detecting .fp-pill__dot{background:#60a5fa}@keyframes fp-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.fp-pill__btn{background:#fff3;border:none;color:#fff;padding:.15rem .5rem;border-radius:6px;font-size:.75rem;cursor:pointer}.fp-offline-card{background:#fff7ed;border:1px solid #fdba74;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.fp-offline-card h3{font-size:1rem;color:#9a3412;margin-bottom:.35rem}.fp-offline-card p,.fp-offline-card ol{font-size:.85rem;color:#c2410c}.fp-offline-card ol{margin:.5rem 0 .75rem 1.25rem}.fp-offline-card__advanced{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.fp-alert-v2{margin-bottom:1rem;border-radius:10px}.fp-alert-v2--ok{background:#ecfdf5;color:#166534;border:1px solid #86efac}.fp-wizard{display:flex;justify-content:space-between;margin-bottom:1.25rem;padding:0 .5rem;position:relative}.fp-wizard:before{content:"";position:absolute;top:18px;left:10%;right:10%;height:2px;background:var(--border);z-index:0}.fp-wizard__step{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-muted);z-index:1;flex:1}.fp-wizard__circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;background:var(--surface);border:2px solid var(--border);transition:all .2s}.fp-wizard__step--active .fp-wizard__circle{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 0 0 4px #2563eb33}.fp-wizard__step--done .fp-wizard__circle{background:#16a34a;border-color:#16a34a;color:#fff}.fp-wizard__step--active{color:var(--primary);font-weight:600}.fp-wizard__step--done{color:#16a34a}.fp-layout-v2{display:grid;grid-template-columns:1fr 280px;gap:1rem;align-items:start}.fp-panel{background:var(--surface);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:var(--shadow);border:1px solid var(--border)}.fp-panel--side{position:sticky;top:1rem}.fp-panel__section{margin-top:1.25rem}.fp-panel__section h3{font-size:.95rem;margin-bottom:.25rem}.fp-hint{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.fp-finger-slots{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.fp-finger-slot{display:flex;align-items:center;gap:.65rem;padding:.75rem;border-radius:12px;border:2px solid var(--border);background:var(--surface-muted);transition:all .2s}.fp-finger-slot--active{border-color:var(--primary);background:var(--surface-active);box-shadow:0 0 0 3px #2563eb1f}.fp-finger-slot--done{border-color:#86efac;background:#f0fdf4}.fp-finger-slot__num{width:28px;height:28px;border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:var(--primary);flex-shrink:0}.fp-finger-slot--done .fp-finger-slot__num{background:#16a34a;color:#fff}.fp-finger-slot__body{flex:1;min-width:0}.fp-finger-slot__body strong{display:block;font-size:.85rem}.fp-finger-slot__body span{font-size:.75rem;color:var(--text-muted)}.fp-finger-slot__check{color:#16a34a;font-weight:700}.fp-hand-grid{display:flex;justify-content:center;gap:2rem;padding:.5rem 0 1rem}.fp-hand-v2{position:relative;width:88px;height:140px;background:linear-gradient(165deg,#fef3c7,#fde68a 40%,#fbbf24);border-radius:44px 44px 24px 24px;box-shadow:inset 0 -6px 12px #0000000f,0 4px 16px #0000000f}.fp-hand-v2--left,.fp-hand-v2--left .fp-finger-v2__name{transform:scaleX(-1)}.fp-finger-v2{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;border:none;background:transparent;cursor:pointer;transition:transform .15s}.fp-finger-v2:hover:not(:disabled){transform:scale(1.1)}.fp-finger-v2__pad{display:block;width:16px;height:26px;background:#fcd34d;border:2px solid #d97706;border-radius:8px;transition:all .15s}.fp-finger-v2--row-0{top:-20px;left:10px}.fp-finger-v2--row-1{top:-32px;left:30px}.fp-finger-v2--row-thumb{bottom:30px;left:-10px}.fp-finger-v2--row-thumb .fp-finger-v2__pad{width:20px;height:20px;border-radius:50%}.fp-finger-v2--selected .fp-finger-v2__pad{background:var(--primary);border-color:#1d4ed8;box-shadow:0 0 0 4px #2563eb4d}.fp-finger-v2--blocked{opacity:.35;cursor:not-allowed}.fp-finger-v2--rec .fp-finger-v2__pad{border-color:#16a34a}.fp-finger-v2__name{font-size:.55rem;color:var(--text-muted);white-space:nowrap;font-weight:500}.fp-capture-zone{margin:1.25rem 0;padding:1.5rem;border-radius:16px;background:linear-gradient(180deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;text-align:center;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}.fp-capture-idle__icon{font-size:2.5rem;margin-bottom:.5rem;opacity:.7}.fp-capture-zone__msg{margin-top:.75rem;font-weight:600;color:#1e40af}.fp-scan-ring{position:relative;margin:0 auto}.fp-scan-ring__svg{display:block;margin:0 auto}.fp-scan-ring__track{fill:none;stroke:#dbeafe;stroke-width:8}.fp-scan-ring__progress{fill:none;stroke:var(--primary);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .4s ease}.fp-scan-ring--active .fp-scan-ring__progress{animation:fp-ring-glow 1.5s ease infinite}@keyframes fp-ring-glow{0%,to{filter:drop-shadow(0 0 2px rgba(37,99,235,.4))}50%{filter:drop-shadow(0 0 8px rgba(37,99,235,.6))}}.fp-scan-ring__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);text-align:center}.fp-scan-ring__icon{font-size:1.5rem;display:block}.fp-scan-ring__center strong{display:block;font-size:1.1rem;color:var(--primary)}.fp-scan-ring__center small{font-size:.7rem;color:var(--text-muted)}.fp-scan-dots{display:flex;gap:6px;justify-content:center;margin-top:.5rem}.fp-scan-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;transition:all .2s}.fp-scan-dot--done{background:#16a34a}.fp-scan-dot--active{background:var(--primary);transform:scale(1.3)}.fp-btn-start{width:100%;padding:.85rem;font-size:1rem;border-radius:12px}.fp-complete{text-align:center;padding:2rem 1rem}.fp-complete__icon{font-size:3rem;margin-bottom:.5rem}.fp-complete h2{margin-bottom:.5rem}.fp-complete p{color:var(--text-muted);margin-bottom:1.25rem}.fp-profile{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.fp-profile__avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.fp-profile strong{display:block;font-size:.95rem}.fp-profile span{font-size:.8rem;color:var(--text-muted)}.fp-progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:.35rem}.fp-progress-bar__fill{height:100%;background:linear-gradient(90deg,#2563eb,#16a34a);border-radius:3px;transition:width .4s ease}.fp-progress-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.fp-enrolled-v2{list-style:none;display:flex;flex-direction:column;gap:.5rem}.fp-enrolled-v2 li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.fp-enrolled-v2 li strong{display:block}.fp-enrolled-v2 li small{color:var(--text-muted);font-size:.72rem}.fp-enrolled-v2__pending{color:var(--text-muted);font-style:italic;border:none}.fp-side-empty{text-align:center;padding:.5rem 0}.fp-side-empty__icon{font-size:2.5rem;margin-bottom:.5rem}.fp-side-empty h3{margin-bottom:.75rem}.fp-side-empty ul{text-align:left;padding-left:1.1rem;font-size:.85rem;color:var(--text-muted)}.fp-side-empty li{margin-bottom:.35rem}@media(max-width:900px){.fp-layout-v2{grid-template-columns:1fr}.fp-panel--side{position:static}.fp-hero{flex-direction:column}.fp-finger-slots{grid-template-columns:1fr}.fp-hand-grid{gap:1rem}}@media(max-width:900px){.panel-nav-toggle{display:inline-flex}.panel-nav-backdrop{display:block}.sidebar-close-btn{display:inline-flex;align-items:center;justify-content:center}.panel-layout--admin .sidebar--admin{position:fixed;top:0;left:0;bottom:0;width:min(280px,86vw);z-index:100;transform:translate(-105%);transition:transform .2s ease;box-shadow:8px 0 24px #0f172a2e}.panel-layout--admin.panel-layout--nav-open .sidebar--admin{transform:translate(0)}.sidebar-brand{position:relative;padding-right:3rem}body.panel-nav-open{overflow:hidden}.panel-topbar{justify-content:flex-start;padding:.55rem .85rem}.panel-user-menu__info,.panel-user-menu__chevron{display:none}.branch-filter-topbar{max-width:140px}.branch-filter-topbar__label{display:none}.branch-filter-topbar__select{min-width:120px;max-width:140px;font-size:.78rem;padding:.4rem .5rem}.dashboard-v2__head{flex-direction:column;align-items:stretch}.dashboard-v2__head-actions{margin-left:0;width:100%}.dash-branch-filter{width:100%;min-width:0}.dash-branch-filter__select{min-width:0}.dashboard-v2__head .dash-pending-note{white-space:normal}.dash-attendance-table th,.dash-attendance-table td{padding:.6rem .55rem;font-size:.8rem}.schedule-table-toolbar,.schedule-toolbar-left{flex-direction:column;align-items:stretch;gap:.65rem}.schedule-grid-wrap{-webkit-overflow-scrolling:touch}.schedule-grid th,.schedule-grid td{padding:.35rem .25rem;font-size:.68rem}.schedule-grid-day{font-size:.72rem}.schedule-grid-dow{font-size:.58rem}.schedule-grid-name-col{min-width:110px;max-width:110px}.schedule-grid-position-col{min-width:72px;max-width:72px}.schedule-legend-items{display:grid;grid-template-columns:1fr;gap:.45rem}}@media(max-width:640px){.container{padding:1rem}.toolbar{flex-direction:column;align-items:stretch}.panel-layout{height:100dvh;min-height:100dvh}.panel-main{min-height:0;overflow:hidden}.page{padding:.85rem}.page-fill{padding:.65rem;min-height:auto}.schedule-page-card{min-height:50vh}.dashboard-v2__kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.dash-kpi{padding:.8rem .85rem}.dash-kpi__value{font-size:1.45rem}.dashboard-v2__main{grid-template-columns:1fr}.dash-panel--calendar{order:-1}.dash-panel__head{flex-direction:column;align-items:flex-start;gap:.25rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.dash-attendance-table{min-width:640px}.dash-dept-table{min-width:520px}.page-header,.page-header-compact{flex-direction:column;align-items:stretch;gap:.75rem}.page-header-actions{width:100%;display:flex;flex-wrap:wrap;gap:.5rem}.page-header-actions .btn{flex:1 1 auto}}.karyawan-detail-tabs{margin-bottom:1rem;background:var(--surface);border-radius:12px;border:1px solid var(--border);padding:.25rem}.pekerjaan-unified-form{padding:1.25rem 1.5rem}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-heading{font-size:1.05rem;margin-bottom:1rem;color:var(--text)}.kontrak-section{background:var(--surface-muted);border-radius:12px;padding:1rem 1.25rem;border:1px dashed #93c5fd}.form-actions-sticky{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.25rem;margin-top:.5rem;border-top:1px solid var(--border)}.app-home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(160deg,#0f172a,#1e3a8a 45%,#2563eb)}.app-home__inner{width:min(920px,100%)}.app-home__header{text-align:center;color:#fff;margin-bottom:2rem}.app-home__header h1{font-size:2rem;margin-bottom:.5rem}.app-home__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.app-home__card{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border-radius:16px;background:#fffffff5;color:var(--text);text-decoration:none;box-shadow:0 12px 40px #0f172a2e;transition:transform .15s ease,box-shadow .15s ease}.app-home__card:hover{transform:translateY(-2px);box-shadow:0 16px 48px #0f172a38}.app-home__card--absen{border-top:4px solid #059669}.app-home__card--admin{border-top:4px solid #2563eb}.app-home__icon{font-size:2rem}.app-home__card h2{font-size:1.35rem}.app-home__card p{color:var(--text-muted);flex:1}.app-home__cta{color:var(--primary);font-weight:600}.sidebar--absen{background:linear-gradient(180deg,#064e3b,#047857)}.sidebar--admin{background:linear-gradient(180deg,#0f2d5c,#1a4f9c 55%,#1d5bb8)}.sidebar--admin .nav-link{border-radius:10px;margin:0 .5rem;padding:.65rem .85rem}.sidebar--admin .nav-link.active{background:#ffffff2e;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f}.panel-layout--admin .panel-content{background:var(--bg);width:100%;display:flex;flex-direction:column;min-height:0}.panel-layout--admin .panel-content>.page,.panel-layout--admin .panel-content>.page-fill{flex:1;min-height:0}.sidebar-footer{margin-top:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-app-switch{color:#ffffffe6;text-decoration:none;font-size:.85rem;padding:.5rem .75rem;border-radius:8px;background:#ffffff14}.sidebar-app-switch:hover{background:#ffffff29}.panel-content--absen{background:var(--bg)}.absen-kiosk{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.absen-kiosk__hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.absen-kiosk__clock{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;color:#047857}.absen-kiosk__scanner{text-align:center;padding:2rem 1.5rem;border-radius:20px;background:var(--surface);border:2px solid var(--border)}.absen-kiosk__scanner--ready{border-color:#86efac;box-shadow:0 0 0 4px #22c55e1f}.absen-kiosk__scanner--offline,.absen-kiosk__scanner--warning{border-color:#fcd34d}.absen-kiosk__scanner-icon{font-size:3rem;margin-bottom:.75rem}.absen-kiosk__meta{margin-top:.75rem;color:var(--text-muted)}.absen-kiosk__result{padding:1rem 1.25rem;border-radius:12px;background:#dcfce7;color:#166534;text-align:center}.absen-kiosk__banner--warn{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.absen-local-kiosk{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;margin-bottom:1rem;border-radius:12px;background:linear-gradient(135deg,#0c4a6e,#1e3a5f);color:#e0f2fe;border:1px solid #38bdf8}.absen-local-kiosk p{margin:.35rem 0 0;font-size:.9rem;color:#bae6fd}.absen-kiosk__fallback{margin:.75rem 0 0;font-size:.9rem}.absen-kiosk__fallback code{font-size:.8rem}.absen-launcher{min-height:calc(100vh - 4rem);display:flex;align-items:center;justify-content:center;padding:1.5rem}.absen-launcher__card{max-width:520px;width:100%;background:var(--surface, #fff);border:1px solid var(--border, #e2e8f0);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0f172a14}.absen-launcher__badge{display:inline-block;background:#0ea5e9;color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;margin-bottom:.75rem}.absen-launcher h1{margin:0 0 .75rem}.absen-launcher__lead{color:var(--text-muted, #64748b);line-height:1.55;margin-bottom:1.5rem}.absen-launcher__open{display:block;width:100%;text-align:center;text-decoration:none}.absen-launcher__url{text-align:center;margin:.75rem 0 1.25rem;font-size:.85rem}.absen-launcher__steps{margin:0 0 1.25rem 1.25rem;color:var(--text-muted, #64748b);line-height:1.6}.absen-launcher__meta{font-size:.9rem;color:var(--text-muted, #64748b);border-top:1px solid var(--border, #e2e8f0);padding-top:1rem}.absen-launcher__meta p{margin:.35rem 0}.absen-launcher__warn{color:#b45309}.absen-launcher__back{display:inline-block;margin-top:1rem;font-size:.9rem}.absen-kiosk__actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-lg{padding:.9rem 1.5rem;font-size:1rem}.absen-kiosk__help ol{margin:.5rem 0 0 1.25rem;color:var(--text-muted)}.absen-today-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1rem}.absen-today-stat{text-align:center;padding:1rem}.absen-today-stat strong{display:block;font-size:1.75rem;color:var(--primary)}.absen-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.absen-shell__header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#047857;color:#fff}.absen-shell__links{display:flex;gap:1rem}.absen-shell__links a{color:#ffffffeb;text-decoration:none;font-size:.9rem}.absen-shell__links a:hover{text-decoration:underline}.absen-shell__main{flex:1;padding:1.25rem}.absen-tap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:1rem}@media(min-width:640px){.absen-tap-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.absen-tap-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .75rem;border:2px solid var(--border);border-radius:14px;background:var(--surface);text-align:center;transition:border-color .15s,box-shadow .15s,transform .15s}.absen-tap-btn:hover:not(:disabled){border-color:#86efac;transform:translateY(-1px)}.absen-tap-btn--active{border-color:#059669;box-shadow:0 0 0 3px #05966926;background:#ecfdf5}.absen-tap-btn__icon{font-size:1.75rem}.absen-tap-btn strong{font-size:1rem}.absen-tap-btn small{color:var(--text-muted);font-size:.78rem}.absen-tap-btn:disabled{opacity:.6;cursor:not-allowed}.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--primary)}.theme-toggle__icon{font-size:1rem;line-height:1}.theme-toggle--floating{position:fixed;top:1rem;right:1rem;z-index:50}.theme-toggle--on-dark{background:#ffffff1f;border-color:#ffffff40;color:#fff}.theme-toggle--on-dark:hover{background:#fff3;border-color:#fff6}.theme-toggle--compact{padding:.4rem .55rem}.app-home__header-top{display:flex;justify-content:flex-end;margin-bottom:.75rem}[data-theme=dark] .badge-nonaktif{background:#334155;color:#cbd5e1}[data-theme=dark] .badge-aktif{background:#14532d;color:#86efac}[data-theme=dark] .error-banner{background:#450a0a;color:#fca5a5}[data-theme=dark] .info-banner{background:#1e3a5f;border-color:#1d4ed8;color:#93c5fd}[data-theme=dark] .setup-banner{background:#422006;border-color:#b45309}[data-theme=dark] .app-home__card{background:#1e293bf5;color:var(--text)}[data-theme=dark] .login-page{background:linear-gradient(135deg,#0f172a,#1e3a8a)}[data-theme=dark] .app-home{background:linear-gradient(160deg,#020617,#0f172a 45%,#1e3a8a)}[data-theme=dark] .fp-wizard__circle{background:var(--surface)}[data-theme=dark] .fp-finger-slot{background:var(--surface-muted)}[data-theme=dark] .fp-finger-slot--active{background:var(--surface-active)}[data-theme=dark] .fp-finger-slot__num{background:var(--surface)}[data-theme=dark] .excel-color-dropdown,[data-theme=dark] .excel-color-trigger{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .schedule-grid thead th.schedule-grid-sunday{background:#7f1d1d;color:#fecaca}[data-theme=dark] .schedule-grid td.schedule-grid-sunday:has(.schedule-grid-empty){background-color:#450a0a}[data-theme=dark] .absen-tap-btn--active{background:#064e3b}[data-theme=dark] .absen-kiosk__result{background:#14532d;color:#86efac}[data-theme=dark] .absen-kiosk__banner--warn{background:#422006;color:#fcd34d;border-color:#b45309}[data-theme=dark] .dash-kpi--blue .dash-kpi__icon{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .dash-kpi--teal .dash-kpi__icon{background:#134e4a;color:#5eead4}[data-theme=dark] .dash-kpi--green .dash-kpi__icon{background:#14532d;color:#86efac}[data-theme=dark] .dash-kpi--purple .dash-kpi__icon{background:#3b0764;color:#d8b4fe}[data-theme=dark] .dash-kpi--slate .dash-kpi__icon{background:#334155;color:#cbd5e1}[data-theme=dark] .dash-kpi--orange .dash-kpi__icon{background:#431407;color:#fdba74}[data-theme=dark] .dash-kpi--red .dash-kpi__icon{background:#450a0a;color:#fca5a5}[data-theme=dark] .dash-status-pill--menunggu{background:#0c4a6e;color:#7dd3fc}[data-theme=dark] .dash-pending-note{background:#0c4a6e;color:#7dd3fc;border-color:#0369a1}[data-theme=dark] .dash-pending-note--break{background:#3b0764;color:#d8b4fe;border-color:#6b21a8}[data-theme=dark] .dash-pending-note--active{background:#134e4a;color:#5eead4;border-color:#0f766e}[data-theme=dark] .dash-monthly-report__late{color:#fdba74}[data-theme=dark] .dash-calendar__day--past{color:#fca5a5;background:#dc26262e}[data-theme=dark] .dash-calendar__day--past.dash-calendar__day--selected{color:#fecaca;box-shadow:inset 0 0 0 2px #f87171;background:#dc26263d}[data-theme=dark] .dash-status-pill--hadir{background:#14532d;color:#86efac}[data-theme=dark] .dash-status-pill--terlambat{background:#431407;color:#fdba74}[data-theme=dark] .dash-status-pill--tidak-hadir{background:#450a0a;color:#fca5a5}[data-theme=dark] .fp-capture-panel__device{background:linear-gradient(145deg,#1e293b,#0f172a)}[data-theme=dark] .fp-scan-segments__bar,[data-theme=dark] .fp-capture-panel__progress-track{background:#334155}[data-theme=dark] .fp-reg-row--selected td{background:var(--surface-active)}[data-theme=dark] .theme-toggle{background:var(--surface-muted);border-color:var(--border);color:var(--text)}[data-theme=dark] .panel-user-menu__trigger:hover{border-color:var(--primary);box-shadow:0 2px 8px #00000040}.backup-restore-grid{display:grid;gap:1.25rem;padding:1.25rem 1.5rem}@media(min-width:900px){.backup-restore-grid{grid-template-columns:1fr 1fr;align-items:start}}.backup-section h2{font-size:1.1rem;margin-bottom:.5rem}.backup-section p{margin-bottom:1rem}.backup-section--danger{border-top:3px solid var(--danger);padding-top:.25rem}.backup-summary{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;margin-bottom:1rem}.backup-summary__details{margin-top:.65rem}.backup-summary__details summary{cursor:pointer;font-size:.85rem;color:var(--primary);font-weight:500}.backup-summary__list{list-style:none;margin-top:.5rem;max-height:200px;overflow-y:auto;font-size:.8rem}.backup-summary__list li{display:flex;justify-content:space-between;gap:1rem;padding:.2rem 0;border-bottom:1px solid var(--border)}.backup-summary__list li:last-child{border-bottom:none}.backup-restore-form{display:flex;flex-direction:column;gap:.75rem}.fp-reg-page__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.fp-reg-scanner-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border);font-size:.85rem}.fp-reg-scanner-pill__dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.fp-reg-scanner-pill--ready .fp-reg-scanner-pill__dot{background:#16a34a}.fp-reg-scanner-pill--offline .fp-reg-scanner-pill__dot{background:#dc2626}.fp-reg-scanner-pill--warning .fp-reg-scanner-pill__dot{background:#f59e0b}.fp-reg-stepper{display:flex;flex-wrap:wrap;gap:.5rem 1rem;list-style:none;margin:0 0 1.25rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.fp-reg-stepper__item{display:flex;align-items:center;gap:.45rem;color:var(--text-muted);font-size:.82rem}.fp-reg-stepper__num{width:26px;height:26px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.fp-reg-stepper__item--active .fp-reg-stepper__num{background:var(--primary);border-color:var(--primary);color:#fff}.fp-reg-stepper__item--done .fp-reg-stepper__num{background:#16a34a;border-color:#16a34a;color:#fff}.fp-reg-stepper__item--active{color:var(--primary);font-weight:600}.fp-reg-stepper__item--done{color:#16a34a}.fp-reg-layout{display:grid;gap:1rem}@media(min-width:960px){.fp-reg-layout{grid-template-columns:1fr 280px;align-items:start}}.fp-reg-main,.fp-reg-side{padding:1.25rem}.fp-reg-toolbar{margin-bottom:1rem}.fp-reg-row--selected td{background:#eff6ff}.fp-reg-section-title{font-size:1.05rem;margin-bottom:.35rem}.fp-reg-actions{display:flex;gap:.75rem;margin-top:1.25rem}.fp-capture-panel{margin-top:.5rem}.fp-capture-panel__title{font-size:1.35rem;font-weight:700;margin:0 0 .25rem;color:var(--text)}.fp-capture-panel__sub{color:var(--text-muted);margin:0 0 1rem;font-size:.92rem}.fp-capture-panel__device{display:flex;justify-content:center;padding:1.25rem;max-width:360px;margin:0 auto;background:linear-gradient(145deg,#f0f7ff,#e8f2fc);border-radius:20px;border:1px solid var(--border)}.fp-capture-panel__progress-label{text-align:center;font-size:.95rem;font-weight:600;color:var(--primary);margin:.75rem 0 0}.fp-reg-manage h2{font-size:1.2rem;margin-bottom:.35rem}.fp-reg-finger-list{list-style:none;margin:1.25rem 0;display:flex;flex-direction:column;gap:.65rem}.fp-reg-finger-list__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted)}.fp-reg-finger-list__item--empty{border-style:dashed;background:var(--surface)}.fp-reg-finger-list__info strong{display:block;font-size:.95rem}.fp-reg-finger-list__info span{display:block;font-size:.8rem;color:var(--text-muted)}.fp-reg-finger-list__info small{display:block;font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.fp-reg-finger-list__actions{display:flex;gap:.4rem;flex-shrink:0}.fp-reg-side-slots{list-style:none;margin-top:1rem;font-size:.85rem;color:var(--text-muted)}.fp-reg-side-slots li{padding:.35rem 0;border-bottom:1px solid var(--border)}.fp-reg-side-slots__done{color:#16a34a;font-weight:500}.fp-capture-panel__device--live .fp-scanner-device{filter:drop-shadow(0 0 18px rgba(0,229,255,.35))}.fp-scanner-device{filter:drop-shadow(0 12px 28px rgba(15,23,42,.18))}.fp-capture-panel__status{text-align:center;padding:1rem;background:var(--surface-muted);border-radius:20px;border:1px solid var(--border)}.fp-capture-panel__instruction{font-weight:700;color:var(--text);margin:.75rem 0;font-size:.95rem}.fp-scan-segments{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.fp-scan-segments__bar{width:44px;height:8px;border-radius:99px;background:#d7e8f8}.fp-scan-segments__bar.is-active{background:linear-gradient(90deg,#168af1,#0876d7);animation:fp-seg-glow 1.2s ease infinite}@keyframes fp-seg-glow{0%,to{opacity:.45}50%{opacity:1}}.fp-capture-panel__progress-track{height:8px;background:#dceaf7;border-radius:99px;overflow:hidden;margin-bottom:.35rem}.fp-capture-panel__progress-fill{height:100%;background:linear-gradient(90deg,#168af1,#0876d7);border-radius:inherit;transition:width .25s ease}.fp-capture-panel__pct{display:block;font-size:1.2rem;color:var(--primary);margin-bottom:.75rem}.fp-capture-panel__preview span{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;text-align:left}.fp-capture-panel__thumb{height:120px;border-radius:12px;background:#050a0f;border:1px solid #1e293b;display:flex;align-items:center;justify-content:center}.fp-capture-panel__thumb--live{box-shadow:inset 0 0 24px #00e5ff26;animation:fp-preview-pulse 1s ease infinite}.fp-badge{display:inline-block;vertical-align:middle}.fp-icon-img{display:block;object-fit:contain;border-radius:50%}.fp-icon-img--error{filter:grayscale(.2) saturate(.4) opacity(.85)}.fp-scanner-device-wrap{position:relative;display:inline-flex;justify-content:center;align-items:center}.fp-scanner-device-wrap--live .fp-scanner-device{filter:drop-shadow(0 0 16px rgba(59,130,246,.35))}.fp-scanner-device__icon-stack{position:absolute;top:50%;left:50%;transform:translate(-50%,-42%);display:flex;align-items:center;justify-content:center;pointer-events:none}.fp-scanner-device__icon{position:relative;z-index:2;pointer-events:none}.fp-icon-ring{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.fp-icon-ring__track{stroke:#3b82f633}.fp-icon-ring__progress{stroke:#2563eb;transition:stroke-dashoffset .35s ease}.fp-icon-ring--active .fp-icon-ring__progress{animation:fp-ring-glow 1.4s ease infinite}@keyframes fp-ring-glow{0%,to{filter:drop-shadow(0 0 2px rgba(37,99,235,.35))}50%{filter:drop-shadow(0 0 8px rgba(37,99,235,.65))}}.fp-scanner-device__scan-label{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);font-size:.68rem;font-weight:700;color:#93c5fd;z-index:3;white-space:nowrap}@keyframes fp-preview-pulse{0%,to{opacity:.85}50%{opacity:1}}.fp-reg-profile{display:flex;gap:.75rem;margin:1rem 0}.fp-reg-profile__avatar{width:48px;height:48px;border-radius:12px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.fp-reg-profile strong{display:block}.fp-reg-profile span{display:block;font-size:.8rem;color:var(--text-muted)}.fp-reg-progress__bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:.35rem}.fp-reg-progress__bar div{height:100%;background:linear-gradient(90deg,#2563eb,#16a34a)}.fp-reg-complete{text-align:center;padding:2rem 1rem}.fp-reg-complete__icon{width:72px;height:72px;border-radius:50%;background:#dcfce7;color:#16a34a;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.fp-reg-side-fingers{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.fp-reg-side-fingers h4{font-size:.85rem;font-weight:600;margin-bottom:.75rem;color:var(--text-muted)}.fp-reg-side-fingers .fp-hand-picker{grid-template-columns:1fr}.fp-reg-side-fingers .fp-hand-picker__diagram{display:none}.fp-reg-complete__list{text-align:left;max-width:320px;margin:1rem auto;font-size:.85rem;color:var(--text-muted)}.fp-hand-picker{display:grid;gap:1rem;margin-top:1rem}@media(min-width:720px){.fp-hand-picker{grid-template-columns:1fr 220px}}.fp-hand-picker__list{display:flex;flex-direction:column;gap:.35rem}.fp-hand-picker__item{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:.88rem}.fp-hand-picker__item--active{border-color:var(--primary);background:#eff6ff}.fp-hand-picker__item--disabled{opacity:.45;cursor:not-allowed}.fp-hand-picker__tag{margin-left:auto;font-size:.72rem;color:#16a34a;font-style:normal}.fp-hand-diagram{position:relative;width:88px;height:130px;margin:0 auto}.fp-hand-diagram__palm{position:absolute;top:20px;right:8px;bottom:0;left:8px;background:#fde68a;border-radius:40px 40px 20px 20px;border:2px solid #d97706}.fp-hand-diagram__finger{position:absolute;width:14px;height:24px;background:#fcd34d;border:2px solid #d97706;border-radius:6px}.fp-hand-diagram__finger.is-active{background:var(--primary);border-color:#1d4ed8}.fp-hand-diagram__finger.is-done{background:#16a34a;border-color:#15803d}.fp-hand-diagram--right .fp-hand-diagram__finger:nth-child(2){top:0;left:8px}.fp-hand-diagram--right .fp-hand-diagram__finger:nth-child(3){top:-8px;left:28px}.fp-hand-diagram--right .fp-hand-diagram__finger:nth-child(4){top:-8px;left:46px}.fp-hand-diagram--right .fp-hand-diagram__finger:nth-child(5){top:0;left:64px}.fp-hand-diagram--left{transform:scaleX(-1)}@media(min-width:1024px){.panel-layout--admin .panel-main{flex:1;width:100%;min-width:0}.dashboard-v2__main{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:stretch}.dashboard-v2__stack,.dash-panel--calendar{min-height:100%}.fp-reg-layout{grid-template-columns:minmax(0,1fr) minmax(280px,320px);align-items:stretch;min-height:calc(100dvh - 12rem)}.fp-reg-main{display:flex;flex-direction:column;min-height:0}.fp-reg-main .table-wrap{flex:1;min-height:0;overflow:auto}.page-fill{height:100%;min-height:calc(100dvh - 4.5rem)}.schedule-page-card{flex:1;min-height:0}.master-data-page,.fp-reg-page{width:100%;max-width:none}.table-wrap{width:100%}}@media(min-width:1600px){.page,.page-fill,.container{padding-left:2.5rem;padding-right:2.5rem}.dashboard-v2__main{grid-template-columns:minmax(0,2.2fr) minmax(340px,1fr);gap:1.25rem}}