:root{font-family:Arial,sans-serif;color:#172033;background:#f4f7fb;font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;padding:9px;border:1px solid #ccd3df;border-radius:7px;color:inherit}button{cursor:pointer;background:#f0f0f0;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover{background:#e5ebf7}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{background:#fff;max-width:100%;min-width:0}input:focus,select:focus,button:focus-visible{outline:2px solid #2457c5;outline-offset:2px}input[type=checkbox]{accent-color:#2457c5;width:16px;height:16px;padding:0}input:disabled,select:disabled{background:#f4f6fa}h1{font-size:26px;margin:20px 0;font-weight:700}h2{font-size:22px;margin:10px 0 18px}h3{font-size:18px;margin:10px 0 18px}p{line-height:1.5}small{font-size:12px}b,strong{font-weight:700}.factory-header{background:#14244b;color:#fff;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brand img{height:32px;max-width:90px;object-fit:contain;background:#fff;border-radius:5px;padding:2px}.account-controls{display:flex;align-items:center;gap:10px;font-size:13px}.account-controls button{font-size:13px;color:#172033}.factory-nav{display:flex;gap:6px;flex-wrap:wrap;padding:10px;background:#fff}.factory-nav button{font-size:16px;font-weight:400}.factory-nav .active,button.primary{background:#2457c5;border-color:#2457c5;color:#fff}.factory-main{padding:16px;width:100%;min-width:0}.panel,.box{background:#fff;padding:14px;border-radius:10px;margin-bottom:12px;border:1px solid #e4e8ef}.panel.box{padding:14px}.dashboard-title{margin:18px 0 20px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin:14px 0}.dash-card{background:#fff;border:1px solid #dfe4ea;border-radius:14px;padding:18px;box-shadow:0 3px 12px #0000000d;min-height:120px}.dash-card .lab{font-size:13px;color:#667085;font-weight:600}.dash-card .val{font-size:27px;font-weight:800;margin-top:14px;color:#16264a}.dashboard-note{margin-top:14px;line-height:1.45}.dashboard-note small{font-size:13px}.attendance-caution{display:block;color:#b54708}.screen-tools{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-bottom:12px;font-size:12px}.screen-tools .field{display:flex;align-items:center;gap:8px}.screen-tools input{padding:7px}.screen-tools button{padding:7px 10px}.searchbar{display:flex;align-items:center;gap:8px;margin-right:auto}.searchbar input{width:260px;max-width:65vw}.table-wrap{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:8px;border-bottom:1px solid #e8edf4;text-align:left;vertical-align:middle}th{background:#f7f9fc;font-size:12px;line-height:1.15;white-space:nowrap;color:#475467}td{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}td small{font-size:11px}td button{font-size:13px}th:first-child,td:first-child{padding-left:8px}.table-panel{padding:14px}.employee-table td{height:62px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:14px}.panel-head h2{margin:5px 0}.muted{color:#667085;font-size:13px}.empty{text-align:left;padding:15px;color:#667085}.badge{font-size:11px;padding:3px 6px;border-radius:4px;color:#667085;background:#f5f6f8}.badge.green{color:#08783e;background:#e9f6ef}.badge.red{color:#b42318;background:#fff0ed}.attendance-toolbar>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.attendance-toolbar small{display:block;margin-top:3px}.clear-controls{display:flex;gap:5px;margin-left:auto}.clear-controls button{font-size:13px}.daily-table td{height:92px}.daily-table th:nth-child(3){width:34%}.sessions-cell{min-width:380px}.session-line{display:flex;gap:6px;align-items:center;margin:3px 0}.session-half{display:inline-flex;align-items:center;gap:6px}.time-control{display:inline-flex;gap:6px;align-items:center;position:relative}.time12{width:72px;padding:8px;text-align:center;font-family:monospace;font-size:14px}.ampm{width:62px;padding:8px}.input-error{position:absolute;top:100%;left:0;min-width:260px;white-space:normal;background:#fff0ed;color:#b42318;border:1px solid #efc7c0;padding:7px;z-index:3;font-size:11px;border-radius:5px}.save-status{display:inline-block;color:#667085;margin-left:8px;font-size:10px}.error-text{color:#b42318}.save-status button{padding:3px 6px;font-size:11px;margin-left:7px}.notice{background:#fff8e7;border:1px solid #e9d79e;border-radius:8px;padding:12px 16px;margin:0 0 14px;font-size:14px;line-height:1.5}.notice.error{position:sticky;top:10px;z-index:120;background:#fff0ed;color:#b42318;border-color:#efc7c0}.notice.success{color:#08783e;background:#edf8f0;border-color:#cae5d3}.field{display:flex;flex-direction:column;gap:6px;font-size:13px}.field input{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.check{display:flex;align-items:center;gap:8px;font-size:13px}fieldset{border:0;padding:0;margin:0;min-width:0}.modal-backdrop{position:fixed;inset:0;background:#0008;z-index:99;padding:3%;overflow:auto;display:flex;align-items:flex-start;justify-content:center}.modal{width:min(820px,100%);background:#fff;border:1px solid #e4e8ef;border-radius:10px;padding:20px;max-height:92vh;overflow:auto}.modal .panel-head{margin:0}.modal table{min-width:0}.modal form>button{margin-bottom:12px}.toolbar{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.toolbar .field{min-width:160px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}pre{font-family:Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;max-height:450px;overflow:auto;font-size:13px;line-height:1.7}.legend{font-size:12px;margin-bottom:12px;color:#475467}.day-code.present{color:#08783e;font-weight:700}.mini-cards{display:flex;gap:15px;margin:15px 0}.mini-cards>div{padding:15px;background:#fff;border:1px solid #e4e8ef;border-radius:8px;flex:1}.mini-cards b{display:block;margin-top:8px}.payroll-input{width:95px;font-size:13px}.payroll-date{width:140px;font-size:12px}.settlement-table th,.settlement-table td{padding:8px}.report-header{text-align:center;border-bottom:2px solid #222;margin-bottom:12px;padding-bottom:8px}.report-header img{max-height:55px;max-width:130px;object-fit:contain}.report-header h2{font-size:21px;margin:5px}.report-header h3{font-size:18px;margin:10px 0}.report-header p{margin:3px;font-size:13px}.report-totals{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid #ccd3df;padding:14px 0;margin-top:12px;font-size:12px}.report-totals>span{text-transform:capitalize}.report-buttons{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.report-buttons .active{background:#2457c5;color:#fff}.signatures{display:flex;justify-content:space-between;font-size:12px;margin:35px 0 15px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:12px 0}.kpi{border:1px solid #ddd;border-radius:8px;padding:9px;font-size:12px}.kpi b{display:block;margin-top:7px}.settings-form{max-width:none}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:14px}.logo-preview{max-width:160px;max-height:90px;border:1px solid #ddd;padding:5px;border-radius:8px;display:block;margin-bottom:12px}.login-header{background:#14244b;color:#fff;padding:18px}.login-wrap{min-height:75vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,92vw);background:#fff;border:1px solid #ddd;border-radius:16px;padding:26px;box-shadow:0 8px 30px #0002}.login-card h2{line-height:1.3}.login-card input{width:100%;margin:6px 0 14px;padding:11px}.login-card .link{border:0;background:none;color:#2457c5;padding:10px 0;font-size:13px;display:block}.login-card .notice{font-size:13px}.splash{padding:60px;text-align:center}.auth-foot{font-size:11px;color:#667085;margin-top:18px}.full{width:100%}@media(max-width:850px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.factory-header{font-size:14px}.factory-nav button{font-size:14px;padding:9px}.factory-main{padding:12px}.two-col{grid-template-columns:1fr}.clear-controls{margin-left:0}.clear-controls button{font-size:11px}.form-grid{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-grid{grid-template-columns:1fr}.dash-card{min-height:100px}.screen-tools{justify-content:flex-start}.account-controls{flex-wrap:wrap}.factory-header{padding:14px}.table-panel{padding:10px}.modal-backdrop{padding:12px}.toolbar .field{min-width:120px}}@media print{@page{size:A4 landscape;margin:10mm}body{background:#fff!important}.factory-header,.factory-nav,.screen-tools,.no-print,#nl-badge-frame,.notice{display:none!important}.factory-main{padding:0;margin:0}.factory-main>:not(#print-area){display:none!important}#print-area{display:block!important;border:0;padding:0;margin:0;background:#fff}.report .table-wrap{overflow:visible}.report table{width:100%;min-width:0;table-layout:auto}.report th,.report td{font-size:8px;padding:5px 4px;white-space:normal;overflow-wrap:anywhere}.report thead{display:table-header-group}.report tr,.report-totals,.signatures,.kpis{break-inside:avoid}.report-header{margin-bottom:12px}.report-header h2{font-size:18px}.report-header h3{font-size:15px}.report .muted{font-size:8px}.report-totals{font-size:9px}.report button{display:none}.kpi{font-size:9px}}.block{display:block;margin-top:4px}.settlement-table td:last-child{white-space:normal;min-width:150px}.settlement-table .error-text{max-width:220px}.company-fields{margin-top:22px}.company-fields .field:nth-child(2){flex:1;min-width:200px}button,input,select,textarea{font-family:Arial,sans-serif;font-size:13.3333px}.factory-nav button{font-size:13.3333px}.dashboard-title{font-size:24px}.employee-table td{height:auto}.time12{font-size:14px}.settlement-actions{margin-top:6px;font-size:12px}.settlement-actions summary{cursor:pointer;color:#2457c5}.settlement-actions .check{margin:8px 0}.company-fields .field{flex-direction:row;align-items:center;gap:5px}.company-fields .field:nth-child(2){flex:initial}.company-fields input{width:175px}.audit-table td{white-space:normal;overflow-wrap:anywhere;max-width:360px}@media screen{.simple-sheet .report-header,.simple-sheet .report-totals,.simple-sheet>.muted,.simple-sheet .signatures{display:none}.simple-sheet .empty{text-align:left;padding:9px;color:inherit}}.esi-sheet tbody tr:last-child{font-weight:700;background:#f3f6fa;border-top:2px solid #cbd5e1}@media print{.esi-sheet th,.esi-sheet td{font-size:10px;padding:8px 6px}.esi-sheet th:nth-child(n+4),.esi-sheet td:nth-child(n+4){text-align:right}}.voice-dialog{border:0;padding:0;width:min(1050px,94vw);max-width:94vw;border-radius:12px}.voice-dialog::backdrop{background:#0006}.voice-panel{max-width:1050px;width:100%;max-height:90vh;overflow:auto}.voice-panel textarea{display:block;width:100%;min-height:85px;margin:10px 0}.voice-panel fieldset{border:0;min-width:0}.voice-panel .voice-entry{border:1px solid #ccd5e5;margin:12px 0}.voice-entry input:not([type=checkbox]):not([type=date]){width:90px}.voice-entry select,.voice-entry input{margin:4px}@media screen and (max-width:850px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body,#root,.app-shell{width:100%;min-width:0;max-width:100%;overflow-x:clip}.factory-header>*,.brand,.brand>*,.account-controls,.factory-nav,.factory-main,.panel,.box,.form-grid>*,.two-col>*,.screen-tools>*,.toolbar>*{min-width:0;max-width:100%}.brand,.account-controls{flex-wrap:wrap}.brand b,.brand small,.account-controls span,.notice{overflow-wrap:anywhere}.factory-nav button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.table-wrap{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}input,select,textarea,.time12,.ampm,.screen-tools input,.settlement-table input{font-size:16px}.company-fields .field{flex-wrap:wrap}}.attendance-view-switch{display:flex;gap:8px;justify-content:center;margin:0 0 20px;flex-wrap:wrap}.attendance-view-switch .active{background:#2563eb;color:#fff;border-color:#2563eb}.quick-attendance-card{max-width:440px;margin:24px auto;padding:28px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 14px 40px #152b4c14}.quick-clock{margin:0 auto 12px;background:#dbeafe;color:#2563eb;width:52px;height:52px;display:grid;place-items:center;font-size:32px;border-radius:50%}.quick-attendance-card h3{text-align:center;margin:0;font-size:22px}.quick-subtitle{text-align:center;color:#64748b;margin:6px 0 24px;font-size:14px}.quick-attendance-card .field{display:flex;flex-direction:column;gap:7px;margin:0 0 18px;min-width:0}.quick-attendance-card .field span{font-size:13px;font-weight:600}.quick-attendance-card input,.quick-attendance-card select{width:100%;min-width:0;box-sizing:border-box;background:#f8fafc;border-radius:10px;min-height:46px;font-size:16px}.quick-punch-form fieldset{border:0;padding:0;margin:0;min-width:0}.quick-time-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.standard-date-control{display:inline-flex;flex-direction:column;min-width:0;max-width:100%}.standard-date-control input{width:145px;max-width:100%}.quick-attendance-card .standard-date-control,.quick-attendance-card .standard-date-control input{width:100%}.standard-time-control{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:5px;min-width:0}.standard-time-control input,.standard-time-control select{padding:8px 6px}.standard-time-control .input-error{grid-column:1 / -1}.quick-day-grid .field span{color:#64748b;font-size:12px}.quick-hint{font-size:12px;line-height:1.6;color:#64748b}.quick-save{width:100%;background:#2563eb;color:#fff;font-weight:700;border-color:#2563eb;border-radius:10px;padding:13px}.quick-success{color:#166534;background:#dcfce7;padding:12px;border-radius:10px}.quick-session+.quick-session{border-top:1px solid #e2e8f0;padding-top:15px}@media screen and (max-width:500px){.quick-attendance-card{padding:20px;margin:16px 0;max-width:100%}}.attendance-heading{margin:12px 0 18px}.attendance-heading small{display:block;font-size:14px;font-weight:400;color:#64748b;margin-top:5px}.attendance-entry-panel{padding:14px}.daily-table thead th{background:#edf3fa;padding:14px 12px}.daily-table tbody tr:nth-child(2n){background:#f8fafc}.daily-table td{padding:16px 12px}.attendance-name{font-weight:600;min-width:160px}.session-line{flex-wrap:wrap;gap:10px;padding:8px 0}.punch-label{font-size:10px;font-weight:700;color:#64748b}.session-number{color:#64748b}.next-day-control{display:flex;flex-direction:column;font-size:10px;color:#64748b;gap:3px}.next-day-control select{padding:7px;font-size:12px}.attendance-status{display:inline-block;padding:6px 10px;border-radius:20px;font-size:12px;background:#eef2f6;color:#475569}.status-present{color:#166534;background:#dcfce7}.status-absent{color:#991b1b;background:#fee2e2}.status-incomplete,.status-invalid{color:#9a3412;background:#ffedd5}.status-half{color:#854d0e;background:#fef9c3}.save-status{display:block;font-size:12px;margin:8px 0 0}@media screen and (max-width:850px){.attendance-entry-panel .table-wrap{overflow:visible}.daily-table,.daily-table tbody{display:block;width:100%}.daily-table thead{display:none}.daily-table tbody tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dbe3ef;border-radius:14px;margin-bottom:14px;padding:10px;background:#fff}.daily-table td{display:block;min-width:0;height:auto;border:0;padding:8px;overflow-wrap:anywhere}.daily-table td[data-label]:before{content:attr(data-label);display:block;font-size:11px;font-weight:500;color:#64748b;margin-bottom:5px}.daily-table td.sessions-cell{grid-column:1 / -1;min-width:0}.daily-table .session-line{display:grid;grid-template-columns:1fr 1fr}.session-number{grid-column:1 / -1}.session-half{flex-wrap:wrap;gap:4px}.time-control{gap:4px}.daily-table .time12{width:70px}.daily-table .ampm{width:62px}.next-day-control select{font-size:16px}}.standard-time-control .time-now{grid-column:1 / -1;padding:6px;color:#2154c7;font-weight:600}