.main{position:relative}.coming-soon-layer{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(241,245,249,.83);backdrop-filter:blur(2px)}.coming-soon-card{width:min(440px,100%);padding:34px 30px;background:#fff;border:1px solid #bfdbfe;border-radius:14px;box-shadow:0 20px 46px rgba(15,23,42,.2);text-align:center}.coming-soon-card span{display:block;color:#2563eb;font-size:12px;font-weight:800}.coming-soon-card strong{display:block;margin-top:10px;color:#0f172a;font-size:27px;letter-spacing:-.04em}.coming-soon-card p{margin:13px 0 0;color:#475569;font-size:13px;line-height:1.65}:root{--blue:#2563eb;--green:#16a34a;--red:#dc2626;--orange:#f97316;--purple:#8b5cf6}.notice{display:flex;align-items:center;gap:8px;background:#eef5ff;color:#27548e;border:1px solid #cfe0fb;border-radius:9px;padding:10px 13px;margin-bottom:18px;font-size:12px}.notice b{font-size:13px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.025)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.kpi{padding:17px}.kpi .label{font-size:12px;color:var(--muted);margin-bottom:7px}.kpi .value{font-size:25px;font-weight:800;letter-spacing:-.04em}.kpi .sub{font-size:11px;color:var(--muted);margin-top:5px}.response-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.85fr);gap:16px;margin-bottom:16px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:17px 18px 10px}.panel-head h2{font-size:15px;margin:0 0 4px}.panel-head span{font-size:11px;color:var(--muted);line-height:1.35}.episode-list{padding:0 14px 14px}.episode-card{display:grid;grid-template-columns:6px minmax(0,1fr) auto;gap:13px;padding:15px 12px;border:1px solid #e5edf5;border-radius:10px;margin-top:9px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.episode-card:first-child{margin-top:0}.episode-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,23,42,.08)}.episode-card.selected{outline:3px solid #bfdbfe;outline-offset:1px}.episode-line{border-radius:5px;background:#f97316}.episode-card.thin .episode-line{background:#8b5cf6}.episode-card.thick .episode-line{background:#f97316}.episode-card.has-defect .episode-line{background:#dc2626}.episode-main{min-width:0}.episode-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.episode-title{font-size:14px;font-weight:800}.severity{border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}.has-defect .severity{background:#fee2e2;color:#b91c1c}.episode-card:not(.has-defect) .severity{background:#ffedd5;color:#c2410c}.episode-info{display:flex;gap:11px;flex-wrap:wrap;margin-top:8px;color:#475569;font-size:11px}.episode-info b{color:#1e293b}.episode-check{margin-top:7px;color:#64748b;font-size:11px;line-height:1.45}.response-badge{align-self:start;border-radius:999px;padding:5px 8px;white-space:nowrap;font-size:10px;font-weight:800}.state-waiting{background:#fee2e2;color:#b91c1c}.state-inspecting{background:#dbeafe;color:#1d4ed8}.state-recovered{background:#dcfce7;color:#15803d}.state-completed{background:#e0f2fe;color:#0369a1}.detail-content{padding:0 18px 18px}.detail-empty{padding:25px 0;color:#64748b;font-size:12px}.detail-state{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:9px;padding:12px;margin-bottom:13px}.detail-state.thick{background:#fff7ed;border:1px solid #fed7aa}.detail-state.thin{background:#faf5ff;border:1px solid #ddd6fe}.detail-state b{font-size:14px}.detail-state span{font-size:11px;color:#64748b}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-item{background:#f8fafc;border-radius:8px;padding:10px}.detail-item span{display:block;color:#64748b;font-size:10px;margin-bottom:4px}.detail-item b{font-size:12px}.point-title{font-size:12px;font-weight:800;margin:15px 0 7px}.point-list{margin:0;padding:0;list-style:none}.point-list li{display:flex;gap:7px;align-items:flex-start;padding:8px 0;border-top:1px solid #edf1f6;color:#475569;font-size:11px;line-height:1.45}.point-list em{color:#b45309;font-style:normal;font-weight:800;white-space:nowrap}.action-box{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.action-button{border:0;border-radius:7px;background:#2563eb;color:#fff;font:inherit;font-size:12px;font-weight:800;padding:9px 11px;cursor:pointer}.action-button.secondary{background:#e9effb;color:#1d4ed8}.timeline-panel{padding-bottom:18px}.timeline-scale{display:flex;justify-content:space-between;padding:0 20px;color:#94a3b8;font-size:10px}.timeline{position:relative;height:110px;margin:5px 20px 0;border-top:2px solid #dbe4ef}.timeline-event{position:absolute;top:18px;min-width:82px;max-width:calc(100% - 2px);border:0;background:transparent;text-align:left;padding:0;cursor:pointer}.timeline-event::before{content:'';position:absolute;top:-25px;left:0;width:10px;height:10px;border-radius:100%;background:#f97316;box-shadow:0 0 0 4px #ffedd5}.timeline-event.thin::before{background:#8b5cf6;box-shadow:0 0 0 4px #f3e8ff}.timeline-event.has-defect::before{background:#dc2626;box-shadow:0 0 0 4px #fee2e2}.timeline-event span{display:block;font-size:11px;font-weight:800}.timeline-event small{display:block;color:#64748b;font-size:10px;margin-top:3px;white-space:nowrap}.timeline-event.active span{text-decoration:underline;text-underline-offset:3px}.footer{color:#94a3b8;font-size:11px;padding-top:18px;text-align:right}@media(max-width:1100px){.response-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.content{padding:22px 16px}.kpis{gap:10px}.kpi{padding:14px}.kpi .value{font-size:21px}.episode-card{grid-template-columns:5px minmax(0,1fr)}.episode-card .response-badge{grid-column:2}.detail-grid{grid-template-columns:1fr 1fr}.timeline{margin-left:14px;margin-right:14px}.timeline-event{min-width:64px}.timeline-event span{font-size:10px}.timeline-event small{font-size:9px}}