:root{--bg:#fff;--panel:#fff;--line:#e8edf2;--text:#101828;--muted:#667085;--accent:#0f766e;--accent-soft:#d9f2ef}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Inter,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}.app{max-width:1100px;margin:0 auto;padding:24px;display:grid;grid-gap:16px;gap:16px}.header h1{margin:0;font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:700}.header p{margin:6px 0 0;color:var(--muted)}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.header-actions{display:inline-flex;align-items:center;gap:8px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.panel-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:10px}.panel-top h2{margin:0;font-size:1rem;font-weight:600;min-width:0;flex:1 1 auto}.chip{font-size:.78rem;padding:5px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700;max-width:100%;overflow-wrap:anywhere;white-space:normal;text-align:center}.graph-panel{padding-bottom:12px}.sensor-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.sensor-tab{border:1px solid #dbe4ee;background:#fff;color:var(--muted);border-radius:999px;font-size:.8rem;padding:6px 11px;cursor:pointer}.sensor-tab.active{border-color:#b7dcd7;color:var(--accent);background:#f4fbfa;font-weight:700}.sensor-tab:disabled{opacity:.45;cursor:not-allowed}.series-filters{display:grid;grid-gap:8px;gap:8px;margin-bottom:10px}.series-group{border:1px solid #e9eff5;border-radius:12px;padding:8px;background:#fcfeff}.triad-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.triad-cluster{border:1px solid #dbe4ee;background:#fff;border-radius:12px;padding:6px 8px;display:inline-flex;align-items:center;gap:8px}.triad-title-btn{border:1px solid #dbe4ee;background:#fff;font-size:.74rem;color:var(--muted);font-weight:700;border-radius:999px;padding:3px 8px;cursor:pointer}.triad-title-btn.active{border-color:#b7dcd7;color:var(--accent);background:#f4fbfa}.triad-title-btn.partial{border-color:#cfe3fb;color:#2563eb;background:#eff6ff}.triad-axes{gap:6px}.axis-pill,.triad-axes{display:inline-flex;align-items:center}.axis-pill{border:1px solid #dbe4ee;background:#fff;color:var(--muted);border-radius:999px;font-size:.74rem;padding:3px 8px;gap:5px;cursor:pointer}.axis-pill.active{border-color:#b7dcd7;color:var(--accent);background:#f4fbfa}.series-subfilters{display:flex;flex-wrap:wrap;gap:8px}.series-pill{border:1px solid #dbe4ee;background:#fff;color:var(--muted);border-radius:999px;font-size:.78rem;padding:5px 9px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.series-pill.active{border-color:#b7dcd7;color:var(--text);background:#f4fbfa}.chart-wrap{border:1px solid #f1f4f8;border-radius:12px;background:linear-gradient(180deg,#fff,#fbfdff);padding:8px 6px 0;cursor:crosshair}.timeline-controls{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.timeline-controls label{display:grid;grid-gap:4px;gap:4px;font-size:.76rem;color:var(--muted)}.timeline-controls input[type=datetime-local]{border:1px solid #dbe4ee;border-radius:8px;padding:6px 8px;font-size:.78rem;color:var(--text);background:#fff}.check-toggle{display:inline-flex!important;align-items:center;gap:7px;font-size:.8rem!important;color:var(--muted)}.timeline-strip{margin-top:10px;border:1px solid #e7eef5;border-radius:10px;padding:8px;background:#fbfdff}.timeline-foot,.timeline-head{display:flex;justify-content:space-between;gap:8px;font-size:.74rem;color:var(--muted)}.timeline-rail{margin:8px 0;position:relative;height:14px;border-radius:999px;background:linear-gradient(90deg,#eef3f8,#e5edf6);overflow:hidden;cursor:crosshair}.timeline-window{top:2px;bottom:2px;background:linear-gradient(90deg,#88d1c9,#0f766e)}.timeline-selection,.timeline-window{position:absolute;border-radius:999px}.timeline-selection{top:1px;bottom:1px;border:1px dashed #0f766e;background:rgba(15,118,110,.2);pointer-events:none}.chart-tip{border:1px solid #d9e2ec;background:#fff;border-radius:10px;padding:8px 10px;min-width:160px;box-shadow:0 6px 18px rgba(16,24,40,.08)}.chart-tip-title{font-size:.78rem;color:var(--muted);margin-bottom:6px}.chart-tip-row{display:flex;align-items:center;gap:7px;font-size:.78rem}.chart-tip-row strong{margin-left:auto}.dot-mini{width:9px;height:9px;border-radius:50%;display:inline-block}.has-tip{position:relative}.has-tip:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:#101828;color:#fff;border-radius:8px;padding:7px 9px;font-size:.72rem;line-height:1.25;min-width:170px;max-width:280px;white-space:normal;text-align:left;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:30;box-shadow:0 6px 18px rgba(16,24,40,.25)}.has-tip:focus-visible:after,.has-tip:hover:after{opacity:1}.controls{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr) minmax(150px,.5fr);grid-gap:16px;gap:16px;align-items:stretch}.controls>.panel{height:100%;min-width:0}.config-panel{display:grid;grid-gap:10px;gap:10px}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.config-grid label{display:grid;grid-gap:4px;gap:4px;font-size:.76rem;color:var(--muted)}.config-grid input{border:1px solid #dbe4ee;border-radius:8px;padding:7px 8px;font-size:.84rem;color:var(--text);background:#fff}.fan-card{padding-left:12px;padding-right:12px}.fan-control-card{justify-content:flex-start;padding:12px 10px;overflow:hidden;min-width:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.metric h2{margin:0 0 8px;font-size:.95rem}.status{margin:6px 0;color:var(--muted);font-size:.9rem}.status-health-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.health-item{border:1px solid #e8eef5;border-radius:10px;padding:8px;background:#fcfeff;display:flex;align-items:center;justify-content:space-between;gap:8px}.health-label{font-size:.76rem;color:var(--muted);font-weight:600}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.badge-online{color:#0f766e;background:#d9f2ef}.badge-offline{color:#b42318;background:#fee4e2}.badge-unknown{color:#6b7280;background:#eceff3}.detail-panel h2{margin:0 0 10px;font-size:1rem}.desc-table{width:100%;border-collapse:collapse;font-size:.86rem}.desc-table td,.desc-table th{border-bottom:1px solid #edf2f7;text-align:left;padding:9px 8px;vertical-align:top}.desc-table th{color:var(--muted);font-weight:600}.status-card{display:grid;grid-gap:6px;gap:6px}.fan-wrap{display:grid;place-items:center;min-height:0}.fan-core{position:relative;width:124px;height:124px}.fan-blades{position:absolute;inset:0;animation-name:spin;animation-timing-function:linear;animation-iteration-count:infinite}.blade{position:absolute;left:50%;top:50%;width:15px;height:48px;margin-left:-7.5px;margin-top:-48px;border-radius:16px;background:#e5eeed;transform-origin:50% 100%}.b1{transform:rotate(0deg)}.b2{transform:rotate(120deg)}.b3{transform:rotate(240deg)}.hub{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px #f1f6f6}.direction-arc-wrap{display:flex;justify-content:center}.fan-direction-svg{width:min(280px,100%);height:88px;display:block;margin-top:-14px}.fan-direction-circle{fill:none;stroke:#cbd5e1;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.fan-direction-marker{fill:var(--accent);filter:drop-shadow(0 1px 1px rgba(16,24,40,.18));transition:transform .28s linear}.meta{margin:0;font-size:.85rem;color:var(--muted);text-align:center}.fan-level-buttons{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;min-width:0}.fan-level-btn{border:1px solid #dbe4ee;border-radius:10px;background:#fff;color:var(--muted);font-weight:700;font-size:.78rem;padding:10px 6px;cursor:pointer}.fan-level-btn.active{border-color:#b7dcd7;background:#f4fbfa;color:var(--accent)}.fan-control-card .status{overflow-wrap:anywhere;word-break:break-word}.raw-incidents-panel{display:grid;grid-gap:12px;gap:12px}.raw-incidents-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.raw-column{border:1px solid #e9eff5;border-radius:12px;padding:10px;background:#fcfeff}.raw-column h3{margin:0 0 8px;font-size:.9rem}.raw-filters{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:8px}.raw-filters input,.raw-filters select{width:100%;border:1px solid #dbe4ee;border-radius:8px;padding:7px 8px;font-size:.78rem;color:#334155;background:#fff}.raw-filters input{grid-column:1/-1}.raw-table-wrap{border:1px solid #e9eff5;border-radius:12px;overflow:auto;background:#fff;max-height:320px}.raw-requests-table{width:100%;border-collapse:collapse;font-size:.76rem}.raw-requests-table td,.raw-requests-table th{border-bottom:1px solid #edf2f7;text-align:left;padding:8px;white-space:nowrap}.raw-requests-table th{color:var(--muted);font-weight:600;background:#fcfeff}.raw-requests-table tbody tr{cursor:pointer}.raw-requests-table tbody tr:hover{background:#f8fbff}.request-row-active{background:#eef6ff}.incident-list,.raw-list{display:grid;grid-gap:8px;gap:8px;max-height:290px;overflow:auto;padding-right:4px}.incident-item,.raw-item{border:1px solid #dfe8f1;border-radius:10px;background:#fff;padding:8px;display:grid;grid-gap:6px;gap:6px}.raw-item.active{border-color:#b7dcd7;box-shadow:inset 0 0 0 1px #e2f5f2}.raw-select-btn{border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.incident-id,.raw-job-id{font-size:.77rem;font-weight:700;color:#0f172a}.incident-meta,.raw-job-meta{margin:0;font-size:.76rem;color:var(--muted)}.raw-actions{display:flex;justify-content:flex-end}.raw-actions-wrap{gap:8px;flex-wrap:wrap}.incident-severity,.raw-status{font-size:.69rem;font-weight:700;border-radius:999px;padding:3px 8px}.raw-status-requested{color:#6b7280;background:#f3f4f6}.raw-status-accepted{color:#334155;background:#e2e8f0}.raw-status-in_progress{color:#1d4ed8;background:#dbeafe}.raw-status-completed{color:#0f766e;background:#d9f2ef}.raw-status-analyzed{color:#0f766e;background:#c8f3ee}.raw-status-empty,.raw-status-error{color:#b42318;background:#fee4e2}.incident-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.incident-title{margin:0;font-size:.84rem;font-weight:600;color:#0f172a}.severity-medium{color:#9a3412;background:#ffedd5}.severity-high{color:#b42318;background:#fee4e2}.raw-detail{border:1px solid #e9eff5;border-radius:12px;padding:10px;background:#fff;display:grid;grid-gap:10px;gap:10px}.raw-detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.raw-detail-head h3{margin:0;font-size:.92rem}.raw-preview-wrap{border:1px solid #eef2f6;border-radius:10px;overflow:auto}.raw-preview-panel{display:grid;grid-gap:8px;gap:8px}.raw-sample-table{width:100%;border-collapse:collapse;font-size:.75rem}.raw-sample-table td,.raw-sample-table th{border-bottom:1px solid #edf2f7;padding:6px 7px;text-align:left;white-space:nowrap}.raw-sample-table tbody tr{cursor:pointer}.raw-sample-table tbody tr:hover{background:#f8fbff}.sample-row-active{background:#eef6ff}.raw-sample-table th{color:var(--muted);font-weight:600}.prediction-box{border:1px solid #e8eef5;border-radius:10px;background:#fcfeff;padding:9px;display:grid;grid-gap:5px;gap:5px}.prediction-box h4{margin:0;font-size:.83rem}.prediction-line{margin:0;font-size:.8rem;color:#334155}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:860px){.controls{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.raw-incidents-grid,.status-health-grid{grid-template-columns:1fr}}@media (max-width:640px){.app{padding:14px}.config-grid,.metrics{grid-template-columns:1fr}}