:root{color-scheme:light;--bg: #f0f5f2;--surface: #ffffff;--surface-2: #f8faf9;--text: #111a15;--muted: #64748b;--line: #e2e9e5;--teal: #16a34a;--teal-dark: #15803d;--green: #22c55e;--amber: #d97706;--red: #dc2626;--shadow: 0 4px 20px rgba(0, 0, 0, .06);--sidebar-bg: #0d1f13;--sidebar-w: 68px;--radius-card: 14px;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr}.sidebar{position:sticky;top:0;height:100vh;width:var(--sidebar-w);background:var(--sidebar-bg);padding:14px 10px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;overflow:visible;z-index:20}.sidebar-brand{width:44px;height:44px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;display:grid;place-items:center;color:#fff;margin-bottom:16px;flex-shrink:0;box-shadow:0 4px 12px #22c55e59}.sidebar nav{display:flex;flex-direction:column;gap:2px;width:100%}.nav-item{width:48px;height:48px;border-radius:12px;background:transparent;color:#ffffff61;border:0;display:flex;align-items:center;justify-content:center;position:relative;transition:background .14s,color .14s;padding:0;min-height:unset;cursor:pointer;flex-shrink:0}.nav-item:hover{background:#ffffff17;color:#ffffffe6}.nav-item.active{background:#22c55e2e;color:#4ade80}.nav-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-6px);background:#1c3426;color:#d1fae5;font-size:12px;font-weight:600;white-space:nowrap;padding:5px 11px;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .14s,transform .14s;z-index:300;border:1px solid rgba(74,222,128,.18);box-shadow:0 4px 14px #00000040}.nav-item:hover .nav-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:4px}.brand,.brand-mark,.sidebar-note{display:none}.panel p,.section-title p,.muted{color:var(--muted)}.ghost,.secondary,.primary,.qr-mini{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px}.workspace{min-width:0;background:var(--bg)}.topbar{min-height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:4;box-shadow:0 1px 0 var(--line)}.topbar-left{display:flex;align-items:center;gap:10px}.topbar-site{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:6px 12px 6px 10px;cursor:default}.topbar-site svg{color:var(--teal)}.topbar h1,.section-title h2,.panel h2,.panel h3,.learner-head h1{margin:0;letter-spacing:0}.topbar h1{font-size:17px;line-height:1.3;font-weight:700;color:var(--muted)}.eyeless-label{margin:0 0 2px;color:var(--teal);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.topbar-actions,.button-row,.review-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.primary{background:var(--teal);color:#fff}.primary:hover{background:var(--teal-dark)}.primary:disabled,.secondary:disabled{opacity:.48;cursor:not-allowed}.secondary{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}.ghost{background:#fff;color:#334155;border:1px solid var(--line)}.qr-mini{background:#fff;border:1px solid var(--line);color:#334155;padding:6px 10px}.qr-mini img{width:34px;height:34px}.screen{padding:22px 24px 44px}.section-title{margin-bottom:20px}.section-title h2{font-size:26px}.section-title p{margin:7px 0 0}.split,.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.dash-grid{display:grid;grid-template-columns:1fr 272px;gap:18px;padding:20px 22px 36px}.dash-left{display:flex;flex-direction:column;gap:16px;min-width:0}.dash-right{display:flex;flex-direction:column;gap:12px}.widget{background:#fff;border-radius:var(--radius-card);padding:16px;box-shadow:var(--shadow);border:1px solid var(--line)}.widget-label{font-size:10.5px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.weather-row{display:flex;align-items:center;gap:10px}.weather-icon{font-size:38px;line-height:1}.weather-temp{font-size:34px;font-weight:800;color:var(--text);line-height:1}.weather-meta{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.5}.stat-mini{background:#fff;border-radius:var(--radius-card);padding:14px 16px;box-shadow:var(--shadow);border:1px solid var(--line);display:flex;align-items:center;gap:12px}.stat-mini-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.stat-mini-icon.teal{background:#dcfce7;color:var(--teal)}.stat-mini-icon.green{background:#dcfce7;color:#16a34a}.stat-mini-icon.amber{background:#fef9c3;color:#92400e}.stat-mini-icon.red{background:#fee2e2;color:#dc2626}.stat-mini-body{min-width:0}.stat-mini-body span{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-mini-body strong{display:block;font-size:22px;font-weight:800;line-height:1.15;color:var(--text)}.ai-lesson-card{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden}.ai-lesson-header{background:linear-gradient(135deg,#0d1f13,#1a3a24);padding:14px 18px;display:flex;align-items:center;gap:10px}.ai-avatar{width:36px;height:36px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:grid;place-items:center;color:#fff;flex-shrink:0}.ai-lesson-header-text strong{display:block;color:#fff;font-size:14px}.ai-lesson-header-text span{color:#ffffff8c;font-size:12px}.ai-bubble{padding:18px}.ai-bubble-inner{background:#f8faf8;border-radius:4px 12px 12px;padding:14px 16px;font-size:13.5px;line-height:1.72;color:var(--text);border:1px solid var(--line)}.ai-bubble-inner ol,.ai-bubble-inner ul{margin:8px 0;padding-left:18px}.ai-bubble-inner li{margin:5px 0}.ai-bubble-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:10px;display:flex;align-items:center;gap:6px}.ai-no-session{padding:32px 20px;text-align:center;color:var(--muted);font-size:14px}.risk-widget-list{display:flex;flex-direction:column;gap:7px;margin-top:6px}.risk-widget-item{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 8px;border-radius:8px;background:#fef2f2;color:#991b1b}.risk-widget-item.medium{background:#fff7ed;color:#92400e}.risk-widget-empty{font-size:13px;color:var(--muted);text-align:center;padding:12px 0}.spark-wrap{margin-top:10px}.spark-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:4px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.metric svg{margin-bottom:14px}.metric span,.metric strong{display:block}.metric strong{margin-top:4px;font-size:24px}.metric.teal svg{color:var(--teal)}.metric.green svg{color:var(--green)}.metric.amber svg{color:var(--amber)}.metric.red svg{color:var(--red)}.records-layout,.review-layout,.upload-grid,.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.9fr);gap:18px;margin-top:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow)}.panel-head{margin-bottom:16px}.panel-head p,.panel p{margin:5px 0 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);font-size:14px;white-space:nowrap}th{color:#475569;background:#f8fafc;font-weight:700}tr.selected,tbody tr:hover{background:#f0fdfa}.status{display:inline-flex;min-height:24px;align-items:center;border-radius:999px;padding:0 9px;background:#e0f2fe;color:#0369a1;font-size:12px;font-weight:700}.status.published{background:#dcfce7;color:#166534}.session-card h3{margin:14px 0 6px;font-size:20px}.session-stats{margin-top:18px;display:flex;justify-content:space-between;color:#334155;font-weight:700}.dropzone,.photo-upload{min-height:360px;background:#fff;border:1px dashed #94a3b8;border-radius:8px;display:grid;place-items:center;text-align:center;color:var(--teal);padding:24px}.dropzone strong,.dropzone span{display:block;color:var(--text)}.dropzone input,.photo-upload input{display:block;width:min(100%,320px);height:auto;margin-top:14px;padding:10px;border:1px solid var(--line);background:#f8fafc;color:#334155}.dropzone input::file-selector-button,.photo-upload input::file-selector-button{border:0;border-radius:8px;background:var(--teal);color:#fff;font:inherit;font-weight:700;padding:9px 12px;margin-right:12px;cursor:pointer}.manual-text,textarea,input,select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text)}input,select{height:42px;padding:0 12px}textarea{min-height:120px;padding:12px;resize:vertical}.manual-text{min-height:222px;margin:14px 0}.status-line,.error-line,.review-lock{margin-top:16px;border-radius:8px;padding:12px 14px}.status-line{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0;white-space:pre-wrap;font-size:13px;font-weight:600;line-height:1.5}.error-line{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.material-list{display:grid;gap:10px}.material-row{border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center}.material-row span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.material-row em{font-style:normal;color:var(--teal);font-weight:700}.editor-panel,.proof-panel{display:grid;gap:14px;align-content:start}.three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:7px;color:#334155;font-size:13px;font-weight:700}.field input+input{margin-top:7px}.source-preview{max-height:260px;overflow:auto;white-space:pre-wrap;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:14px;color:#334155;font-size:13px;line-height:1.62}.pdf-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:360px;overflow:auto}.pdf-strip figure,.lesson-page-list figure{margin:0;border:1px solid var(--line);border-radius:8px;background:#f8fafc;overflow:hidden}.pdf-strip img,.lesson-page-list img{display:block;width:100%;height:auto}.pdf-strip figcaption,.lesson-page-list figcaption{padding:7px 9px;color:var(--muted);font-size:12px;font-weight:700}.quiz-editor{border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;gap:10px}.review-lock{display:flex;align-items:center;gap:9px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.review-lock.ok{background:#ecfdf5;color:#166534;border-color:#bbf7d0}.detail-panel{display:grid;gap:16px;align-content:start}.qr-card{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px}.qr-card img{width:108px;height:108px}.qr-card span,.detail-list dd{color:var(--muted)}.qr-link{display:block;margin-top:8px;color:#0f766e;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.qr-print-btn{margin-top:10px;font-size:12px;padding:4px 10px;display:inline-flex;align-items:center;gap:5px}.row-print-btn{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 8px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--fg);cursor:pointer;white-space:nowrap}.row-print-btn:hover{background:var(--line)}.print-area,.qr-print-area{display:none}.jra-risk-report,.print-area.always-visible{display:block!important}.safety-policy-print{display:flex!important;flex-direction:column!important;min-height:1100px}.safety-policy-signature{margin-top:auto!important}.qr-sheet-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#374151;border-bottom:2px solid #1e3a5f;padding-bottom:8px;margin-bottom:20px}.qr-sheet-body{display:flex;gap:24px;align-items:flex-start}.qr-sheet-image{width:160px;height:160px;flex-shrink:0;border:1px solid #e5e7eb;padding:6px;border-radius:6px}.qr-sheet-info{flex:1}.qr-sheet-info h2{font-size:15px;font-weight:700;color:#111827;margin-bottom:12px;line-height:1.4}.qr-sheet-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:16px}.qr-sheet-table th,.qr-sheet-table td{padding:5px 8px;border:1px solid #d1d5db;text-align:left}.qr-sheet-table th{background:#f3f4f6;font-weight:600;width:70px;color:#374151}.qr-sheet-guide{font-size:13px;font-weight:600;color:#1e3a5f;line-height:1.7;margin-bottom:8px}.qr-sheet-url{font-size:9px;color:#6b7280;word-break:break-all}.detail-list{display:grid;grid-template-columns:92px 1fr;gap:8px 12px;margin:0}.result-report{margin-top:18px}.report-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.report-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:14px}.field.compact{max-width:220px}.shift-tabs{display:flex;gap:6px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.shift-tabs button{min-width:72px;min-height:38px;border:0;border-radius:8px;background:transparent;color:#475569;font-weight:800}.shift-tabs button.active{background:var(--teal);color:#fff}.report-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.report-summary span,.report-summary strong{border-radius:999px;padding:7px 11px;background:#f1f5f9;color:#334155;font-size:13px}.report-summary strong{background:#ccfbf1;color:var(--teal-dark)}.report-table{min-width:980px}.print-preview{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.print-preview-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.print-preview-head strong{color:var(--teal-dark)}.print-preview-head span{color:var(--muted);font-size:13px}.print-preview .print-area{display:grid;gap:18px}.tbm-print-sheet{width:min(900px,100%);margin:0 auto;padding:18px;border:1px solid #111827;background:#fff;color:#111827;font-family:Arial,Malgun Gothic,sans-serif}.tbm-print-sheet h1{margin:0 0 10px;text-align:center;font-size:22px;letter-spacing:0}.tbm-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.tbm-evidence-item{margin:0;border:1px solid #111827;break-inside:avoid;page-break-inside:avoid}.tbm-evidence-item img{width:100%;height:220px;object-fit:contain;background:#f1f5f9;display:block}.tbm-evidence-item figcaption{padding:6px 8px;font-size:12px;color:#374151;border-top:1px solid #111827;text-align:center}.tbm-print-sheet table{min-width:0;width:100%;border-collapse:collapse}.tbm-print-sheet th,.tbm-print-sheet td{border:1px solid #111827;padding:7px 8px;white-space:normal;vertical-align:top;font-size:13px;line-height:1.35}.tbm-print-sheet th{background:#f8fafc;text-align:center;font-weight:800}.tbm-print-sheet .blank-large{height:72px}.tbm-print-sheet .attendee-head th{background:#fff}.tbm-print-sheet .att-name,.tbm-print-sheet .att-birth{min-width:52px;font-size:11px}.tbm-print-sheet .att-sign{min-width:60px;height:32px;padding:2px}.tbm-print-sheet .sign-img{max-height:28px;max-width:100%;object-fit:contain;display:block}.tbm-attendance-page .att-info-table{width:100%;border-collapse:collapse;margin-bottom:10px}.tbm-attendance-page .att-info-table th,.tbm-attendance-page .att-info-table td{border:1px solid #111827;padding:6px 10px;font-size:13px;white-space:nowrap}.tbm-attendance-page .att-info-table th{background:#f1f5f9;font-weight:700;text-align:center;width:80px}.tbm-attendance-page .att-sign-table{width:100%;border-collapse:collapse;table-layout:fixed}.tbm-attendance-page .att-sign-table th,.tbm-attendance-page .att-sign-table td{border:1px solid #111827;font-size:12px;vertical-align:middle;padding:4px 6px;text-align:center}.tbm-attendance-page .att-sign-head th{background:#f1f5f9;font-weight:700}.att-col-no{width:4%}.att-col-name{width:16%}.att-col-birth{width:14%}.att-col-sign{width:16%;height:36px;padding:3px!important}.tbm-attendance-page .att-sign-table .sign-img{max-height:30px;max-width:100%;object-fit:contain;display:block;margin:0 auto}.att-footer{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:#374151}.btn-batch-alert{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:none;background:#dc2626;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap;animation:pulse-alert 1.8s infinite}.btn-batch-alert:hover{background:#b91c1c;animation:none}@keyframes pulse-alert{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 6px #dc262600}}.metric-batch-hint{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:.68rem;font-weight:600;color:#ffffffd9;letter-spacing:.02em}.tbm-unit-badge{display:inline-block;font-weight:600;color:#0f172a}.tbm-group-count{display:inline-block;margin-left:6px;font-size:.75rem;color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4;border-radius:4px;padding:1px 6px;font-weight:600}.session-divider td{border-top:2px solid #e2e8f0}.detail-list dt{font-weight:700}.detail-list dd{margin:0}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:82px}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.search-box{width:min(340px,100%);display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 12px}.search-box input{border:0;padding:0}.learner-shell{min-height:100vh;padding:22px 14px;display:grid;place-items:center;background:linear-gradient(180deg,#0f766e14,#0f766e00),#f6faf9}.phone-card{width:min(560px,100%);background:#fff;border-radius:8px;border:1px solid var(--line);box-shadow:0 20px 45px #0f172a14;padding:18px}.flow-card{align-self:start}.learner-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.learner-head svg{color:var(--teal);flex:0 0 auto}.learner-head h1{font-size:22px;letter-spacing:0}.learner-head p{margin:4px 0 0;color:var(--muted)}.flow-progress{display:grid;gap:10px;margin-bottom:16px;padding:14px;border:1px solid #99f6e4;border-radius:8px;background:#f0fdfa}.flow-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.flow-progress span{color:var(--teal-dark);font-size:13px;font-weight:800}.flow-progress strong{color:#0f172a;font-size:17px}.flow-progress-bar{height:8px;overflow:hidden;border-radius:999px;background:#ccfbf1}.flow-progress-bar span{display:block;height:100%;border-radius:inherit;background:var(--teal);transition:width .18s ease}.learner-section{display:grid;gap:12px}.educator-info,.step-title{border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px}.educator-info{margin-bottom:16px}.educator-info>strong,.step-title>strong{display:block;margin-bottom:8px;color:var(--teal-dark)}.educator-info dl{display:grid;grid-template-columns:64px 1fr;gap:6px 10px;margin:0;font-size:13px}.educator-info dt{color:var(--muted);font-weight:700}.educator-info dd{margin:0;color:#334155}.step-title p{margin:0;color:#475569;line-height:1.5}.form-grid.single input{min-height:48px;border-color:#cbd5e1;background:#f8fafc;font-size:15px}.form-grid.single input:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px #14b8a624}.form-grid.single{display:grid;gap:8px}.date-field-label{display:flex;flex-direction:column;gap:4px}.date-field-label span{font-size:12px;font-weight:600;color:var(--muted);padding-left:2px}.date-field-label input{min-height:48px;border-color:#cbd5e1;background:#f8fafc;font-size:15px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;width:100%;box-sizing:border-box}.info-field-label{display:flex;flex-direction:column;gap:6px}.info-field-label>span{font-size:12px;font-weight:700;color:#475569;padding-left:2px;letter-spacing:.02em}.info-field-label>input{min-height:48px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;font-size:15px;padding:0 14px;width:100%;box-sizing:border-box;color:#111827;outline:none;transition:border-color .15s,box-shadow .15s}.info-field-label>input:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px #14b8a624}.birth-picker{display:flex;gap:6px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;overflow:hidden;height:144px}.birth-col{flex:1;position:relative;overflow:hidden}.birth-scroll{height:144px;overflow-y:scroll;scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none}.birth-scroll::-webkit-scrollbar{display:none}.birth-pad{height:48px;scroll-snap-align:none;flex-shrink:0}.birth-item{height:48px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#94a3b8;scroll-snap-align:center;transition:color .12s,font-weight .12s;-webkit-user-select:none;user-select:none;white-space:nowrap}.birth-item.active{color:#0f172a;font-size:17px;font-weight:700}.birth-overlay-top,.birth-overlay-bot{position:absolute;left:0;right:0;height:48px;pointer-events:none;z-index:2}.birth-overlay-top{top:0;background:linear-gradient(to bottom,#f8fafc 20%,transparent)}.birth-overlay-bot{bottom:0;background:linear-gradient(to top,#f8fafc 20%,transparent)}.birth-highlight{position:absolute;left:0;right:0;top:48px;height:48px;pointer-events:none;z-index:1;border-top:1.5px solid #cbd5e1;border-bottom:1.5px solid #cbd5e1}.lesson-card,.quiz-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff}.lesson-card{grid-template-columns:26px 1fr}.lesson-card svg{color:var(--teal)}.lesson-card p,.guide{margin:5px 0 0;color:#475569;line-height:1.55}.lesson-card>div>strong{font-size:14.5px;color:#0f172a}.lesson-card-list{margin:8px 0 0;padding-left:0;list-style:none;display:grid;gap:7px}.lesson-card-list li{position:relative;padding-left:16px;color:#334155;line-height:1.5;font-size:14px;word-break:keep-all}.lesson-card-list li:before{content:"";position:absolute;left:2px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--teal)}.lesson-card.warn{border-left:3px solid #f59e0b}.lesson-card.warn svg{color:#d97706}.lesson-card.warn .lesson-card-list li:before{background:#f59e0b}.lesson-card.ok{border-left:3px solid var(--teal)}.self-check-head{display:grid;gap:8px}.self-check-head>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.self-check-head strong{font-size:18px}.self-check-head span,.self-check-head em{color:var(--muted);font-size:13px;font-style:normal;font-weight:700}.self-progress{height:6px;border-radius:999px;background:#e2e8f0;overflow:hidden}.self-progress span{display:block;height:100%;border-radius:inherit;background:var(--teal);transition:width .16s ease}.self-group{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.self-group header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);background:#f8fafc}.self-group h3{margin:0;font-size:15px}.self-group mark{border-radius:999px;padding:4px 9px;background:#fee2e2;color:#b91c1c;font-size:12px;font-weight:800}.self-group mark.done{background:#dcfce7;color:#166534}.self-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.self-item:last-child{border-bottom:0}.self-item strong,.self-item small{display:block}.self-item small{margin-top:2px;color:var(--muted);line-height:1.4}.check-choice{display:grid;grid-template-columns:1fr 1fr;gap:6px}.check-choice button{min-width:64px;min-height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#475569;font-weight:700}.check-choice button.selected{border-color:var(--teal);background:#ccfbf1;color:var(--teal-dark)}.lesson-media,.detail-sections{display:grid;gap:12px}.lesson-page-list{display:grid;grid-template-columns:1fr;gap:14px}.lesson-media{padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.lesson-page-list figure{background:#fff}.detail-sections>strong,.lesson-media>strong{color:var(--teal-dark);font-size:15px}.detail-sections section{border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:8px;padding:13px 14px;background:#fff}.detail-sections h3{margin:0 0 9px;font-size:14.5px;font-weight:700;color:var(--teal-dark)}.detail-sections ul{margin:0;padding-left:16px;color:#334155;line-height:1.6;display:grid;gap:6px;font-size:14px}.detail-sections li{word-break:keep-all}.detail-intro{margin:0 0 9px;font-size:13.5px;color:#475569;line-height:1.6;word-break:keep-all;padding:9px 11px;background:#f8fafc;border-radius:7px}.detail-sections p{margin:0;color:#334155;line-height:1.62}.empty-inline{border:1px dashed var(--line);border-radius:8px;padding:14px;color:var(--muted);background:#f8fafc}.quiz-card label{display:flex;gap:8px;align-items:center;color:#334155}.quiz-card input{width:auto;height:auto}.quiz-card.wrong{border-color:#fecaca;background:#fff7f7}.quiz-card small{color:#b91c1c;font-weight:700}.score{color:#9a3412;font-weight:700}.score.ok{color:#166534}.photo-upload{min-height:240px;overflow:hidden}.photo-upload img{width:100%;max-height:280px;object-fit:cover;border-radius:8px}.signature-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.signature{width:100%;height:160px;border:1px solid var(--line);border-radius:8px;background:#fff;touch-action:none}.full{width:100%}.complete{text-align:center;color:var(--teal);display:grid;place-items:center;gap:14px;padding:28px 18px 32px}.complete-hero{position:relative;width:120px;height:120px;display:grid;place-items:center}.complete-badge-ring{width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--teal) 0%,#0f766e 100%);display:grid;place-items:center;box-shadow:0 0 0 6px #0f766e1f,0 8px 28px #0f766e4d;animation:badge-pop .5s cubic-bezier(.34,1.56,.64,1) both}.complete-badge-inner{width:88px;height:88px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--teal)}.complete-sparkles{position:absolute;inset:0;pointer-events:none}.sparkle{position:absolute;color:#fbbf24;font-size:14px;animation:sparkle-fly .8s ease-out both;opacity:0}.s1{top:2px;left:12px;animation-delay:.3s}.s2{top:8px;right:8px;animation-delay:.45s;font-size:10px}.s3{bottom:4px;left:6px;animation-delay:.5s;font-size:11px}.s4{bottom:8px;right:14px;animation-delay:.35s}.s5{top:50%;right:0;animation-delay:.55s;font-size:9px}@keyframes badge-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sparkle-fly{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}to{opacity:0;transform:scale(.8) rotate(40deg)}}.complete-title{font-size:26px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.5px}.complete-sub{color:#475569;margin:0;font-size:15px}.complete-card{width:100%;background:#f0fdf9;border:1px solid #99f6e4;border-radius:10px;padding:14px 18px;display:grid;gap:8px}.complete-card-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.complete-label{color:#64748b;font-weight:500}.complete-value{font-weight:600;color:#0f172a}.complete-score{color:var(--teal);font-size:16px}.complete-note{color:#475569;line-height:1.55;font-size:14px;margin:0}.complete-safety-icons{display:flex;gap:20px;justify-content:center;padding-top:4px}.safety-icon-item{display:flex;flex-direction:column;align-items:center;gap:4px}.safety-icon-item span{font-size:28px}.safety-icon-item small{font-size:11px;color:#64748b;white-space:nowrap}.worker-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:4px}.worker-summary-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);transition:box-shadow .15s}.worker-summary-card:hover{box-shadow:0 6px 24px #0000001a}.worker-summary-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.worker-summary-label{font-size:11.5px;color:var(--muted);white-space:nowrap}.worker-summary-value{font-size:22px;font-weight:800;line-height:1.2;color:var(--text)}.compliance-bar-wrap{display:flex;align-items:center;gap:8px}.compliance-bar-bg{flex:1;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.compliance-bar-fill{height:100%;border-radius:999px;transition:width .3s}.compliance-bar-label{font-size:11px;font-weight:700;color:var(--muted);min-width:30px;text-align:right}.compliance-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.compliance-badge.met{background:#dcfce7;color:#15803d}.compliance-badge.unmet{background:#fee2e2;color:#b91c1c}.worker-stats-table{min-width:960px}.worker-stats-table tr:hover td{background:#f8fef9}@media(max-width:1100px){.worker-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.worker-summary-grid{grid-template-columns:1fr 1fr;gap:8px}}.risk-panel{margin-bottom:1.5rem;border-left:4px solid #ef4444}.risk-panel-title{color:#b91c1c;margin:0}.risk-list{display:grid;gap:10px;margin-top:12px}.risk-item{border-radius:8px;border:1px solid #fca5a5;background:#fff7f7;padding:12px 14px}.risk-item.risk-high{border-color:#ef4444;background:#fef2f2}.risk-item.risk-medium{border-color:#f59e0b;background:#fffbeb}.risk-item.risk-low{border-color:#94a3b8;background:#f8fafc}.risk-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.risk-item-who{display:flex;align-items:center;gap:8px}.risk-item-unit{color:#64748b;font-size:.83rem}.risk-item-time{color:#94a3b8;font-size:.82rem}.risk-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.risk-badge.risk-badge-high{background:#ef4444;color:#fff}.risk-badge.risk-badge-medium{background:#f59e0b;color:#fff}.risk-badge.risk-badge-low{background:#64748b;color:#fff}.risk-badge.risk-badge-safe{background:#d1fae5;color:#065f46}.risk-badge-small{display:inline-block;padding:2px 7px;border-radius:4px;font-size:.72rem;font-weight:700;white-space:nowrap}.risk-badge-small.safe{background:#d1fae5;color:#065f46}.risk-badge-small.high{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.risk-badge-small.medium{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.risk-badge-small.low{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}tr.risk-row-high td{background:#fff5f5}tr.risk-row-medium td{background:#fffdf0}.risk-flags{display:flex;flex-wrap:wrap;gap:5px}.risk-flag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:20px;font-size:.78rem;font-weight:500}.risk-flag.risk-flag-high{background:#fee2e2;color:#b91c1c}.risk-flag.risk-flag-medium{background:#fef3c7;color:#92400e}.risk-flag.risk-flag-ppe{background:#f1f5f9;color:#475569}.risk-action-note{margin-top:8px;font-size:.82rem;font-weight:600;color:#b91c1c;padding:5px 10px;background:#fee2e2;border-radius:5px}.completions-filter{display:flex;gap:6px;margin-bottom:1rem;flex-wrap:wrap}.completions-filter button{padding:5px 14px;border-radius:20px;border:1px solid var(--line);background:#fff;font-size:.83rem;cursor:pointer;color:var(--muted);transition:all .12s}.completions-filter button.active,.completions-filter button:hover{background:var(--teal);color:#fff;border-color:var(--teal)}.alert-section{display:grid;gap:1rem}.alert-recipients{display:grid;gap:8px}.recipient-list{border:1px solid var(--line);border-radius:6px;padding:8px;display:grid;gap:4px;min-height:44px}.recipient-item{display:flex;align-items:center;gap:10px;padding:5px 8px;background:#f8fafc;border-radius:5px;font-size:.85rem}.recipient-role{background:var(--teal);color:#fff;padding:1px 7px;border-radius:4px;font-size:.75rem;white-space:nowrap}.recipient-phone{color:var(--muted);font-size:.82rem;margin-left:auto}.recipient-add{display:flex;gap:6px;flex-wrap:wrap}.recipient-add input{min-width:80px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;font-size:.85rem}.alert-guide{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:14px 16px;font-size:.85rem}.alert-guide ol{margin:8px 0 0;padding-left:1.2rem;line-height:1.8}.alert-guide code{background:#dcfce7;padding:1px 5px;border-radius:3px;font-family:monospace;font-size:.85em}.empty{min-height:280px;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;color:var(--muted)}.empty h3,.empty p{margin:0}.settings-grid{display:flex;justify-content:space-between;gap:18px;align-items:center}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.dash-grid{grid-template-columns:1fr}.dash-right{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric-grid,.dashboard-layout,.records-layout,.review-layout,.upload-grid{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{grid-template-columns:var(--sidebar-w) 1fr}.topbar h1{display:none}.dash-grid{padding:14px 14px 32px;gap:12px}.dash-right{grid-template-columns:1fr 1fr}.screen{padding-left:14px;padding-right:14px}}@media(max-width:600px){.app-shell{grid-template-columns:var(--sidebar-w) 1fr}.dash-grid{grid-template-columns:1fr;padding:10px 10px 28px}.dash-right{grid-template-columns:1fr}.topbar{padding:0 12px;min-height:54px}.topbar-site{font-size:13px;padding:5px 9px}.metric-grid,.three-cols,.two-cols,.qr-card{grid-template-columns:1fr}.split,.panel-head,.settings-grid{align-items:stretch;flex-direction:column}}@media print{@page{size:A4 landscape;margin:10mm}@page portrait-page{size:A4 portrait;margin:18mm 20mm}.safety-policy-print{page:portrait-page!important}body:not(.qr-print-mode) .safety-policy-print{max-width:100%!important;margin:0!important;padding:0!important;box-shadow:none!important;border:0!important;min-height:261mm!important;display:flex!important;flex-direction:column!important}body:not(.qr-print-mode) .safety-policy-signature{margin-top:auto!important;padding-top:30px!important;padding-bottom:10px!important}body:not(.qr-print-mode) .safety-policy-print h1,body:not(.qr-print-mode) .safety-policy-print>div:first-child{font-size:24px!important;padding:12px 16px!important;margin-bottom:20px!important}body:not(.qr-print-mode) .safety-policy-print p{font-size:13px!important;line-height:1.8!important;margin:0 0 12px!important}body:not(.qr-print-mode) .safety-policy-print ol li{font-size:13px!important;padding:6px 0!important}html,body{background:#fff!important;margin:0!important;padding:0!important;height:auto!important;overflow:visible!important}body:not(.qr-print-mode)>*{display:none!important}body:not(.qr-print-mode) #root,body:not(.qr-print-mode) #root .app-shell,body:not(.qr-print-mode) #root .workspace,body:not(.qr-print-mode) #root .screen,body:not(.qr-print-mode) #root .risk-screen,body:not(.qr-print-mode) #root .risk-layout,body:not(.qr-print-mode) #root .risk-main{display:block!important;position:static!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;grid-template-columns:1fr!important}body:not(.qr-print-mode) .print-area{display:block!important;position:static!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important;border:0!important}body:not(.qr-print-mode) .print-area *{display:revert;visibility:visible}body:not(.qr-print-mode) .sidebar,body:not(.qr-print-mode) .topbar,body:not(.qr-print-mode) .modal-backdrop,body:not(.qr-print-mode) .section-title,body:not(.qr-print-mode) .button-row,body:not(.qr-print-mode) .risk-steps,body:not(.qr-print-mode) .risk-top-grid,body:not(.qr-print-mode) .risk-work-grid,body:not(.qr-print-mode) .panel:not(.print-area),body:not(.qr-print-mode) .empty-inline,body:not(.qr-print-mode) .status-line{display:none!important}body:not(.qr-print-mode) .risk-screen>*:not(.risk-layout):not(.print-area){display:none!important}body:not(.qr-print-mode) .risk-layout>*:not(.risk-main){display:none!important}body:not(.qr-print-mode) .risk-main>*:not(.print-area){display:none!important}body:not(.qr-print-mode) .no-print{display:none!important}body:not(.qr-print-mode) .print-area{display:block!important;visibility:visible!important;page-break-inside:avoid}body:not(.qr-print-mode) .print-area *{visibility:visible!important}body:not(.qr-print-mode) .print-area[style*=grid]{display:grid!important}body:not(.qr-print-mode) .print-area[style*="display: none"]{display:block!important}body:not(.qr-print-mode) .jsa-print-header{display:block!important}body:not(.qr-print-mode) .risk-screen .print-area [style*="repeat(5"]{grid-template-columns:repeat(5,1fr)!important;gap:6px!important}body:not(.qr-print-mode) .panel.print-area table td,body:not(.qr-print-mode) .panel.print-area table th{padding:4px 6px!important;font-size:10px!important}body:not(.qr-print-mode) .jra-risk-report{font-size:11px!important;line-height:1.4;page-break-after:auto}body:not(.qr-print-mode) .jra-risk-report h1{font-size:18px!important;margin:0!important}body:not(.qr-print-mode) .jra-risk-report h2{font-size:14px!important;margin:6px 0!important}body:not(.qr-print-mode) .jra-risk-report h3{font-size:12px!important;margin:8px 0 4px!important}body:not(.qr-print-mode) .jra-risk-report h4{font-size:11px!important;margin:6px 0 4px!important}body:not(.qr-print-mode) .jra-risk-report table{font-size:9.5px!important;page-break-inside:auto;width:100%!important}body:not(.qr-print-mode) .jra-risk-report table tr{page-break-inside:avoid}body:not(.qr-print-mode) .jra-risk-report img{max-height:75mm!important;width:auto!important;object-fit:contain;margin:0 auto;display:block}body:not(.qr-print-mode) .jra-photo-frame{min-height:80mm!important;padding:4px!important}body:not(.qr-print-mode) .jra-risk-report-summary{page-break-inside:avoid;font-size:10px!important}body:not(.qr-print-mode) .jra-overview-grid{page-break-inside:avoid}body:not(.qr-print-mode) .jra-overview-grid{grid-template-columns:1fr 1.3fr!important;gap:10px!important}body:not(.qr-print-mode) .print-area:last-child,body:not(.qr-print-mode) .jra-risk-report:last-child{page-break-after:avoid}body:not(.qr-print-mode) .jra-risk-report>*,body:not(.qr-print-mode) .jra-risk-report .panel{padding:6px!important;margin:4px 0!important}body:not(.qr-print-mode) .table-wrap,body:not(.qr-print-mode) .jra-risk-report .table-wrap{overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important}body:not(.qr-print-mode) .jra-risk-report table{min-width:0!important;width:100%!important;table-layout:auto;word-break:break-word}body:not(.qr-print-mode) .jra-risk-report table td,body:not(.qr-print-mode) .jra-risk-report table th{word-break:break-word;white-space:normal!important;padding:3px 4px!important}body:not(.qr-print-mode) ::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}body.qr-print-mode *{visibility:hidden!important}body.qr-print-mode .qr-print-area,body.qr-print-mode .qr-print-area *{visibility:visible!important}body.qr-print-mode .qr-print-area{display:block!important;position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;padding:10mm 14mm!important;background:#fff!important;z-index:9999!important;page-break-inside:avoid;break-inside:avoid}body.qr-print-mode .print-area,body.qr-print-mode .panel.result-report,body.qr-print-mode .tbm-print-sheet:not(.qr-print-area .tbm-print-sheet){display:none!important}body.qr-print-mode .qr-print-area .tbm-print-sheet{page-break-inside:avoid;break-inside:avoid}.tbm-print-sheet{width:190mm;margin:0 auto;padding:8mm;border:0;box-shadow:none}.tbm-print-sheet h1{font-size:17px!important;margin:0 0 6px!important}.tbm-print-sheet th,.tbm-print-sheet td{font-size:11px!important;padding:3.5px 6px!important;line-height:1.25!important}.tbm-print-sheet .blank-large{height:46px!important}.tbm-print-sheet .att-col-sign,.tbm-print-sheet .att-sign{height:28px!important}.tbm-page-break{page-break-after:always;break-after:always}.tbm-attendance-page,.tbm-evidence-page{page-break-before:always;break-before:always}.tbm-evidence-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6mm!important}.tbm-evidence-item img{height:95mm!important;object-fit:contain!important}.att-col-sign{height:40px}.att-footer{font-size:11px}.qr-sheet .qr-sheet-image{width:95mm;height:95mm}.qr-sheet .qr-sheet-header{margin-bottom:10mm;padding-bottom:4mm}.qr-sheet .qr-sheet-body{flex-direction:column;align-items:center;text-align:center;gap:8mm}.qr-sheet .qr-sheet-info{width:100%}.qr-sheet .qr-sheet-info h2{font-size:16px;text-align:center;margin-bottom:8mm}.qr-sheet .qr-sheet-table{font-size:12px}.qr-sheet .qr-sheet-guide{font-size:13px;text-align:center;margin-top:6mm}.qr-sheet .qr-sheet-url{text-align:center;font-size:9px}html body:not(.qr-print-mode) #root .panel.result-report{display:block!important;visibility:visible!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important}html body:not(.qr-print-mode) #root .panel.result-report>*:not(.print-area){display:none!important}html body:not(.qr-print-mode) #root .panel.result-report .print-area{display:block!important;visibility:visible!important}html body:not(.qr-print-mode) #root .panel.result-report .print-area .tbm-print-sheet{display:block!important;visibility:visible!important;page-break-after:always;break-after:page;border:1px solid #111827!important;width:auto!important;margin:0!important;padding:6mm!important}html body:not(.qr-print-mode) #root .panel.result-report .print-area .tbm-print-sheet:last-child{page-break-after:avoid;break-after:auto}html body:not(.qr-print-mode) #root .panel.result-report .print-area *{visibility:visible!important}}.status.closed{background:#374151;color:#fff}.btn-close-session{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:8px;border:1.5px solid #dc2626;background:#fff;color:#dc2626;font-size:.88rem;font-weight:700;cursor:pointer;margin-top:8px}.btn-close-session:hover{background:#fef2f2}.closed-notice{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;border-radius:8px;background:#f1f5f9;color:#374151;font-size:.82rem;font-weight:600}.reopen-btn{margin-left:auto;font-size:.78rem;padding:3px 10px;border-radius:6px;border:1.5px solid #94a3b8;background:#fff;color:#475569;cursor:pointer}.reopen-btn:hover{background:#e2e8f0}.closed-shell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:48px 24px;color:#374151}.closed-shell svg{color:#94a3b8}.closed-shell h2{margin:0;font-size:1.2rem;font-weight:700}.closed-shell p{margin:0;color:#6b7280;line-height:1.6}.closed-shell small{color:#9ca3af;font-size:.78rem}.modal-backdrop{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.modal-box{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;overflow:hidden}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb;gap:12px}.modal-header-info h3{margin:0 0 4px;font-size:1.05rem;font-weight:700;color:#111827}.modal-header-info p{margin:0;font-size:.82rem;color:#6b7280}.modal-close{background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px;line-height:1;flex-shrink:0}.modal-close:hover{color:#374151}.modal-body{overflow-y:auto;padding:20px 24px;flex:1;display:flex;flex-direction:column;gap:18px}.selfcheck-group-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 8px}.selfcheck-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;border:1px solid #e5e7eb;gap:12px;background:#fafafa}.selfcheck-item-label{flex:1}.selfcheck-item-label strong{display:block;font-size:.88rem;color:#111827;margin-bottom:2px}.selfcheck-item-label span{font-size:.78rem;color:#9ca3af}.selfcheck-badge-yes{font-size:.78rem;font-weight:600;color:#059669;background:#d1fae5;border-radius:6px;padding:3px 10px;flex-shrink:0}.selfcheck-badge-no{font-size:.78rem;font-weight:600;color:#dc2626;background:#fee2e2;border-radius:6px;padding:3px 10px;flex-shrink:0}.selfcheck-badge-na{font-size:.78rem;color:#9ca3af;background:#f3f4f6;border-radius:6px;padding:3px 10px;flex-shrink:0}.selfcheck-toggle{display:flex;gap:4px;flex-shrink:0}.selfcheck-toggle button{font-size:.78rem;font-weight:600;padding:4px 12px;border-radius:6px;border:1.5px solid #e5e7eb;cursor:pointer;background:#fff;color:#6b7280;transition:all .12s}.selfcheck-toggle button.active-yes{background:#d1fae5;border-color:#059669;color:#059669}.selfcheck-toggle button.active-no{background:#fee2e2;border-color:#dc2626;color:#dc2626}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.modal-footer button{font-size:.88rem;font-weight:600;padding:8px 20px;border-radius:8px;cursor:pointer;border:none}.btn-save{background:#0f766e;color:#fff}.btn-save:hover{background:#0d6460}.btn-cancel{background:#fff;color:#374151;border:1.5px solid #d1d5db!important}.btn-cancel:hover{background:#f3f4f6}.table-action-btn{font-size:.75rem;font-weight:600;padding:3px 9px;border-radius:5px;border:1.5px solid #d1d5db;cursor:pointer;background:#fff;color:#374151;white-space:nowrap}.table-action-btn:hover{background:#f3f4f6}.table-action-btn.edit{border-color:#0f766e;color:#0f766e}.table-action-btn.edit:hover{background:#f0fdfa}.table-action-cell{display:flex;gap:5px;align-items:center}.risk-screen{padding:20px 22px 36px}.risk-layout{display:grid;grid-template-columns:180px 1fr;gap:18px;margin-top:18px}.risk-steps{display:grid;gap:6px;align-content:start;position:sticky;top:80px;height:fit-content}.risk-step{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);border:1px solid transparent}.risk-step span{width:22px;height:22px;border-radius:50%;background:#e2e8f0;color:#64748b;display:grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0}.risk-step.done{color:var(--teal-dark)}.risk-step.done span{background:var(--teal);color:#fff}.risk-main{display:grid;gap:16px}.risk-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.risk-work-grid{display:grid;grid-template-columns:1fr 260px;gap:16px}.risk-side{display:grid;gap:16px;align-content:start}.risk-source{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;margin-top:10px}.risk-source img{width:90px;height:90px;object-fit:cover;border-radius:6px;flex-shrink:0}.risk-source strong,.risk-source span{display:block}.risk-source span,.risk-source p{color:var(--muted);font-size:13px}.risk-source p{margin:7px 0 0;line-height:1.5}.hazard-list{display:grid;gap:12px;margin-top:12px}.hazard-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fbfdff;padding:14px}.hazard-head,.jra-score-row,.risk-report-head,.jra-approval-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.jra-score-row{justify-content:flex-start;flex-wrap:wrap}.score-select{display:grid;gap:5px;min-width:170px;color:#334155;font-size:12px;font-weight:700}.score-select.compact{min-width:118px;margin-bottom:6px}.jra-risk-score,.jra-risk-badge{display:inline-flex;min-height:30px;align-items:center;justify-content:center;border-radius:999px;padding:0 11px;font-size:12px;font-weight:800;white-space:nowrap}.jra-risk-score{min-width:48px}.jra-risk-badge.low,.jra-risk-score.low,.jra-risk-matrix .low{background:#e0f2fe;color:#0369a1}.jra-risk-badge.medium,.jra-risk-score.medium,.jra-risk-matrix .medium{background:#dcfce7;color:#166534}.jra-risk-badge.high,.jra-risk-score.high,.jra-risk-matrix .high{background:#fef9c3;color:#854d0e}.jra-risk-badge.critical,.jra-risk-score.critical,.jra-risk-matrix .critical{background:#fee2e2;color:#b91c1c}.jra-risk-matrix{display:grid;gap:4px;font-size:12px}.jra-matrix-row{display:grid;grid-template-columns:72px repeat(5,1fr);gap:4px}.jra-matrix-row span{min-height:28px;display:grid;place-items:center;border-radius:4px;border:1px solid var(--line);font-weight:800}.jra-matrix-row.header span{background:#f1f5f9;color:#334155}.jra-control-hierarchy{margin:12px 0 0;padding-left:22px;color:#334155;line-height:1.8}.jsa-wrap table{min-width:1180px}.jsa-table th,.jsa-table td{vertical-align:top}.jsa-table textarea{min-height:78px;padding:8px;font-size:13px}.jsa-table input{height:34px;margin-bottom:6px}.jra-risk-report{margin-top:18px}.jra-risk-report-summary{display:grid;grid-template-columns:90px 1fr 90px 1fr;gap:6px 12px;margin:12px 0;font-size:12px}.jra-risk-report-summary dt{color:var(--muted);font-weight:800}.jra-risk-report-summary dd{margin:0}.jra-report-note{border:1px solid var(--line);border-radius:8px;padding:12px;background:#f8fafc;color:#334155;line-height:1.55}.jra-approval-line{margin-top:16px;border-top:1px solid var(--line);padding-top:14px;color:#334155;font-weight:800}@media(max-width:1100px){.risk-layout,.risk-top-grid,.risk-work-grid{grid-template-columns:1fr}.risk-steps{position:static;grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.jra-risk-report-summary{grid-template-columns:1fr}.jra-score-row,.jra-approval-line{align-items:stretch;flex-direction:column}.risk-source{display:block}.risk-source img{width:100%;height:auto;margin-bottom:10px}}