:root{color:#17233e;font-synthesis:none;background:#f4f7fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}*{box-sizing:border-box}body{background:#e9eff9;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.login-page{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-card,.capture-card,.loading-card{background:#fffffff5;border:1px solid #dce5f2;border-radius:20px;box-shadow:0 14px 35px #31568b14}.login-card{width:min(100%,430px);padding:30px 24px}.brand-mark{color:#fff;background:linear-gradient(135deg,#3f5bf6,#2148d8);border-radius:13px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:grid}.brand-mark.small{border-radius:9px;width:30px;height:30px;font-size:16px}.brand-line{align-items:center;gap:10px;font-size:18px;display:flex}.eyebrow{color:#5d78a8;letter-spacing:.04em;margin:0 0 5px;font-size:12px;font-weight:700}h1{letter-spacing:-.04em;margin:14px 0 8px;font-size:30px}h2{margin:0;font-size:19px}.muted{color:#6b7e9f;font-size:13px;line-height:1.6}label{color:#405578;gap:8px;margin-top:18px;font-size:13px;font-weight:700;display:grid}input:not([type=checkbox]),select{color:#192844;background:#fff;border:1px solid #ccd9ee;border-radius:12px;outline:none;width:100%;height:46px;padding:0 13px}input:not([type=checkbox]):focus,select:focus{border-color:#3565ec;box-shadow:0 0 0 3px #3565ec1f}.primary-button,.secondary-button,.camera-button,.text-button{border:0;border-radius:12px;font-weight:800}.primary-button{color:#fff;background:#2d5de7;width:100%;min-height:48px;margin-top:20px;box-shadow:0 8px 16px #2d5de733}.secondary-button{color:#2759d8;background:#edf3ff;min-height:42px;padding:0 17px}.text-button{color:#2b5fe5;background:0 0;padding:8px 2px}.error-banner,.success-banner,.notice{border-radius:12px;padding:11px 13px;font-size:13px;line-height:1.5}.error-banner{color:#a6333e;background:#fff0f1;border:1px solid #ffd4d8;margin-top:14px}.role-picker{color:#405578;background:#f5f8ff;border:1px solid #c9dcff;border-radius:12px;margin-top:16px;padding:13px;font-size:13px}.role-options{gap:8px;margin-top:10px;display:grid}.role-option{color:#405578;text-align:left;background:#fff;border:1px solid #ccd9ee;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 11px;display:flex}.role-option.selected{color:#2148d8;border-color:#3565ec;box-shadow:0 0 0 2px #3565ec1f}.role-option small{color:#7e8eaa;font-size:11px}.success-banner{color:#17734a;background:#effbf5;border:1px solid #c4efd8}.app-page{width:min(100%,430px);min-height:100vh;padding:max(16px, env(safe-area-inset-top)) 16px calc(94px + env(safe-area-inset-bottom));background:#f4f7fb;margin:0 auto}.workbench-page{width:min(100%,430px);min-height:100vh;padding:0 18px calc(94px + env(safe-area-inset-bottom));background:#f4f7fb;margin:0 auto}.workbench-topbar{min-height:68px;padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;display:flex}.workbench-hero{color:#fff;background:linear-gradient(137deg,#155eef 0%,#3675f5 58%,#65a0ff 100%);border-radius:0 0 28px 28px;margin:8px -18px 24px;padding:34px 24px 40px}.workbench-hero .eyebrow{color:#dbeafe}.workbench-hero h1{margin:8px 0 10px;font-size:27px;line-height:1.25}.workbench-hero p:last-child{color:#dbeafe;margin:0}.workbench-section{margin:0 0 26px}.compact-heading{margin-bottom:12px}.compact-heading h2{margin:2px 0 0;font-size:20px}.work-card{text-align:left;cursor:pointer;border:0;border-radius:18px;align-items:center;gap:14px;width:100%;padding:18px;display:flex}.primary-work-card{color:#fff;background:#1d4ed8;box-shadow:0 10px 26px #1d4ed83b}.primary-work-card:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}.work-card-icon,.planned-icon{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:25px;display:grid}.work-card-icon{background:#ffffff2e}.work-card-copy{flex:1;gap:4px;display:grid}.work-card-copy strong{font-size:18px}.work-card-copy small{color:#dbeafe;font-size:13px;line-height:1.45}.work-card-arrow{font-size:32px;font-weight:200;line-height:1}.planned-work-grid{gap:10px;display:grid}.planned-work-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;display:grid}.planned-icon{color:#475467;background:#f2f4f7;font-size:20px}.planned-work-card strong{color:#1d2939;font-size:16px}.planned-work-card p{color:#667085;margin:4px 0 0;font-size:13px;line-height:1.45}.planned-tag{color:#6941c6;white-space:nowrap;background:#f4f3ff;border-radius:999px;align-self:start;padding:4px 7px;font-size:11px}.workbench-note{color:#344054;background:#f8fafc;border:1px solid #e4e7ec;border-radius:16px;padding:18px}.workbench-note p{color:#667085;margin:7px 0 0;font-size:13px;line-height:1.55}.back-button{color:#475467;font:inherit;cursor:pointer;background:0 0;border:0;margin:0 0 8px;padding:0;font-size:13px;display:block}.back-button:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #155eef}.mobile-tabbar{z-index:10;width:min(100%,430px);min-height:64px;padding:7px 28px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-top:1px solid #dde5f2;grid-template-columns:repeat(2,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 24px #1f345b14}.mobile-tab{color:#7a8ba8;background:0 0;border:0;place-items:center;gap:2px;padding:0;font-size:22px;display:grid}.mobile-tab small{font-size:11px;font-weight:700}.mobile-tab.active{color:#2455d6}.mobile-tab:focus-visible{outline-offset:-3px;border-radius:10px;outline:2px solid #2455d6}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:12px 0 20px;display:flex}.topbar .muted{margin:5px 0 0 40px;display:block}.notice{color:#365e9d;background:#eef5ff;border:1px solid #c9dcff;margin-bottom:14px}.capture-card{margin-bottom:14px;padding:20px}.capture-action-grid{gap:14px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.step-badge,.status-pill{color:#3561d7;white-space:nowrap;background:#edf3ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.status-pill.completed{color:#147448;background:#eaf9f1}.status-pill.failed{color:#a3303d;background:#fff0f1}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.form-grid label:last-child{grid-column:1/-1}.hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;overflow:hidden}.camera-button{color:#2b5fe5;background:#f0f5ff;border:1px dashed #93b2f8;align-content:center;place-items:center;gap:8px;width:100%;min-height:190px;margin-top:18px;display:grid}.camera-button small{color:#7085a7;font-size:12px;font-weight:500}.camera-icon{font-size:44px;line-height:1}.image-preview{gap:12px;margin-top:18px;display:grid}.photo-ready{color:#176b45;background:#effbf5;border:1px solid #bfe8d0;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;display:flex}.photo-ready-icon{color:#fff;background:#22a565;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.photo-ready strong,.upload-status strong{font-size:13px;display:block}.photo-ready small,.upload-status span{color:#6b7e9f;margin-top:3px;font-size:11px;font-weight:500;display:block}.image-preview img{object-fit:contain;background:#eef2f8;border-radius:14px;width:100%;max-height:380px;display:block}.camera-error{margin-top:14px}.check-row{color:#405578;grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;margin-top:12px;padding:13px 0 0;display:grid}.check-row input{accent-color:#2d5de7;grid-row:span 2;width:18px;height:18px}.check-row small{color:#7e8eaa;font-size:11px;font-weight:500}.upload-status{border-radius:12px;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 13px;font-size:13px;line-height:1.4;display:flex}.upload-status:before{content:"•";font-size:22px;line-height:15px}.upload-status.ready{color:#315d9c;background:#eef5ff;border:1px solid #c9dcff}.upload-status.ready:before{color:#3565ec}.upload-status.uploading{color:#805c12;background:#fff8e8;border:1px solid #f2d68e}.upload-status.uploading:before{color:#d89716;animation:1s infinite upload-pulse}.upload-status.submitted{color:#176b45;background:#effbf5;border:1px solid #bfe8d0}.upload-status.submitted:before{content:"✓";color:#22a565;font-size:15px;font-weight:900}@keyframes upload-pulse{50%{opacity:.35}}.submit-card .primary-button{margin-top:16px}.task-id{color:#7183a0;margin:16px 0 0;font-size:12px}.history-list{gap:8px;margin-top:15px;display:grid}.detail-trigger{margin-top:14px}.history-row{color:#4b6187;text-align:left;background:#f6f8fc;border:1px solid #0000;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;width:100%;padding:12px;font-size:12px;display:grid}.history-row:hover,.history-row:focus-visible{background:#eef4ff;border-color:#9bb8f9;outline:none}.history-row span:nth-child(2){color:#3561d7;font-weight:700}.history-row time{color:#8b98ac}.detail-card{scroll-margin-top:12px}.detail-heading{align-items:flex-start}.detail-close{margin-top:-5px}.detail-meta{color:#7b8da9;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.detail-image{object-fit:contain;background:#eef2f8;border-radius:14px;width:100%;max-height:420px;margin-top:16px;display:block}.detail-loading,.detail-empty{color:#7183a0;padding:16px 0 4px;font-size:13px}.result-summary{color:#4d6387;background:#f4f8ff;border:1px solid #c9dcff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:16px;padding:12px 13px;font-size:12px;display:flex}.result-summary strong{color:#22385e;font-size:14px}.result-correct{color:#147448;font-weight:700}.result-incorrect{color:#a3303d;font-weight:700}.answer-list{gap:10px;margin-top:14px;display:grid}.detail-mark{background:#fbfcff;border:1px solid #dce5f2;border-radius:12px;gap:8px;padding:12px;display:grid}.detail-mark>strong{color:#2b4268;font-size:13px}.answer-result{color:#526987;background:#f4f6fa;border-left:3px solid #9aaac1;border-radius:8px;padding:10px 11px;font-size:12px}.answer-result.correct{background:#effbf5;border-left-color:#20a464}.answer-result.incorrect{background:#fff1f2;border-left-color:#e44752}.answer-result.pending{background:#fff8e8;border-left-color:#d99a1b}.answer-result>div{justify-content:space-between;gap:8px;display:flex}.answer-result.correct>div strong{color:#147448}.answer-result.incorrect>div strong{color:#a3303d}.answer-result.pending>div strong{color:#8d6514}.answer-result p{word-break:break-word;margin:6px 0 0;line-height:1.5}.detail-empty-inline{color:#7b8da9;font-size:12px}.review-summary,.review-comment{color:#176b45;background:#effbf5;border:1px solid #bfe8d0;border-radius:10px;margin-top:12px;padding:11px 13px;font-size:12px;line-height:1.5}.review-comment{color:#4d6387;background:#f5f8ff;border-color:#c9dcff}.loading-card{text-align:center;color:#657a9e;width:min(100%,430px);margin:30vh auto;padding:28px}.error-card{background:#fff;border:1px solid #dce5f2;border-radius:18px;width:min(100%,430px);margin:18vh auto 0;padding:24px;box-shadow:0 12px 34px #374f751f}.error-card h1{color:#223452;margin:18px 0 8px;font-size:22px}.error-card p{color:#667b9e;margin:0;font-size:13px;line-height:1.6}@media (width>=521px){.app-page,.workbench-page{box-shadow:0 0 0 1px #a7b8d999,0 18px 52px #27417029}}@media (width<=520px){.app-page{padding-left:12px;padding-right:12px}.capture-card{border-radius:16px;padding:16px}.form-grid{display:block}.form-grid label{margin-top:14px}h1{font-size:27px}}@media (orientation:landscape) and (width<=767px){.login-page{align-items:start;padding:18px 24px}.login-card{width:min(100%,680px);padding:22px 24px}.app-page,.workbench-page,.mobile-tabbar{width:min(100%,720px)}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label:last-child{grid-column:auto}.workbench-hero{padding-top:26px;padding-bottom:30px}.workbench-hero h1{font-size:25px}.planned-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px){.login-card{width:min(100%,520px)}.app-page,.workbench-page{width:min(100% - 48px,760px);padding-left:24px;padding-right:24px}.workbench-page{padding-left:28px;padding-right:28px}.mobile-tabbar{width:min(100% - 48px,760px)}.workbench-hero{margin-left:-28px;margin-right:-28px;padding-left:34px;padding-right:34px}.planned-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label:last-child{grid-column:auto}.camera-button{min-height:240px}}@media (width>=1024px) and (orientation:landscape){.app-page,.workbench-page,.mobile-tabbar{width:min(100% - 80px,980px)}.workbench-hero{padding-top:42px;padding-bottom:46px}.workbench-section{margin-bottom:30px}.capture-action-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start}.capture-action-grid>:first-child{grid-column:1/-1}.capture-action-grid .capture-card{margin-bottom:0}.capture-action-grid .primary-button{margin-top:24px}.image-preview img{max-height:330px}}