: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}.standard-date-control{position:relative}.calendar-input-row{display:flex;align-items:stretch;width:100%}.calendar-input-row input{min-width:0;flex:1;border-radius:7px 0 0 7px}.calendar-input-row>button{border-radius:0 7px 7px 0;padding:6px 10px;flex:none;color:#2154c7}.calendar-popup{position:absolute;z-index:50;top:100%;left:0;width:280px;max-width:calc(100vw - 32px);padding:12px;background:#fff;border:1px solid #cad4e5;border-radius:12px;box-shadow:0 10px 30px #14244b33;color:#14244b}.calendar-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calendar-day-grid,.calendar-month-grid{display:grid;gap:3px;text-align:center}.calendar-day-grid{grid-template-columns:repeat(7,1fr)}.calendar-month-grid{grid-template-columns:repeat(3,1fr)}.calendar-popup button{padding:7px 3px;min-width:0}.calendar-popup button[aria-pressed=true]{background:#2456cf;color:#fff}.calendar-close{width:100%;margin-top:8px}.quick-existing{background:#fff8e7;border:1px solid #e8cb84;border-radius:12px;padding:12px;margin-bottom:16px;color:#61470d;overflow-wrap:anywhere}.quick-existing p{margin:6px 0;font-size:14px}.morning-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}.morning-table th,.morning-table td{padding:8px;border-bottom:1px solid #e4eaf2;text-align:left;white-space:normal;overflow-wrap:anywhere}.morning-table th:last-child,.morning-table td:last-child{width:92px;white-space:nowrap}.whatsapp-compact{min-width:0;max-width:100%}.absence-overlay{position:fixed;inset:0;z-index:100;background:#14254b66;display:grid;place-items:center;padding:16px}.absence-dialog{background:#fff;border-radius:16px;padding:20px;width:min(440px,100%);max-height:80dvh;overflow-y:auto;box-shadow:0 15px 60px #0003}.compact-entry .attendance-heading{margin:0 0 8px;font-size:20px}.compact-entry>.quick-hint{margin:5px 0}.compact-entry .attendance-view-switch{margin:8px 0;justify-content:flex-start}.compact-entry .quick-attendance-card{margin:10px 0;padding:16px;max-width:480px;border-radius:16px}.compact-entry .quick-clock{display:none}.compact-entry .quick-attendance-card h3{font-size:18px}.compact-entry .quick-subtitle{margin:4px 0 12px;font-size:12px}.compact-entry .quick-attendance-card .field{margin-bottom:10px;gap:4px}.compact-entry .quick-attendance-card .calendar-input-row button{white-space:nowrap;font-size:12px;min-width:86px}.compact-entry{max-width:514px;margin:0 auto}.compact-entry .attendance-heading{font-size:18px;margin-bottom:4px}.compact-entry .attendance-heading small{display:inline;margin-left:8px;font-size:12px}.compact-entry>.quick-hint{margin:3px 0;font-size:11px}.compact-entry .attendance-view-switch{justify-content:center;margin:5px 0}.compact-entry .quick-attendance-card{margin:6px auto 12px}.compact-entry>button{padding:6px 10px;font-size:12px}@media screen{.modern-layout{--sidebar-width:252px;min-height:100dvh;padding-left:var(--sidebar-width);background:#f0f3f7;color:#243247;font-family:Segoe UI,Arial,sans-serif}.modern-layout button,.modern-layout input,.modern-layout select{font-family:inherit}.modern-layout .factory-header{background:#fff;color:#253345;padding:20px 28px;min-height:88px;border-bottom:1px solid #e1e6ed;box-shadow:0 3px 12px #25334509}.modern-layout .brand b{font-size:18px;font-weight:650}.modern-layout .brand small{color:#627185}.modern-layout .account-controls{font-size:12px;gap:12px}.modern-layout .account-controls button{background:#f7f9fc;border-color:#dfe5ec}.modern-layout .factory-nav{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:5px;padding:24px 14px;background:linear-gradient(150deg,#3a4c61,#29394b);color:#e3eaf3;overflow-y:auto;overscroll-behavior:contain;z-index:40}.sidebar-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0 12px 24px;color:#becbda;font-size:12px;letter-spacing:.3px}.sidebar-brand img{width:135px;height:56px;object-fit:contain;background:#fff;padding:5px;border-radius:8px}.modern-layout .factory-nav button{display:flex;flex:none;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:44px;padding:12px;text-align:left;background:transparent;border:0;border-radius:7px;color:#e0e8f2;font-size:14px;line-height:1.35;white-space:normal}.modern-layout .factory-nav button svg{flex:0 0 21px;width:21px;height:21px;color:#c4d1df}.modern-layout .factory-nav button span{flex:1;min-width:0;text-align:left}.modern-layout .factory-nav button:hover{background:#ffffff12}.modern-layout .factory-nav button.active{background:linear-gradient(110deg,#2463c3,#218dee);color:#fff;box-shadow:0 5px 14px #14233430}.modern-layout .factory-nav button.active svg{color:#fff}.modern-layout .factory-nav .nav-section-start{margin-top:14px;position:relative}.modern-layout .factory-nav .nav-section-start:before{content:"";position:absolute;top:-9px;left:0;right:0;height:1px;background:#ffffff20}.modern-layout .factory-nav .sidebar-close,.mobile-menu-button,.navigation-backdrop{display:none}.modern-layout .factory-main{padding:28px;max-width:none;margin:0;min-width:0}.modern-layout h1{font-size:29px;letter-spacing:-.6px;margin:0 0 22px;color:#192a3d}.modern-layout h2,.modern-layout h3{color:#25364b}.modern-layout .panel,.modern-layout .box{border:1px solid #e0e6ee;border-radius:12px;background:#fff;box-shadow:0 4px 13px #26364b0a}.modern-layout .screen-tools{margin-bottom:16px}.modern-layout input,.modern-layout select,.modern-layout textarea{background:#fafbfd;border-color:#d1dae5}.modern-layout .dashboard-filters{display:flex;align-items:center;justify-content:flex-start;gap:22px;flex-wrap:wrap;padding:16px 20px;margin-bottom:20px}.dashboard-filters label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.dashboard-filters select{min-width:132px}.modern-layout .dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 26px}.modern-layout .dash-card{position:relative;text-align:left;min-width:0;min-height:134px;padding:20px;background:#fff;border:1px solid #e0e6ee;border-radius:12px;box-shadow:0 5px 13px #25334512,0 1px 3px #25334508}.modern-layout .dash-card .lab{color:#46556a;font-size:14px;line-height:1.4;font-weight:550;margin:0 0 16px}.modern-layout .dash-card .val{color:#26384f;font-size:clamp(25px,2.1vw,34px);font-weight:700;line-height:1.15;letter-spacing:-.5px;padding-right:42px;margin:0;overflow-wrap:anywhere}.modern-layout .employee-card{background:linear-gradient(125deg,#fff,#f0f4ff)}.modern-layout .present-card{background:linear-gradient(125deg,#fff,#edfaf0)}.modern-layout .absent-card{background:linear-gradient(125deg,#fff,#fff0ed)}.modern-layout .half-card{background:linear-gradient(125deg,#fff,#f4f2eb)}.modern-layout .salary-card{grid-column:span 2}.card-icon{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;color:#3868ac}.card-icon svg{width:34px;height:34px}.modern-layout .present-card .val,.modern-layout .present-card .card-icon{color:#269c59}.modern-layout .absent-card .val,.modern-layout .absent-card .card-icon{color:#d64d44}.modern-layout .half-card .val,.modern-layout .half-card .card-icon{color:#898b90}.modern-layout .salary-card .card-icon{color:#557b8b}.modern-layout .monthly-salary-card .val,.modern-layout .monthly-salary-card .card-icon{color:#245f64}.modern-layout table{font-size:13px}.modern-layout th{background:#eef2f6;color:#526276;padding:13px 12px;font-weight:650}.modern-layout td{padding:12px;border-bottom:1px solid #e6ebf1}.modern-layout tbody tr:nth-child(2n){background:#fafbfd}.modern-layout .badge{border-radius:20px;padding:5px 10px;font-size:11px;font-weight:700}.modern-layout .badge.green{background:#dff5e7;color:#218249}.modern-layout .badge.red{background:#ffe2df;color:#bc3935}.modern-layout .compact-entry{max-width:514px}.modern-layout .dashboard-note{box-shadow:none;background:transparent;border:0;border-top:1px solid #dce3eb;border-radius:0;padding:16px 0;font-size:13px;color:#657388}.overview-heading{display:flex;gap:12px;align-items:baseline;justify-content:space-between;flex-wrap:wrap;margin:8px 0 14px}.overview-heading h2{margin:0;font-size:21px;letter-spacing:-.3px}.overview-heading>span{font-size:12px;color:#69788b}.overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr);gap:20px}.overview-grid.chart-only{grid-template-columns:minmax(0,1fr)}.overview-card{min-width:0;background:#fff;border:1px solid #e0e6ee;border-radius:12px;box-shadow:0 5px 16px #25334510;overflow:hidden}.overview-card>header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid #edf0f4}.overview-card h3{display:flex;align-items:center;gap:9px;font-size:16px;margin:0;font-weight:650}.overview-card h3 svg{color:#597087;flex:none}.chart-legend,.staff-dot-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#657388}.chart-legend>span,.staff-dot-legend>span{display:inline-flex;align-items:center;gap:5px}.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:2px}.weekly-chart{display:flex;gap:10px;padding:30px 20px 4px}.chart-scale{width:26px;flex:none;height:210px;display:flex;flex-direction:column;justify-content:space-between;color:#7b8898;font-size:11px;text-align:right}.chart-columns{flex:1;min-width:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.chart-day{min-width:0}.chart-bars{height:210px;display:flex;align-items:flex-end;justify-content:center;gap:5px;border-bottom:1px solid #cad4df;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#edf1f5 calc(25% - 1px),#edf1f5 25%)}.chart-bar{width:34%;max-width:30px;position:relative;border-radius:4px 4px 0 0;min-height:1px}.chart-bar>span{position:absolute;top:-19px;left:50%;transform:translate(-50%);color:#5d6e7f;font-size:10px}.chart-bar.present,.chart-legend .present{background:#2aa15d}.chart-bar.absent,.chart-legend .absent{background:#df5651}.chart-unavailable{color:#b0bac6;padding-bottom:6px}.chart-day-label{display:block;text-align:center;font-size:11px;color:#526276;padding:10px 0}.chart-day-label small{display:block;color:#93a0b0;font-size:10px;margin-top:3px}.overview-footnote{margin:0;padding:12px 20px 18px;color:#788698;font-size:11px;line-height:1.55}.days-caption{font-size:11px;color:#8190a1}.staff-week-scroll{max-height:318px;overflow-y:auto;overscroll-behavior:contain}.staff-week-row{display:flex;align-items:center;gap:11px;padding:12px 18px;border-bottom:1px solid #eef1f5}.staff-initials{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:#eef3f9;color:#587594;font-size:11px;font-weight:650}.staff-week-detail{min-width:0;flex:1}.staff-week-detail strong{display:block;font-size:12px;font-weight:550;color:#3d5066;overflow-wrap:anywhere}.attendance-dots{display:flex;align-items:center;gap:5px;margin-top:7px}.attendance-dot{display:inline-block;width:12px;height:12px;flex:none;border-radius:50%;border:1px solid transparent}.attendance-dot.present{background:#2aa15d}.attendance-dot.absent{background:#df5651}.attendance-dot.half{background:#e2b057}.attendance-dot.incomplete{background:#7786db}.attendance-dot.short{background:#c58b5a}.attendance-dot.neutral{background:#fff;border-color:#ccd5df}.staff-day-count{white-space:nowrap;font-size:11px;color:#7e8b9a}.staff-day-count b{color:#344b60;font-size:16px}.staff-dot-legend{padding:14px 18px;border-top:1px solid #edf0f4;gap:7px 12px;font-size:10px}.staff-dot-legend .attendance-dot{width:8px;height:8px}.modern-layout .morning-table{min-width:0;width:100%;table-layout:fixed}.modern-layout .entry-whatsapp-button{background:#168447;color:#fff;border-color:#168447;font-weight:650;margin:6px 0}.entry-whatsapp-panel{width:100%;min-width:0;margin:8px 0 12px}.entry-whatsapp-panel .whatsapp-compact{margin:0;padding:14px}.entry-whatsapp-panel .morning-table th:first-child{width:66%}.entry-whatsapp-panel .morning-table td:first-child{overflow-wrap:anywhere}.entry-whatsapp-panel button{max-width:100%;white-space:normal;margin:4px 0}.entry-whatsapp-panel h3{font-size:16px}.entry-whatsapp-panel td,.entry-whatsapp-panel th{font-size:12px;padding:7px}.entry-whatsapp-panel pre{overflow-wrap:anywhere}@media(max-width:1150px){.modern-layout{--sidebar-width:224px}.modern-layout .factory-main{padding:22px}.modern-layout .factory-header{padding:18px 22px}.modern-layout .brand small{display:none}.modern-layout .dashboard-grid{gap:12px}.modern-layout .dash-card{padding:16px}.modern-layout .dash-card .lab{font-size:12px}.overview-grid{grid-template-columns:minmax(0,1fr)}.staff-week-scroll{max-height:285px}}@media(max-width:760px){.modern-layout{padding-left:0}.modern-layout .factory-header{padding:12px;gap:10px;min-height:76px}.modern-layout .brand{flex:1;min-width:0}.modern-layout .brand b{font-size:14px}.modern-layout .brand img{max-width:55px}.modern-layout .account-controls{width:100%;justify-content:flex-end;flex-wrap:wrap;font-size:11px;gap:7px}.modern-layout .account-controls button{font-size:11px;padding:7px}.mobile-menu-button{display:inline-flex;padding:9px}.modern-layout .factory-nav{display:none;width:min(290px,86vw);z-index:60}.modern-layout.menu-open .factory-nav{display:flex}.modern-layout .factory-nav .sidebar-close{display:flex;justify-content:flex-end;margin-bottom:6px;min-height:40px;padding:5px}.navigation-backdrop{display:block;position:fixed;inset:0;width:100%;height:100dvh;border:0;border-radius:0;background:#1c2c4255;z-index:55}.modern-layout .factory-main{padding:18px 12px}.modern-layout h1{font-size:26px;margin-bottom:16px}.modern-layout .dashboard-filters{padding:12px;gap:12px}.dashboard-filters label{font-size:12px;gap:6px}.dashboard-filters select{min-width:112px}.modern-layout .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.modern-layout .dash-card{min-height:118px;padding:14px}.modern-layout .dash-card .lab{font-size:12px;margin-bottom:16px}.modern-layout .dash-card .val{font-size:26px;padding-right:25px}.modern-layout .salary-card{grid-column:span 2;min-height:112px}.card-icon{right:14px;bottom:17px}.card-icon svg{width:26px;height:26px}.overview-heading h2{font-size:19px}.overview-heading>span{font-size:11px}.overview-grid{gap:16px}.overview-card>header{padding:16px}.overview-card h3{font-size:15px}.weekly-chart{padding:28px 12px 4px;gap:6px}.chart-columns{gap:5px}.chart-bars{gap:3px}.overview-footnote{padding:10px 15px 16px}.modern-layout .compact-entry{width:100%}}}.monthly-absence-dialog{width:min(480px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #dce4ed;border-radius:16px;box-shadow:0 24px 80px #15273a44;color:#243247;background:#fff;overflow:hidden}.monthly-absence-dialog::backdrop{background:#172a4666}.absence-dialog-content{display:flex;flex-direction:column;max-height:calc(100dvh - 34px);min-width:0}.absence-dialog-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:10px;padding:16px;border-bottom:1px solid #e8edf3;background:#fff}.absence-dialog-header>div{display:flex;gap:9px;align-items:center;min-width:0}.absence-dialog-header svg{flex:none;color:#4d6e95}.absence-dialog-header h2{font-size:17px;margin:0;overflow-wrap:anywhere}.absence-dialog-header small{display:block;color:#7b8a9c;margin-top:5px}.absence-dialog-header button{flex:none;min-height:42px;background:#f0f4f8;color:#334d68;padding:8px}.absence-dialog-body{overflow-y:auto;overscroll-behavior:contain;padding:0 16px 18px;min-width:0}.absence-count{color:#30465f}.absence-explanation{font-size:12px;color:#718197}.monthly-absence-dialog table{width:100%;min-width:0;table-layout:fixed;font-size:13px}.monthly-absence-dialog th,.monthly-absence-dialog td{white-space:normal;overflow-wrap:anywhere;padding:11px 7px;border-bottom:1px solid #e9eef4}.monthly-absence-dialog th:last-child,.monthly-absence-dialog td:last-child{width:60px;text-align:right}.monthly-absence-dialog td span{background:#ffedea;color:#b7463e;padding:3px 9px;border-radius:20px;font-weight:650}@media print{.modern-layout{padding-left:0;background:#fff}.mobile-menu-button,.sidebar-brand,.navigation-backdrop,.sidebar-close,.monthly-absence-dialog{display:none!important}}