@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#121212;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f5f5;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{color:#121212;background:#f5f5f5;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.field-shell{min-height:100vh}.topbar{z-index:2000;isolation:isolate;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080808f0;border-bottom:1px solid #252525;position:sticky;top:0;box-shadow:0 8px 20px #00000026}.topbar-inner{justify-content:space-between;align-items:center;gap:18px;max-width:920px;min-height:72px;margin:auto;padding:10px 18px;display:flex}.brand-logo{object-fit:contain;object-position:left center;width:132px;height:54px}.topbar-actions{align-items:center;gap:9px;display:flex}.lang-select{color:#9a9a9a;background:#111;border:1px solid #3a3a3a;border-radius:9px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.lang-select select{color:#fff;background:0 0;border:0;outline:none;padding:9px 0}.connection{border:1px solid #393939;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.connection-dot{background:#aaa;border-radius:50%;width:7px;height:7px}.is-online .connection-dot{background:#49d17d}.is-offline .connection-dot{background:red}.field-main{width:min(920px,100%);margin:auto;padding:22px 16px 40px}.hero{color:#fff;background:#080808;border-top:3px solid red;border-radius:22px;justify-content:space-between;align-items:flex-end;gap:22px;padding:25px;display:flex;box-shadow:0 20px 50px #0000001a}.eyebrow{color:#ff4b4b;letter-spacing:.16em;margin:0 0 8px;font-size:10px;font-weight:800}.hero h1{max-width:630px;margin:0 0 10px;font-family:Space Grotesk,sans-serif;font-size:clamp(29px,6vw,46px);line-height:1}.hero p:not(.eyebrow){color:#d2d2d2;max-width:620px;margin:0;font-size:14px;line-height:1.55}.hero-badge{text-align:right;min-width:112px}.hero-badge strong{color:#fff;font-family:Space Grotesk;font-size:42px;line-height:1;display:block}.hero-badge span{color:#bcbcbc;max-width:110px;margin-left:auto;font-size:10px;display:block}.status-strip{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.status-strip span{color:#666;background:#fff;border:1px solid #e3e3e3;border-radius:999px;padding:8px 11px;font-size:11px}.status-strip b{color:#111}.card{background:#fff;border:1px solid #e4e4e4;border-radius:17px;margin:12px 0;padding:18px;box-shadow:0 8px 26px #00000008}.section-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px;display:flex}.section-heading>div:first-child{gap:11px;display:flex}.section-heading h2{margin:0 0 3px;font-family:Space Grotesk;font-size:16px}.section-heading p{color:#777;margin:0;font-size:11px;line-height:1.45}.step{color:#fff;background:#080808;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.upload-zone{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #cfcfcf;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:150px;padding:18px;display:flex}.upload-zone:hover{background:#fff8f8;border-color:red}.upload-zone input{display:none}.upload-icon{color:#fff;background:red;border-radius:50%;place-items:center;width:38px;height:38px;font-size:25px;line-height:1;display:grid}.upload-zone strong{font-size:13px}.upload-zone small{color:#888;font-size:10px}.photo-preview{margin-top:10px;position:relative}.photo-preview img{object-fit:cover;border-radius:13px;width:100%;max-height:340px;display:block}.photo-preview button{color:#fff;background:#080808;border:0;border-radius:8px;padding:7px 10px;font-size:11px;position:absolute;top:9px;right:9px}.outline-button{color:#111;white-space:nowrap;background:#fff;border:1px solid #222;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex}.outline-button:hover{color:#fff;background:red;border-color:red}.coordinates{color:#777;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:12px;font-family:ui-monospace,monospace;font-size:11px}.coordinates-live{color:red;margin-right:6px}.severity-control{background:#fafafa;border:1px solid #e9e9e9;border-radius:12px;margin-bottom:12px;padding:13px}.severity-labels{color:#777;justify-content:space-between;align-items:center;font-size:10px;display:flex}.severity-labels strong{color:#111;font-family:Space Grotesk;font-size:16px}.severity-control input{accent-color:red;width:100%;margin:12px 0 0}.risk-preview{border-radius:12px;grid-template-columns:1fr auto;gap:3px 12px;margin-bottom:15px;padding:13px;display:grid}.risk-preview>div{flex-direction:column;display:flex}.risk-preview span{opacity:.75;font-size:10px}.risk-preview strong{font-family:Space Grotesk;font-size:25px}.risk-preview>b{text-transform:uppercase;align-self:center;font-size:10px}.risk-preview small{grid-column:1/-1;margin-top:4px;font-size:10px;line-height:1.4}.risk-preview.low{color:#216b35;background:#e9f7ed}.risk-preview.medium{color:#79570c;background:#fff5d8}.risk-preview.critical{color:#a00000;background:#ffe5e5}.field-label{flex-direction:column;gap:7px;margin-top:13px;font-size:11px;font-weight:800;display:flex}.field-label select,.field-label textarea{background:#fff;border:1px solid #d7d7d7;border-radius:10px;outline:none;width:100%;padding:11px}.field-label select:focus,.field-label textarea:focus{border-color:red;box-shadow:0 0 0 3px #ff000014}.field-label textarea{resize:vertical}.notice{background:#fff3f3;border:1px solid #ffc9c9;border-left:4px solid red;border-radius:11px;align-items:flex-start;gap:9px;margin:12px 0;padding:11px 12px;font-size:11px;display:flex}.notice>span{color:#fff;background:red;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-weight:800;display:grid}.notice p{flex:1;margin:2px 0;line-height:1.45}.notice button{color:#888;background:0 0;border:0;flex:none;place-items:center;display:grid}.submit-button{color:#fff;background:red;border:0;border-radius:13px;justify-content:space-between;align-items:center;width:100%;padding:15px 17px;font-weight:800;display:flex;box-shadow:0 12px 25px #ff00002a}.submit-button:hover{background:#d90000}.submit-button:disabled{opacity:.65;cursor:not-allowed}.queue-card{margin-top:12px}.queue-count{color:#fff;background:#080808;border-radius:999px;padding:5px 9px;font-size:10px}.empty-state{text-align:center;border:1px dashed #d4d4d4;border-radius:11px;place-items:center;min-height:105px;padding:18px;display:grid}.empty-state span{color:#555;background:#ededed;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.empty-state strong{font-size:12px}.queue-list{gap:9px;display:grid}.queue-item{background:#fafafa;border:1px solid #ededed;border-radius:11px;gap:10px;padding:9px;display:flex}.queue-item img,.queue-placeholder{object-fit:cover;border-radius:8px;flex:none;width:58px;height:58px}.queue-placeholder{color:#fff;background:#080808;place-items:center;font-family:Space Grotesk;font-weight:800;display:grid}.queue-item>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.queue-item strong{font-size:12px}.queue-item span{color:#777;font-size:9px}.queue-item em{color:#b00000;margin-top:2px;font-size:9px;font-style:normal}.field-footer{color:#777;align-items:center;gap:9px;margin:18px 2px 0;font-size:9px;display:flex}.field-footer img{object-fit:contain;width:28px;height:28px}.field-footer div{flex-direction:column;display:flex}.field-footer strong{color:#111;font-family:Space Grotesk;font-size:12px}.field-footer code{word-break:break-all;text-align:right;max-width:260px;margin-left:auto}@media (width<=650px){.topbar-inner{padding:9px 12px}.brand-logo{width:112px;height:48px}.connection{display:none}.field-main{padding:14px 11px 30px}.hero{border-radius:17px;padding:20px;display:block}.hero-badge{text-align:left;margin-top:18px}.hero-badge span{margin-left:0}.card{border-radius:14px;padding:14px}.section-heading{display:block}.section-heading>.outline-button{margin-top:11px}.field-footer code{display:none}}html,body,#root{min-height:100%;margin:0}
