*{box-sizing:border-box}body{color:#202b38;background:#f5f6f8;margin:0;font:16px/1.5 system-ui,Arial,sans-serif}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#174c79;border:1px solid #174c79;border-radius:7px;padding:9px 15px}button:disabled{opacity:.6;cursor:wait}.secondary{color:#174c79;background:#fff}.shell{max-width:1140px;margin:auto;padding:24px}header{justify-content:space-between;align-items:center;gap:16px;display:flex}h1{margin:0;font-size:27px}h2{margin:0;font-size:21px}h3{margin:0 0 12px;font-size:18px}header p,.panel p{color:#657181;margin:4px 0 12px}.account{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}nav{flex-wrap:wrap;gap:7px;margin:24px 0;display:flex}nav button{color:#29455e;background:#fff;border-color:#d2dce5}nav button.active{color:#fff;background:#174c79}.mobile-menu-bar{display:none}.toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel{background:#fff;border:1px solid #e0e6eb;border-radius:10px;margin:0 0 16px;padding:20px;box-shadow:0 1px 3px #172b3e09}.summary,.master-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.summary .panel{flex-direction:column;display:flex}.summary strong{font-size:28px}.summary span{color:#657181}.field{flex-direction:column;gap:5px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}input,select{color:#202b38;background:#fff;border:1px solid #c3ced8;border-radius:6px;width:100%;padding:10px;font-weight:400}.form{max-width:560px}.master-grid .form,.issue-form{max-width:none}.issue-common{grid-template-columns:1fr 180px 1fr;align-items:end;gap:14px;display:grid}.issue-common .field{margin-bottom:0}.issue-head{align-items:center}.issue-head strong{white-space:nowrap}.issue-rows{border:1px solid #e0e6eb;border-radius:8px;margin-bottom:14px;overflow:hidden}.issue-row{border-top:1px solid #e0e6eb;grid-template-columns:minmax(260px,1fr) 150px 110px;align-items:start;gap:12px;padding:12px;display:grid}.receive-row{grid-template-columns:minmax(230px,1fr) 130px 150px 130px 150px 110px}.issue-row:first-child{border-top:0}.issue-row-head{color:#59687a;background:#f7f9fb;padding:9px 12px;font-size:13px;font-weight:700}.issue-row-index{display:none}.issue-row .field{margin-bottom:0}.issue-row .field span{display:none}.issue-row button{min-height:42px}.row-error{color:#982d27;background:#fbe8e7;border-radius:7px;grid-column:1/-1;margin:0;padding:8px 10px}.issue-actions{justify-content:flex-end}.manual-whatsapp{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.manual-whatsapp h3{margin-bottom:4px}.rate-form{transition:border-color .2s,box-shadow .2s,background-color .2s}.edit-highlight{background:#fffaf0;border-color:#d9a441;box-shadow:0 0 0 3px #f2d88a66}.edit-note{color:#29455e;background:#eef5fb;border:1px solid #c8dce9;border-radius:7px;padding:9px 11px}.report-filter{grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;margin:14px 0 18px;display:grid}.report-filter .field{margin-bottom:0}.recent-filter{grid-template-columns:auto 150px 150px 170px auto;align-items:end;gap:10px;display:grid}.recent-filter .field{margin-bottom:0}.stock-date-filter{grid-template-columns:auto 160px 150px 150px auto;align-items:end;gap:10px;margin:10px 0 14px;display:grid}.stock-date-filter .field{margin-bottom:0}.stock-date-filter .error,.stock-date-filter .filter-range{grid-column:1/-1;margin:0}.filter-range{color:#657181;font-size:14px}.quick-filters{flex-wrap:wrap;gap:8px;display:flex}.recent-filter-actions,.stock-filter-actions{align-items:end}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin:20px 0 8px;display:flex}.section-head h3{margin-bottom:4px}.list-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.list-tools input{min-width:230px}.list-tools select{width:auto;min-width:145px}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions button{padding:7px 10px}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.permission-group{border:1px solid #e0e6eb;border-radius:8px;padding:14px}.permission-group h3{margin-bottom:8px;font-size:15px}.template-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9fb;border:1px solid #e0e6eb;border-radius:7px;padding:10px;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.check-row{align-items:center;gap:8px;margin:7px 0;display:flex}.check-row input{width:auto}.modal-backdrop{z-index:20;background:#0f243866;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{width:min(480px,100%);margin:0;box-shadow:0 18px 45px #10203345}.modal h3{margin-bottom:8px}.preview-table{min-width:0;margin-bottom:14px}.preview-table th:last-child,.preview-table td:last-child{text-align:right;width:90px}.details-panel>summary{cursor:pointer;font-size:18px;font-weight:700;list-style-position:inside}.details-panel[open]>summary{margin-bottom:12px}.scroll{overflow:auto}.compact-scroll{overflow-x:visible}table{border-collapse:collapse;text-align:left;width:100%;min-width:570px}.compact,.recent-table{min-width:0}.recent-table th,.recent-table td{padding:9px 8px}.recent-table th:first-child,.recent-table td:first-child{white-space:nowrap;width:116px;min-width:116px}.recent-table th:nth-child(2),.recent-table td:nth-child(2){width:82px}.recent-table th:nth-child(4),.recent-table td:nth-child(4),.recent-table th:nth-child(5),.recent-table td:nth-child(5),.recent-table th:nth-child(6),.recent-table td:nth-child(6){width:110px}.wide{min-width:1120px}.labour-ledger-table th:first-child,.labour-ledger-table td:first-child{white-space:nowrap;min-width:96px}th,td{vertical-align:top;border-bottom:1px solid #e4e9ed;padding:10px}th{color:#59687a;font-size:13px}.login-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.login{width:min(420px,100%)}.login button{width:100%}.error,.success{border-radius:7px;padding:11px 14px}.error{color:#982d27;background:#fbe8e7}.success{color:#206832;background:#e6f5e9}.danger{color:#fff;background:#b42318;border-color:#b42318}.danger-text{color:#b42318;border-color:#efc6c2}.pwa-assist{display:none}.employee-subtabs{gap:8px;max-width:100%;margin-bottom:8px;padding:2px 0 12px;display:flex;overflow-x:auto}.employee-subtabs button{white-space:nowrap;color:#29455e;background:#fff;border-color:#d2dce5;flex:none}.employee-subtabs button.active{color:#fff;background:#174c79;border-color:#174c79}.employee-subtabs button:focus-visible{outline-offset:2px;outline:2px solid #174c79}.attendance-record-filters{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));align-items:end;gap:12px;margin-bottom:16px;display:grid}.attendance-record-filters .field{min-width:0;margin-bottom:0}.attendance-record-filters .actions{align-self:end}@media (min-width:701px){.shell{width:100%;max-width:none;padding:24px}.master-grid{grid-template-columns:repeat(auto-fit,minmax(320px,560px));justify-content:start}}@media (max-width:700px){.attendance-record-filters{grid-template-columns:minmax(0,1fr)}body{background:#f7f8fa;font-size:15px}html,body{overflow-x:hidden}.shell{max-width:100%;padding:12px}.login-wrap{background:#f7f8fa;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:14px;display:flex}.login{align-self:center;width:calc(100vw - 56px);max-width:420px;margin-top:8vh}header{flex-direction:column;align-items:flex-start}header h1{font-size:24px}header p{margin-bottom:2px}.account{justify-content:space-between;align-items:flex-start;width:100%}.account span{text-overflow:ellipsis;max-width:calc(100% - 92px);overflow:hidden}.mobile-menu-bar{align-items:center;gap:10px;margin:14px 0 10px;display:flex}.mobile-menu-bar button{flex:0 0 92px}.mobile-menu-bar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:18px;overflow:hidden}nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px;display:none}nav.open{display:grid}nav button{min-height:42px;padding:8px}.toolbar{align-items:flex-start;gap:10px}.toolbar h2{font-size:20px}.toolbar button{white-space:nowrap}.panel{box-shadow:none;border-radius:8px;margin-bottom:12px;padding:14px}.summary{gap:10px}.summary strong{font-size:24px}.field{margin-bottom:12px}input,select,button{min-height:44px}button{padding:9px 12px}.summary,.master-grid,.report-filter,.recent-filter,.stock-date-filter,.issue-common{grid-template-columns:1fr}.issue-row-head{display:none}.issue-rows{border:0;border-radius:0;overflow:visible}.issue-row{background:#fff;border:1px solid #e0e6eb;border-radius:8px;margin-bottom:10px;padding:12px;display:block}.issue-row-index{margin-bottom:8px;font-weight:700;display:block}.issue-row .field{margin-bottom:12px}.issue-row .field span{display:block}.issue-row button{width:100%}.row-error{margin-top:10px}.issue-actions{grid-template-columns:1fr;gap:8px;display:grid}.manual-whatsapp{display:block}.manual-whatsapp .actions{grid-template-columns:1fr;gap:8px;display:grid}.permission-grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:stretch}.list-tools{justify-content:flex-start;align-items:stretch}.list-tools input,.list-tools select{width:100%;min-width:0}.actions{gap:7px}.actions button{flex:118px;min-height:40px}.quick-filters,.recent-filter-actions,.stock-filter-actions{grid-template-columns:1fr 1fr;display:grid}.modal-backdrop{align-items:start;padding:12px;overflow:auto}.modal{margin-top:24px}.scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:640px}th,td{padding:9px 8px}.compact-scroll{overflow-x:auto}.compact,.recent-table{min-width:760px}.pwa-assist{color:#29455e;overflow-wrap:anywhere;background:#eef5fb;border:1px solid #c8dce9;border-radius:8px;margin:0 0 12px;padding:11px 12px;display:block}.login-wrap .pwa-assist{align-self:center;width:calc(100vw - 56px);max-width:420px;margin:0 0 12px}.pwa-assist p{color:#29455e;margin:0}.pwa-assist p+p{margin-top:8px}.pwa-assist button{width:100%;margin-top:8px}}@media (max-width:420px){.shell{padding:10px}nav.open{grid-template-columns:1fr}.toolbar{flex-direction:column}.toolbar button{width:100%}.recent-table{min-width:720px}}.attendance-sheet-controls{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px;display:flex}.attendance-sheet-controls label{gap:6px;display:grid}.attendance-employee-selection{border:1px solid #d7e0e8;border-radius:6px;flex-wrap:wrap;gap:10px 18px;margin:12px 0;padding:12px;display:flex}.attendance-employee-selection label{align-items:center;gap:7px;display:flex}.attendance-sheet input[type=checkbox],.attendance-sheet input[type=radio]{flex-shrink:0;width:20px;height:20px}.attendance-sheet-table{width:100%;margin-top:14px}.attendance-sheet-table input:not([type=radio]),.attendance-sheet-table select{width:100%;min-width:70px}.attendance-sheet-table td:first-child{min-width:130px}.attendance-sheet-table td:last-child{min-width:160px}.attendance-sheet-table .muted{font-size:12px;display:block}.attendance-row-error{outline-offset:-2px;outline:2px solid #b42318}@media (max-width:700px){.attendance-sheet-table,.attendance-sheet-table tbody{min-width:0;display:block}.attendance-sheet-table thead{display:none}.attendance-sheet-table tr{border:1px solid #d7e0e8;border-radius:6px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;padding:12px;display:grid}.attendance-sheet-table td{border:0;padding:0;display:block;min-width:0!important}.attendance-sheet-table td:first-child,.attendance-sheet-table td:nth-child(4),.attendance-sheet-table td:last-child{grid-column:1/-1}.attendance-sheet-table td:before{content:attr(data-label);color:#596b7b;margin-bottom:5px;font-size:12px;display:block}.attendance-sheet-controls label{flex:100%}}