:root{--navy: #0b1c2c;--navy-2: #132a40;--safety-yellow: #f5c518;--safety-yellow-deep: #e0a800;--ink: #101820;--muted: #5a6570;--line: #d5dbe3;--surface: #ffffff;--bg: #eef1f4;--danger: #c62828;--danger-soft: #fdecea;--ok: #1b5e20;--ok-soft: #e8f5e9;--warn: #e65100;--warn-soft: #fff3e0;--wait: #1565c0;--wait-soft: #e3f2fd;--radius: 12px;--shadow: 0 10px 28px rgba(11, 28, 44, .18);--font: "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--display: "Archivo Black", "Noto Sans KR", sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:linear-gradient(180deg,#dfe6ee 0%,var(--bg) 40%,#e8ecf1 100%);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}code{font-size:.9em;background:#0b1c2c14;padding:.1em .35em;border-radius:4px}.page{width:min(440px,100%);margin:0 auto;min-height:100dvh;padding:0 1.05rem calc(5.5rem + var(--safe-bottom));position:relative}.caution-stripe{height:14px;background:repeating-linear-gradient(-45deg,var(--safety-yellow),var(--safety-yellow) 10px,#111 10px,#111 20px)}.caution-stripe.thin{height:8px;margin:0 -1.05rem 1rem;border-radius:0 0 4px 4px}.login-page{display:flex;flex-direction:column;gap:1rem;padding-top:0;padding-bottom:2rem}.login-hero{margin:0 -1.05rem;background:linear-gradient(165deg,var(--navy) 0%,var(--navy-2) 70%,#1a3a55 100%);padding-bottom:1.75rem;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;inset:auto -20% -40% 20%;height:160px;background:radial-gradient(circle,rgba(245,197,24,.18),transparent 70%);pointer-events:none}.hero-badge{display:flex;justify-content:center;padding:1.5rem 0 .25rem}.helmet{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c8,var(--safety-yellow) 45%,var(--safety-yellow-deep));border:3px solid #111;box-shadow:0 8px #00000040;position:relative;font-size:0}.helmet:before{content:"";position:absolute;left:50%;top:42%;width:78%;height:18px;transform:translate(-50%,-50%);background:#111;border-radius:3px}.helmet:after{content:"SAFE";position:absolute;left:50%;top:58%;transform:translate(-50%);font-family:var(--display);font-size:.55rem;letter-spacing:.08em;color:#111}.login-brand{margin-top:-.5rem;text-align:center;color:var(--ink)}.brand-kicker{margin:0 0 .35rem;display:inline-block;background:var(--safety-yellow);color:#111;font-weight:800;font-size:.72rem;letter-spacing:.08em;padding:.28rem .55rem;border:2px solid #111;text-transform:uppercase}.brand-kicker.sm{font-size:.68rem;margin-bottom:.35rem}.brand-title{margin:.55rem 0 .35rem;font-family:var(--display);font-size:2.15rem;line-height:1.15;letter-spacing:-.02em;color:var(--navy)}.login-sub{margin:0;color:var(--muted);font-weight:600;font-size:.95rem}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;background:#dde3ea;padding:.3rem;border-radius:12px;border:2px solid #111}.mode-tabs button{border:none;background:transparent;border-radius:8px;padding:.7rem .4rem;font-weight:800;color:var(--muted)}.mode-tabs button.active{background:var(--safety-yellow);color:#111;box-shadow:0 2px #111}.card-form.safety-card{background:var(--surface);border:2px solid #111;border-radius:var(--radius);box-shadow:4px 4px #111;padding:1.15rem;display:grid;gap:.85rem}.form-lead{margin:0;font-size:.9rem;color:var(--muted);line-height:1.45}.card-form label,.note-field,.reject-box label{display:grid;gap:.35rem}.card-form label span,.note-field span,.reject-box label span,.note-readonly span,.id-label{font-size:.8rem;font-weight:700;color:var(--muted)}.card-form input,.note-field textarea,.reject-box textarea{width:100%;border:2px solid #c5ced8;border-radius:10px;padding:.75rem .85rem;background:#fafbfc;color:var(--ink)}.card-form input:focus,.note-field textarea:focus,.reject-box textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #f5c51873}.privacy-note{margin:0;font-size:.78rem;color:var(--muted);line-height:1.4}.demo-hint.compact{margin:0;font-size:.82rem;color:var(--muted);text-align:center}.btn{border:2px solid #111;border-radius:10px;padding:.85rem 1rem;font-weight:800;transition:transform .12s ease,box-shadow .12s ease;box-shadow:3px 3px #111}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #111}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.primary{background:var(--safety-yellow);color:#111}.btn.primary:hover{background:var(--safety-yellow-deep)}.btn.danger{background:#fff;color:var(--danger)}.btn.ghost{background:#fff;color:var(--navy);box-shadow:none;padding:.45rem .7rem;font-size:.82rem}.btn.block{width:100%}.form-error{margin:0;color:var(--danger);background:var(--danger-soft);border:1px solid #f5c2c0;border-radius:10px;padding:.65rem .8rem;font-size:.9rem;font-weight:600}.form-ok{margin:.75rem 0 0;color:var(--ok);background:var(--ok-soft);border:1px solid #a5d6a7;border-radius:10px;padding:.65rem .8rem;font-size:.9rem;font-weight:600}.app-page{animation:rise .3s ease both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.9rem}.topbar h1{margin:.1rem 0 .25rem;font-family:var(--display);font-size:1.45rem;letter-spacing:-.02em;color:var(--navy)}.meta{margin:0;color:var(--muted);font-size:.88rem;font-weight:600}.link-back{border:none;background:none;color:var(--navy);font-weight:800;padding:0;margin-bottom:.25rem}.worker-id-card{display:grid;grid-template-columns:1fr 1.2fr;gap:.75rem;background:var(--navy);color:#fff;border:2px solid #111;border-radius:var(--radius);padding:.9rem 1rem;margin-bottom:.9rem;box-shadow:3px 3px 0 var(--safety-yellow)}.worker-id-card .id-label{display:block;color:#ffffffa6;margin-bottom:.2rem}.worker-id-card strong{font-size:.98rem}.status-banner{border-radius:10px;padding:.75rem .9rem;font-weight:800;font-size:.9rem;margin-bottom:.9rem;display:grid;gap:.25rem;border:2px solid #111}.status-draft{background:#eceff1;color:var(--muted)}.status-submitted,.status-banner.status-submitted{background:var(--wait-soft);color:var(--wait)}.status-approved,.status-banner.status-approved{background:var(--ok-soft);color:var(--ok)}.status-rejected,.status-banner.status-rejected{background:var(--warn-soft);color:var(--warn)}.reject-reason{font-weight:600;font-size:.85rem}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.section-head h2{margin:0;font-size:1rem;font-weight:800;color:var(--navy)}.count-chip{background:var(--safety-yellow);border:2px solid #111;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:800}.check-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.check-row{display:flex;gap:.65rem;align-items:flex-start;background:var(--surface);border:2px solid #111;border-radius:10px;padding:.8rem .75rem;transition:background .15s ease,box-shadow .15s ease}.check-row.on{background:#fffbeb;box-shadow:3px 3px 0 var(--safety-yellow)}.item-num{font-family:var(--display);font-size:.75rem;color:var(--muted);min-width:1.4rem;padding-top:.2rem}.check-row.on .item-num{color:#111}.check-row input{width:1.25rem;height:1.25rem;margin-top:.15rem;accent-color:var(--navy);flex-shrink:0}.check-body{display:grid;gap:.2rem}.check-body strong{font-size:.95rem}.check-body small{color:var(--muted);line-height:1.4}.check-mark{width:1.4rem;height:1.4rem;border-radius:4px;display:grid;place-items:center;flex-shrink:0;font-weight:800;background:#eceff1;color:var(--muted);border:2px solid #111}.check-row.on .check-mark{background:var(--safety-yellow);color:#111}.note-field{margin-top:1rem}.note-readonly{margin-top:1rem;background:var(--surface);border:2px solid #111;border-radius:10px;padding:.85rem}.note-readonly p{margin:.35rem 0 0;white-space:pre-wrap}.note-readonly.warn{background:var(--warn-soft)}.sticky-actions{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(440px,100%);padding:.85rem 1.05rem calc(.85rem + var(--safe-bottom));background:linear-gradient(180deg,transparent,rgba(238,241,244,.96) 24%,#eef1f4);z-index:10}.sticky-actions.split{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.locked-hint{margin:0;text-align:center;color:var(--navy);font-weight:800;background:#fff;border-radius:10px;padding:.85rem;border:2px solid #111}.reject-box{grid-column:1 / -1;display:grid;gap:.65rem;background:var(--surface);border:2px solid #111;border-radius:10px;padding:.85rem}.reject-actions{display:flex;justify-content:flex-end;gap:.5rem}.filter-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin-bottom:1rem}.filter-tabs button{border:2px solid #111;background:#fff;border-radius:999px;padding:.5rem .2rem;font-size:.82rem;font-weight:800;color:var(--muted)}.filter-tabs button.active{background:var(--navy);color:var(--safety-yellow)}.submission-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.submission-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.75rem;text-align:left;background:var(--surface);border:2px solid #111;border-radius:10px;padding:.85rem .95rem;box-shadow:2px 2px #0b1c2c1f}.submission-row:active{transform:translate(1px,1px)}.submission-row strong{display:block;margin-bottom:.15rem;font-size:1rem}.submission-row span{display:block;color:var(--muted);font-size:.82rem;font-weight:600}.submission-row .mono{margin-bottom:.1rem}.pill{flex-shrink:0;display:inline-block!important;font-size:.75rem!important;font-weight:800!important;padding:.3rem .55rem;border-radius:999px;border:1.5px solid #111;color:inherit!important}.pill.status-submitted{background:var(--wait-soft);color:var(--wait)!important}.pill.status-approved{background:var(--ok-soft);color:var(--ok)!important}.pill.status-rejected{background:var(--warn-soft);color:var(--warn)!important}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem;background:#fff;border-radius:var(--radius);border:2px dashed #111;font-weight:600}.page.wide{width:min(560px,100%)}.doc-title-bar{background:var(--navy);color:#fff;border:2px solid #111;border-radius:10px;padding:.85rem 1rem;margin-bottom:.9rem;box-shadow:3px 3px 0 var(--safety-yellow)}.doc-title-bar h2{margin:0;font-size:1.05rem;font-weight:800;line-height:1.35}.form-section{background:#fff;border:2px solid #111;border-radius:10px;padding:.9rem;margin-bottom:.75rem}.form-section-title{margin:0 0 .65rem;font-size:.95rem;font-weight:800;color:var(--navy)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.field-grid label,.stack-field{display:grid;gap:.3rem}.field-grid .span-2,.stack-field{grid-column:1 / -1}.field-grid input,.stack-field input,.stack-field textarea,.risk-row input{width:100%;border:2px solid #c5ced8;border-radius:8px;padding:.65rem .7rem;background:#fafbfc}.category-set{margin:.75rem 0 0;border:2px solid #dde3ea;border-radius:8px;padding:.65rem .75rem}.category-set legend{padding:0 .35rem;font-size:.8rem;font-weight:800;color:var(--muted)}.category-options{display:flex;flex-wrap:wrap;gap:.4rem}.radio-chip{display:inline-flex;align-items:center;gap:.35rem;border:2px solid #111;border-radius:999px;padding:.35rem .65rem;font-size:.85rem;font-weight:700;background:#fff}.radio-chip:has(input:checked){background:var(--safety-yellow)}.photo-actions{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem}.photo-actions .hint,.hint{font-size:.8rem;color:var(--muted);font-weight:600}.photo-empty{border:2px dashed #adb6c0;border-radius:8px;padding:1.5rem;text-align:center;color:var(--muted);font-weight:600;background:#f7f9fb}.photo-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.photo-grid li{position:relative;border:2px solid #111;border-radius:8px;overflow:hidden;background:#111}.photo-grid img{display:block;width:100%;height:120px;object-fit:cover}.photo-remove{position:absolute;right:6px;bottom:6px;border:1px solid #111;background:var(--safety-yellow);font-size:.75rem;font-weight:800;border-radius:6px;padding:.2rem .45rem}.info-table{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.info-table>div{background:#fff;border:2px solid #111;border-radius:8px;padding:.55rem .7rem}.info-table .span-2{grid-column:1 / -1}.info-table span{display:block;font-size:.75rem;font-weight:700;color:var(--muted);margin-bottom:.15rem}.text-block{background:#fff;border:2px solid #111;border-radius:8px;padding:.75rem .85rem;margin-bottom:.55rem}.text-block h3{margin:0 0 .35rem;font-size:.85rem;color:var(--navy)}.text-block p{margin:0;white-space:pre-wrap;line-height:1.45;font-size:.92rem}.meta.tight{margin:.5rem 0 1rem}.risk-section{background:#fff8e1}.admin-only-chip{background:var(--navy);color:var(--safety-yellow);font-size:.72rem;font-weight:800;padding:.25rem .5rem;border-radius:999px;border:1px solid #111}.risk-table{border:2px solid #111;border-radius:8px;overflow:hidden;margin:.75rem 0;background:#fff}.risk-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:.35rem;align-items:center;padding:.55rem;border-top:1px solid #dde3ea}.risk-row.head{background:var(--navy);color:#fff;border-top:none;font-size:.78rem;font-weight:800}.risk-row .score{text-align:center;font-size:1.05rem;color:var(--navy)}.my-list{margin-bottom:1rem}.submission-row.static{cursor:default;box-shadow:none}.submission-row.static:active{transform:none}.submission-row.static .pill{margin-top:.35rem}.reject-inline{margin:.25rem 0 .75rem;font-size:.85rem;color:var(--warn);font-weight:600}.done-panel{display:grid;gap:.85rem;margin-top:1rem}@media(min-width:480px){.login-brand .brand-title{font-size:2.35rem}}