:root{color:#17201a;background:#eef2ef;font-family:Aptos,Segoe UI,sans-serif;line-height:1.35;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #c6d0ca;background:#fff;color:#17201a;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border-radius:8px}button:disabled{opacity:.48;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #c6d0ca;background:#fff;color:#17201a;padding:10px 12px;border-radius:8px}textarea{min-height:96px;resize:vertical}h1,h2,p{margin-top:0}h1{margin-bottom:4px;font-size:28px}h2{margin-bottom:8px;font-size:24px;line-height:1.15}.shell{min-height:100vh;padding:16px;background:linear-gradient(180deg,rgba(47,111,78,.08),transparent 260px),#eef2ef}.topbar,.grid,.notice,.warning{max-width:1240px;margin-left:auto;margin-right:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px}.eyebrow{margin:0 0 4px;color:#597064;font-size:12px;font-weight:700;text-transform:uppercase}.userLine{color:#597064;font-size:14px}.toolbar{display:flex;align-items:center;gap:8px}.iconSelect{min-height:42px;display:grid;grid-template-columns:20px minmax(96px,1fr);align-items:center;gap:8px;background:#fff;border:1px solid #c6d0ca;border-radius:8px;padding-left:10px}.iconSelect select{border:0;padding-left:0}.notice,.warning{margin-bottom:12px;padding:10px 12px;border-left:4px solid #2f6f4e;background:#fff;border-radius:8px}.warning{border-color:#b35d2c}.actionOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:18px;background:#0308059e;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.toastNotice{width:min(520px,calc(100vw - 36px));min-height:96px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;padding:18px 20px;border:1px solid #66dfa0;border-left:5px solid #66dfa0;border-radius:8px;background:#07100b;color:#e6eee9;box-shadow:0 22px 70px #0000007a,0 0 0 1px #66dfa02e;font-size:18px;font-weight:800;line-height:1.35;animation:toastPop .18s ease-out}.toastNotice span{overflow-wrap:anywhere}.toastNotice.error{border-color:#e06f58;border-left-color:#e06f58;box-shadow:0 22px 70px #0000007a,0 0 0 1px #e06f5833}@keyframes toastPop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.grid{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:12px}.workerGrid{grid-template-columns:300px minmax(0,1fr)}.taskList,.detail,.createPanel,.centerPanel{background:#fffffff0;border:1px solid #d8e0db;border-radius:8px;padding:14px}.centerPanel{width:min(440px,100%);margin:12vh auto 0;display:grid;gap:12px}.sectionTitle{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:12px}.sectionTitle.compact{margin-bottom:8px}.filterBar{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:center;margin-bottom:10px}.queueButton{width:100%;margin-bottom:10px}.taskRows{display:grid;gap:8px}.taskRow{width:100%;min-height:58px;justify-content:space-between;text-align:left;padding:10px}.taskRow span{min-width:0;display:grid;gap:2px}.taskRow strong{overflow-wrap:anywhere}.taskRow small{color:#597064}.taskRow.active{border-color:#2f6f4e;box-shadow:inset 3px 0 #2f6f4e}.taskDetail{min-height:560px}.detailHeader{display:flex;justify-content:space-between;gap:14px}.badge,.statusPill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge{margin-bottom:10px;border:1px solid #c6d0ca;text-transform:uppercase}.badge.field{background:#e6f1e6}.badge.office{background:#e7eef7}.statusPill{flex:0 0 auto;background:#f6f8f7;border:1px solid #d8e0db}.facts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.facts span,.contactLine{display:inline-flex;align-items:center;gap:6px;border:1px solid #d8e0db;background:#f9fbfa;padding:8px 10px;border-radius:8px}.contactLine{margin:8px 0}.locationPanel{display:grid;gap:10px;margin:10px 0 16px;padding:10px;border:1px solid #d8e0db;border-radius:8px;background:#f9fbfa}.locationHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.locationHeader span{display:inline-flex;align-items:center;gap:8px;font-weight:800}.locationHeader button{min-height:34px;padding:0 10px;font-size:13px}.locationRows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.locationMetric{display:grid;gap:4px;min-width:0;border:1px solid #d8e0db;border-radius:8px;background:#fff;padding:9px 10px}.locationMetric small,.locationMetric span,.mapActions>span{color:#597064}.locationMetric strong{overflow-wrap:anywhere;font-size:13px}.mapActions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mapActions>span{flex:1 0 100%;font-size:12px;font-weight:800}.mapButton{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #c6d0ca;border-radius:8px;background:#fff;color:#17201a;padding:0 10px;text-decoration:none;font-size:13px}.mapButton:hover{border-color:#466157}.primaryMapButton{border-color:#2f6f4e;background:#2f6f4e;color:#fff}.evidence{display:grid;gap:8px;margin:18px 0}.emptyEvidence,.empty{color:#597064;background:#f9fbfa;border:1px dashed #c6d0ca;border-radius:8px;padding:14px}.evidenceGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px}.evidenceTile{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;padding:0;background:#f6f8f7}.evidenceTile img{width:100%;height:100%;object-fit:cover;display:block}.evidenceTile span{position:absolute;left:8px;right:8px;bottom:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;color:#fff;background:#17201ac7;border-radius:8px;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.workerNote{display:grid;gap:8px;margin-top:18px}.statusNotice{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:10px 12px;border-radius:8px;font-weight:700}.statusNotice.success{color:#1f5b3d;background:#e7f4ed;border:1px solid #b9ddc7}.noteInput{min-height:74px}.reasonInput{flex:1 1 220px;min-width:180px}.primary{border:1px solid #2f6f4e;background:#2f6f4e;color:#fff;min-height:42px;padding:0 12px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.createPanel{display:flex;flex-direction:column;gap:10px}.previewOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0a0e0cb8}.previewPanel{width:min(760px,100%);max-height:90vh;display:grid;gap:10px;background:#fff;border-radius:8px;padding:12px}.previewPanel img{width:100%;max-height:72vh;object-fit:contain;background:#eef2ef;border-radius:8px}.previewPanel a{color:#245f77}.cameraPanel{width:min(720px,100%);display:grid;gap:10px;background:#fff;border-radius:8px;padding:12px}.cameraViewport{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#111813;border-radius:8px}.cameraViewport video{width:100%;height:100%;display:block;object-fit:cover}.cameraStatus{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;color:#fff;text-align:center;background:#101813b8}.cameraActions{display:flex;justify-content:center}.cameraActions .primary{min-width:180px}.closeButton{justify-self:end;min-width:42px;padding:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body{background:#070a09;color:#e6eee9}button,input,select,textarea{border-radius:7px}button{border-color:#28342f;background:#111714;color:#e6eee9}button:hover:not(:disabled){border-color:#466157;background:#151f1a}input,select,textarea{border-color:#28342f;background:#0b100e;color:#e6eee9;color-scheme:dark}input::placeholder,textarea::placeholder{color:#718179}select option{background:#0b100e;color:#e6eee9}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{-webkit-text-fill-color:#e6eee9;caret-color:#e6eee9;box-shadow:0 0 0 1000px #0b100e inset;transition:background-color 9999s ease-out}.shell{background:#070a09}.eyebrow,.userLine,.taskRow small,.emptyEvidence,.empty{color:#8b9b93}.iconSelect,.taskList,.detail,.createPanel,.centerPanel,.previewPanel,.cameraPanel{border-color:#23302a;background:#0d1310;box-shadow:0 18px 42px #0000003d}.iconSelect select{background:transparent;color:#e6eee9}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #5fd99a;outline-offset:2px}.notice,.warning{border-color:#4fb783;background:#0d1712;color:#e6eee9}.warning{border-color:#d18a45}.taskRow,.statusPill,.facts span,.contactLine,.locationPanel,.locationMetric,.mapButton,.emptyEvidence,.empty{border-color:#23302a;background:#101713}.locationMetric small,.locationMetric span,.mapActions>span{color:#8b9b93}.mapButton{color:#e6eee9}.mapButton:hover{border-color:#466157;background:#151f1a}.primaryMapButton{border-color:#5fd99a;background:#2b8a61;color:#05100b}.taskRow.active{border-color:#5fd99a;box-shadow:inset 3px 0 #5fd99a}.badge,.statusPill{border-color:#2a3a33;background:#121b17;color:#d7e2dc}.badge.field{background:#102119;color:#9ce7ba}.badge.office{background:#101a24;color:#9fc6f2}.primary{border-color:#5fd99a;background:#2b8a61;color:#05100b;font-weight:800}.primary:hover:not(:disabled){background:#37a873}.statusNotice.success{color:#afe9c8;background:#0e2118;border-color:#235f40}.evidenceTile{border-color:#23302a;background:#101713}.previewOverlay{background:#020403d1}.previewPanel img{background:#070a09}.previewPanel a{color:#9fc6f2}.cameraPanel,.previewPanel{color:#e6eee9}:root{--app-bg: #111315;--panel-bg: #1a1d20;--panel-raised: #202428;--control-bg: #252a2f;--control-hover: #2b3137;--border: #3e464d;--border-strong: #59636b;--text: #f4f1e8;--muted: #b7b0a2;--accent: #8fe388;--accent-hover: #a7f59d;--accent-text: #102014;--notice-bg: #16221b;--warning-bg: #2a1d14;--warning-border: #e2a25d;--warning-text: #ffe2ba;--danger: #ff9b7a;--info: #9fc8ff}body{background:var(--app-bg);color:var(--text)}.shell{background:linear-gradient(180deg,rgba(143,227,136,.1),transparent 300px),linear-gradient(135deg,rgba(159,200,255,.08),transparent 38%),var(--app-bg)}button{border-color:var(--border);background:var(--panel-raised);color:var(--text)}button:hover:not(:disabled){border-color:var(--border-strong);background:var(--control-hover)}input,select,textarea{border-color:var(--border);background:var(--control-bg);color:var(--text)}input::placeholder,textarea::placeholder{color:#8f988e}select option{background:var(--control-bg);color:var(--text)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 1000px var(--control-bg) inset}.iconSelect,.taskList,.detail,.createPanel,.centerPanel,.previewPanel,.cameraPanel{border-color:var(--border);background:var(--panel-bg);box-shadow:0 18px 48px #00000057}.iconSelect select{color:var(--text)}.eyebrow,.userLine,.taskRow small,.emptyEvidence,.empty,.locationMetric small,.locationMetric span,.mapActions>span{color:var(--muted)}.notice{border-color:var(--accent);background:var(--notice-bg);color:var(--text)}.warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}.taskRow,.statusPill,.facts span,.contactLine,.locationPanel,.locationMetric,.mapButton,.emptyEvidence,.empty{border-color:var(--border);background:var(--panel-raised)}.mapButton{color:var(--text)}.mapButton:hover{border-color:var(--border-strong);background:var(--control-hover)}.primary,.primaryMapButton{border-color:var(--accent);background:var(--accent);color:var(--accent-text);font-weight:800}.primary:hover:not(:disabled),.primaryMapButton:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.taskRow.active{border-color:var(--accent);box-shadow:inset 4px 0 var(--accent)}.badge,.statusPill{border-color:var(--border);background:#252b30;color:#e5e0d7}.badge.field{background:#1c3325;color:#b7f0b0}.badge.office{background:#1b2b3d;color:var(--info)}.statusNotice.success{color:#c7f5c1;background:#193525;border-color:#4d8d58}.evidenceTile{border-color:var(--border);background:var(--panel-raised)}.previewOverlay{background:#070809db}.previewPanel img{background:#0f1113}.previewPanel a{color:var(--info)}.toastNotice{border-color:var(--accent);border-left-color:var(--accent);background:#141817;color:var(--text);box-shadow:0 24px 72px #0000008c,0 0 0 1px #8fe3883d}.toastNotice.error{border-color:var(--danger);border-left-color:var(--danger)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-color:var(--accent)}@media (max-width: 980px){.shell{padding:12px}.grid,.workerGrid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.toolbar{width:100%;flex-wrap:wrap}.toastNotice{width:100%;min-height:88px;font-size:16px}.locationHeader{align-items:stretch;flex-direction:column}.locationHeader button,.mapButton{width:100%}.locationRows{grid-template-columns:1fr}.detailHeader{flex-direction:column}.statusPill{align-self:flex-start}.actions>*,.actions button{flex:1 1 150px}}