*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1e3a5f;--navy-dark:#122440;--navy-light:#2d5082;--blue:#2563eb;--blue-hover:#1d4ed8;--blue-light:#eff6ff;--slate:#64748b;--slate-light:#94a3b8;--border:#e2e8f0;--bg:#f1f5f9;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--risk-green:#16a34a;--risk-green-bg:#dcfce7;--risk-green-border:#86efac;--risk-yellow:#ca8a04;--risk-yellow-bg:#fef9c3;--risk-yellow-border:#fde047;--risk-red:#dc2626;--risk-red-bg:#fee2e2;--risk-red-border:#fca5a5;--success:#16a34a;--danger:#dc2626;--warning:#ca8a04;--radius:6px;--radius-lg:10px;--shadow-sm:0 1px 3px #00000014;--shadow:0 2px 8px #0000001a;--shadow-lg:0 8px 24px #0000001f;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--transition:.15s ease}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);min-height:100vh;line-height:1.6}h1,h2,h3,h4{font-weight:600;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:.9375rem}input,textarea,select{font-family:var(--font);color:var(--text-primary);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:8px 12px;font-size:.9375rem}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:80px}select{cursor:pointer}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:.8125rem;font-weight:500;display:block}.btn{font-family:var(--font);border-radius:var(--radius);cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:6px;padding:9px 18px;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.btn-secondary{color:var(--text-primary);border-color:var(--border);background:0 0}.btn-secondary:hover{background:var(--bg)}.btn-danger{color:var(--danger);border-color:var(--risk-red-border);background:0 0}.btn-danger:hover{background:var(--risk-red-bg)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background:#15803d;border-color:#15803d}.btn-icon{border-radius:var(--radius);cursor:pointer;color:var(--slate);transition:background var(--transition), color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:7px;display:inline-flex}.btn-icon:hover{background:var(--bg);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-lg{padding:12px 24px;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.form-group{margin-bottom:16px}.form-row{gap:16px;display:grid}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-row-4{grid-template-columns:1fr 1fr 1fr 1fr}.page{max-width:1200px;margin:0 auto;padding:32px 24px}.page-wide{max-width:1400px;margin:0 auto;padding:32px 24px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-title{color:var(--navy);font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:2px;font-size:.875rem}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-draft{color:#64748b;background:#f1f5f9}.badge-active{background:var(--risk-green-bg);color:var(--risk-green)}.badge-archived{color:#94a3b8;background:#f1f5f9}.risk-1{color:var(--risk-green)}.risk-2{color:var(--risk-yellow)}.risk-3{color:var(--risk-red)}.risk-badge-1{background:var(--risk-green-bg);color:var(--risk-green);border:1px solid var(--risk-green-border)}.risk-badge-2{background:var(--risk-yellow-bg);color:var(--risk-yellow);border:1px solid var(--risk-yellow-border)}.risk-badge-3{background:var(--risk-red-bg);color:var(--risk-red);border:1px solid var(--risk-red-border)}.toast-container{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius);box-shadow:var(--shadow-lg);align-items:center;gap:10px;max-width:360px;padding:12px 18px;font-size:.875rem;font-weight:500;animation:.2s slideUp;display:flex}.toast-success{background:var(--navy);color:#fff}.toast-error{color:#fff;background:#991b1b}.toast-info{background:var(--blue);color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.spinner-dark{border-color:var(--border);border-top-color:var(--blue)}@keyframes spin{to{transform:rotate(360deg)}}.loading-full{height:100vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th{z-index:1;background:var(--navy);color:#fff;text-align:left;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:11px 14px;font-size:.8125rem;font-weight:600;position:sticky;top:0}.data-table th:first-child{border-radius:var(--radius) 0 0 0}.data-table th:last-child{border-radius:0 var(--radius) 0 0}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px;font-size:.9375rem}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:var(--blue-light)}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);max-height:calc(100vh - 320px);box-shadow:var(--shadow-sm);overflow:auto}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filter-bar input{max-width:320px}.filter-bar select{max-width:160px}.section-header{background:var(--navy);color:#fff;border-radius:var(--radius) var(--radius) 0 0;align-items:center;gap:8px;padding:10px 16px;font-size:.9375rem;font-weight:600;display:flex}.section-body{border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);background:var(--bg-card);border-top:none;padding:20px}.risk-matrix-wrap{-webkit-user-select:none;user-select:none}.risk-matrix-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);text-align:center;margin-bottom:8px;font-size:.75rem;font-weight:700}.risk-matrix{grid-template-columns:56px repeat(3,1fr);gap:3px;display:grid}.rm-corner,.rm-col-header,.rm-row-header{text-align:center;color:var(--text-secondary);background:#f1f5f9;border-radius:3px;justify-content:center;align-items:center;padding:6px 4px;font-size:.7rem;font-weight:600;line-height:1.2;display:flex}.rm-row-header{flex-direction:column;gap:2px}.rm-cell{cursor:pointer;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;height:44px;font-size:.8125rem;font-weight:700;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.rm-cell:hover{transform:scale(1.06);box-shadow:0 2px 8px #00000026}.rm-cell-1{background:var(--risk-green-bg);color:var(--risk-green)}.rm-cell-2{background:var(--risk-yellow-bg);color:var(--risk-yellow)}.rm-cell-3{background:var(--risk-red-bg);color:var(--risk-red)}.rm-cell-selected{transform:scale(1.06);box-shadow:0 2px 12px #0003;border-color:currentColor!important}.rm-cell-selected:after{content:"✓";color:#fff;background:currentColor;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;display:flex;position:absolute;top:-6px;right:-6px}.risk-result{border-radius:var(--radius);text-align:center;margin-top:8px;padding:8px 12px;font-size:.8125rem;font-weight:600}.risk-comparison{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.risk-comparison-arrow{color:var(--slate-light);flex-shrink:0;font-size:1.5rem}.hazard-card{border:1.5px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;overflow:hidden}.hazard-card-header{background:var(--navy);color:#fff;align-items:center;gap:12px;padding:12px 18px;font-weight:600;display:flex}.hazard-card-number{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:700;display:flex}.hazard-card-body{background:var(--bg-card);padding:20px}.stop-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.stop-label{color:var(--navy);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:4px;font-size:.75rem;font-weight:700;display:flex}.stop-badge{background:var(--navy);color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6875rem;font-weight:800;display:inline-flex}.signature-pad-wrap{position:relative}.signature-canvas{border:2px dashed var(--border);border-radius:var(--radius);cursor:crosshair;touch-action:none;background:#fff;display:block}.signature-canvas:focus{border-color:var(--blue);outline:none}.signature-actions{gap:8px;margin-top:8px;display:flex}.assessment-header-table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;overflow:hidden}.assessment-header-table td{border:1px solid var(--border);vertical-align:top;padding:10px 14px;font-size:.9rem}.assessment-header-table .label-cell{color:var(--text-secondary);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;width:160px;font-size:.8125rem;font-weight:600}.disclaimer{border:1px solid var(--border);border-left:4px solid var(--navy);border-radius:var(--radius);color:var(--text-secondary);background:#f8fafc;margin:32px 0 24px;padding:16px 20px;font-size:.875rem;font-style:italic;line-height:1.7}.autosave-indicator{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.autosave-dot{background:var(--slate-light);border-radius:50%;width:8px;height:8px}.autosave-dot.saving{background:var(--risk-yellow);animation:1s infinite pulse}.autosave-dot.saved{background:var(--risk-green)}.autosave-dot.error{background:var(--risk-red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.empty-state{text-align:center;color:var(--text-muted);padding:64px 24px}.empty-state-icon{margin-bottom:16px;font-size:3rem}.empty-state-title{color:var(--text-secondary);margin-bottom:8px;font-size:1.125rem;font-weight:600}.empty-state-text{font-size:.9375rem}@media (width<=900px){.form-row-4,.form-row-3{grid-template-columns:1fr 1fr}.risk-comparison{flex-direction:column;gap:8px}.risk-comparison-arrow{transform:rotate(90deg)}.stop-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar input,.filter-bar select{max-width:100%}}@media (width<=600px){.page,.page-wide{padding:20px 16px}.navbar{padding:0 16px}.form-row-2,.form-row-3,.form-row-4{grid-template-columns:1fr}.card{padding:16px}.navbar-user span{display:none}h1{font-size:1.375rem}}.legal-content h2{color:var(--navy);margin-top:24px;margin-bottom:8px;font-size:1.0625rem}.legal-content h2:first-child{margin-top:0}.legal-content p{margin-bottom:12px}.legal-content ul{margin:0 0 12px 20px}.legal-content li{margin-bottom:4px}.legal-content a{color:var(--blue)}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.footer-links a{color:#ffffff80;font-size:.75rem;text-decoration:none}.footer-links a:hover{color:#fffc;text-decoration:underline}.navbar{z-index:100;background:var(--navy);flex-wrap:nowrap;align-items:center;gap:8px;height:56px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #00000059}.navbar-brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.navbar-brand-text{color:#fff;white-space:nowrap;font-size:1rem;font-weight:700}.navbar-brand-logo{object-fit:contain;width:auto;height:28px}.navbar-user{color:#ffffffbf;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.875rem;overflow:hidden}.navbar-btn{color:#ffffffd9;border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:background var(--transition), border-color var(--transition);background:0 0;border:1px solid #ffffff40;flex-shrink:0;padding:6px 14px;font-size:.875rem}.navbar-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff73}@media print{.navbar,.navbar-top,.sidebar,.sidebar-overlay,.btn,.btn-icon,.snippet-picker,.no-print,.filter-bar,.page-actions,.toast-container,[class*=modal]{display:none!important}body{font-size:11pt;background:#fff!important}.page,.page-wide{max-width:100%!important;margin:0!important;padding:10mm 12mm!important}.card{page-break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.hazard-card,.risk-matrix{page-break-inside:avoid}h1,h2,h3{color:#000!important}a{color:#000!important;text-decoration:none!important}.print-btn{display:none!important}}.pdf-capturing .btn,.pdf-capturing .btn-icon,.pdf-capturing .snippet-picker{display:none!important}.pdf-capturing,.pdf-capturing *{text-transform:none!important}.snippet-picker{border-color:var(--border);border-radius:4px;width:auto;max-width:160px;padding:3px 6px;font-size:.75rem}.app-footer-disclaimer{text-align:center}.add-section-row{justify-content:center;margin-bottom:8px;display:flex}.print-title{display:none}@media print{.print-title{display:block}}.pdf-capturing .print-title{display:block}.print-title-row{border-bottom:2px solid var(--navy);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:12px;display:flex}.print-title-main{color:var(--navy);margin:0 0 4px;font-size:1.5rem;font-weight:700}.print-title-company{color:var(--text-secondary);font-size:1rem;font-weight:600}.print-title-meta{text-align:right;color:var(--text-muted);white-space:nowrap;font-size:.8125rem}