*{box-sizing:border-box}body{color:#111827;background:#f0f2f5;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}.nav-bar{z-index:100;background:#1e293b;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 16px;display:flex;position:sticky;top:0}.nav-spacer{flex:1}.nav-user{color:#cbd5e1;white-space:nowrap;margin-right:8px;font-size:.9rem}.nav-logout{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #475569;border-radius:8px;padding:6px 12px;font-size:.9rem}.nav-logout:hover{color:#fff;background:#334155}.nav-link{color:#cbd5e1;border-radius:8px;padding:8px 14px;font-size:.95rem;text-decoration:none}.nav-link.active{color:#fff;background:#334155;font-weight:600}@media (width>=640px){.page{padding:32px 16px}}.login-page{max-width:400px;margin-top:15vh}@media (width>=640px){.page{padding:32px 16px}}.qr-scanner-overlay{z-index:1000;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:fixed;inset:0}.qr-scanner-view{width:100%;max-width:400px}@media (width>=640px){.page{padding:32px 16px}}.page.page-wide.homejoblist-page{max-width:1100px}@media (width>=640px){.search-grid{grid-template-columns:repeat(2,1fr)}}.checkbox-option{align-items:center;gap:8px;font-size:.95rem;display:flex}.checkbox-option input{width:20px;height:20px}.username-cell{white-space:nowrap;align-items:center;gap:8px;display:flex}.username-edit{flex-direction:column;gap:6px;min-width:160px;display:flex}.username-edit-actions{gap:6px;display:flex}@media (width>=1024px){.page.page-wide.homejoblist-page{max-width:1800px;padding:20px 12px}.search-grid{grid-template-columns:repeat(4,1fr) auto;align-items:end}.search-grid .input,.search-submit{height:44px}.search-submit{white-space:nowrap;padding-top:0;padding-bottom:0}.homejoblist-page .data-table{font-size:.82rem}.homejoblist-page .data-table th,.homejoblist-page .data-table td{padding:6px}}@media (width>=640px){.page{padding:32px 16px}}.summary-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.page{max-width:900px}.summary-grid{grid-template-columns:repeat(3,1fr)}}.delivery-edit-form{white-space:normal;background:#f9fafb;border-radius:8px;flex-direction:column;gap:12px;padding:12px;display:flex}@media (width>=640px){.page{padding:32px 16px}}.date-range-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.date-range-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.page.page-wide{max-width:1400px}.date-range-grid{grid-template-columns:repeat(5,1fr);align-items:end}.date-range-grid .input{height:44px}.date-range-grid .btn{white-space:nowrap;height:44px}}.payslip-total{text-align:right;margin-top:12px;font-size:1.1rem;font-weight:700}@media (width>=640px){.page{padding:32px 16px}}.page.page-wide{max-width:1100px}@media (width>=1024px){.page.page-wide{max-width:1400px}}.summary-toolbar{flex-direction:column;justify-content:space-between;gap:12px;display:flex}@media (width>=640px){.summary-toolbar{flex-direction:row;align-items:center}}.summary-toolbar .btn{white-space:nowrap}.payslip-user-name{background:#e0f2fe;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:1.15rem}.summary-total-row td{background:#e0f2fe;font-weight:700}@media (width>=640px){.page{padding:32px 16px}}.page.page-wide.homejobuser-page{max-width:1100px}.form-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.field-wide{grid-column:1/-1}.worker-actions{white-space:nowrap;gap:6px;display:flex}.worker-edit-form{flex-direction:column;gap:16px;padding:12px 0;display:flex}@media (width>=1024px){.page.page-wide.homejobuser-page{max-width:1400px;padding:20px 12px}.form-grid{grid-template-columns:repeat(4,1fr)}.homejobuser-page .data-table{font-size:.85rem}.homejobuser-page .data-table th,.homejobuser-page .data-table td{padding:7px 8px}}.page{max-width:640px;margin:0 auto;padding:16px}.page-title{text-align:center;margin:8px 0 16px;font-size:1.5rem}.card{background:#fff;border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex;box-shadow:0 1px 4px #0000001f}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{font-size:.9rem;font-weight:600}.input,.textarea{background:#fff;border:1px solid #ccc;border-radius:8px;width:100%;min-width:0;max-width:100%;padding:10px 12px;font-size:1rem}.textarea{resize:vertical}.readonly-value{background:#f3f4f6;border-radius:8px;min-height:20px;padding:10px 12px;font-size:1rem}.radio-group{flex-direction:column;gap:8px;display:flex}.radio-group-inline{flex-flow:wrap;gap:16px}.radio-option{align-items:center;gap:8px;font-size:.95rem;display:flex}.radio-option input{width:20px;height:20px}.btn{cursor:pointer;border:none;border-radius:8px;min-height:44px;padding:12px 16px;font-size:1rem}.btn-primary{color:#fff;background:#2563eb}.btn-primary:disabled{cursor:not-allowed;background:#93b4f0}.btn-secondary{color:#111827;background:#e5e7eb}.btn-small{min-height:32px;padding:6px 12px;font-size:.85rem}.button-row{gap:12px;display:flex}.button-row .btn{flex:1}.alert{border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:.9rem}.alert-error{color:#991b1b;background:#fee2e2}.alert-success{color:#166534;background:#dcfce7}.alert-warning{color:#92400e;background:#fef3c7}.data-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.9rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:10px 12px}.data-table thead{background:#f3f4f6}.data-table a{color:#2563eb;font-weight:600;text-decoration:none}.badge{border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.badge-done{color:#166534;background:#dcfce7}.badge-partial{color:#1e40af;background:#dbeafe}.badge-pending{color:#92400e;background:#fef3c7}.badge-warning{color:#991b1b;background:#fee2e2}@media (width>=640px){.page{padding:32px 16px}}.page.page-wide.homejobprice-page{max-width:1100px}.section-title{margin:0;font-size:1.05rem}.reg-step{flex-direction:column;gap:16px;display:flex}.reg-lookup-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.field-narrow{flex:none;width:200px}.reg-lookup-row .btn{white-space:nowrap}.search-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.search-grid{grid-template-columns:repeat(2,1fr)}}.table-card{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}.empty-row{text-align:center;color:#6b7280;padding:24px}.price-input{min-width:90px}.price-actions{white-space:nowrap;gap:6px;display:flex}@media (width>=1024px){.page.page-wide.homejobprice-page{max-width:1400px;padding:20px 12px}.search-grid{grid-template-columns:repeat(4,1fr) auto;align-items:end}.search-grid .input,.search-submit{height:44px}.search-submit{white-space:nowrap;padding-top:0;padding-bottom:0}.homejobprice-page .data-table{font-size:.85rem}.homejobprice-page .data-table th,.homejobprice-page .data-table td{padding:7px 8px}}