*{box-sizing:border-box}body{color:#003a6b;background:#fff;margin:0;font-family:Instrument Sans,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}.access-screen{justify-content:center;align-items:center;min-height:100dvh;padding:8px 16px;display:flex}.access-column{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:361px;display:flex}.logo{background:#eee;width:157px;height:56px}h1{color:#2d75ab;margin:0;font-size:20px;font-weight:600}h2{color:#003a6b;margin:0;font-size:20px;font-weight:600}.access-column form{flex-direction:column;gap:16px;width:100%;display:flex}label{color:#475562;margin-bottom:-8px;font-size:14px;font-weight:600}input{color:#475562;background:#fff;border:.5px solid #889097;border-radius:8px;width:100%;height:48px;padding:12px;font-size:16px}.password-field{position:relative}.password-field input{padding-right:48px}.eye{color:#475562;background:0 0;border:0;height:24px;padding:0;position:absolute;top:12px;right:12px}.primary{color:#fff;background:#005297;border:0;border-radius:8px;width:100%;height:48px;font-size:18px;font-weight:600}.recovery{color:#003a6b;background:0 0;border:0;align-self:center;padding:0;font-size:14px;font-weight:500}.error{color:#ef2b1d;text-align:center;margin:0;font-size:14px;font-weight:400}.recovery-copy{text-align:center;margin:0;font-size:20px}.employee-screen{max-width:393px;margin:auto;padding:8px}.employee-screen header{align-items:center;gap:8px;display:flex}.employee-screen header img{border-radius:8px}.logout{color:#000;background:0 0;border:0;margin-left:auto;padding:8px}.work-screen{color:#003a6b;flex-direction:column;gap:8px;max-width:393px;margin:auto;padding:8px;font-family:Noto Sans Thai,sans-serif;display:flex}.employee-header{align-items:center;gap:8px;min-height:56px;display:flex}.employee-header img{border-radius:8px}.employee-header small{color:#475562;font-size:14px}.employee-header>div>div{font-size:20px;font-weight:600}.section-heading{margin:8px 0;font-size:28px;font-weight:600}.work-section{flex-direction:column;gap:8px;display:flex}.work-card{color:#003a6b;text-align:left;background:#fff;border:.5px solid #889097;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.work-card img{object-fit:cover;border-radius:8px;flex:none}.work-card strong{font-size:20px}.work-card .pending,.work-card .reported{white-space:nowrap;margin-left:auto;font-size:16px;font-weight:600}.pending,.die-label{color:#ef2b1d}.reported{color:#0ba65b}.incident-card time,.part-card-details{font-size:14px}.report-shell{flex-direction:column;gap:8px;display:flex}.report-header{gap:8px;display:flex}.back-tile{color:#003a6b;background:#fff;border:.5px solid #889097;border-radius:8px;flex:none;width:70px;font-size:48px}.report-summary{border:.5px solid #889097;border-radius:8px;flex:1;padding:8px}.part-summary{align-items:center;gap:8px;display:flex}.part-summary img{border-radius:8px}.figure-row{text-align:center;border:.5px solid #889097;border-radius:8px;justify-content:space-around;padding:8px;font-size:14px;display:flex}.report-heading{text-align:center;margin:8px 0;font-size:28px;font-weight:600}.report-shell h3{margin:0;font-size:20px;font-weight:600}.report-shell h3 label{font:inherit;color:inherit}.upload-placeholder{color:#2d75ab;border:.5px solid #889097;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:min(328px,100%);min-height:160px;margin:auto;font-size:18px;display:flex}.cause-list{flex-direction:column;gap:8px;display:flex}.cause{color:#003a6b;background:#d9d9d9;border:0;border-radius:8px;width:100%;min-height:40px;font-size:20px;font-weight:700}.cause.selected{color:#fff;background:#003a6b}.report-submit{color:#fff;background:#003a6b;border:0;border-radius:8px;width:100%;min-height:56px;font-size:28px;font-weight:600}.report-submit:disabled{opacity:1}.part-photo{flex:none;width:56px;height:56px}.shell-submit{background:#c1c1c1}.save-spinner{border:3px solid #fff5;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite save-spin;display:inline-block}@keyframes save-spin{to{transform:rotate(360deg)}}.save-error{text-align:center;color:#f3564a;font:14px Inter,sans-serif}.dialog-backdrop{z-index:10;background:#88909780;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.report-dialog{box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;gap:16px;width:320px;padding:16px;display:flex;position:relative;box-shadow:0 8px 24px #0003,0 2px 6px #0002}.report-dialog h2{margin:0;font-size:24px}.report-dialog p{margin:0;font-size:20px}.success-title{color:#0ba65b}.validation-title{color:#ef2b1d}.dialog-close{color:#475562;background:0 0;border:0;font-size:24px;position:absolute;top:8px;right:8px}.dialog-action{color:#fff;background:#003a6b;border:0;border-radius:8px;min-height:48px;font-size:20px}.photo-upload{border-radius:8px;width:328px;min-height:328px;margin:0 auto;position:relative;overflow:hidden}.photo-upload .upload-placeholder{width:328px;height:328px}.photo-picker{opacity:0;cursor:pointer;width:100%;height:328px;position:absolute;inset:0}.photo-preview{object-fit:cover;border-radius:8px;width:328px;height:328px;display:block}.photo-delete{color:#003a6b;cursor:pointer;background:#fff;border:0;border-radius:50%;width:32px;height:32px;font-size:24px;position:absolute;top:8px;right:8px}.photo-upload.uploading{outline-offset:-.5px;outline:.5px solid #889197;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:328px;padding:24px;display:flex}.upload-title{color:#2d75ab;font:500 18px Inter,sans-serif}.upload-track{background:#eeeff0;border-radius:4px;width:280px;height:4px;overflow:hidden}.upload-track>div{background:#2d75ab;height:4px}.photo-failure{color:#f3564a;text-align:center;font:400 14px Inter,sans-serif}