:root{--bg:#f8fafc;--bg-accent:#eef6ff;--side:#eaf2ff;--card:#fff;--card-soft:#fbfdff;--text:#0f172a;--heading:#082f49;--muted:#64748b;--line:#dbe5f2;--line-strong:#cbd5e1;--blue:#1e40af;--blue-2:#2563eb;--green:#10b981;--red:#ef4444;--orange:#f59e0b;--purple:#8b5cf6;--cyan:#06b6d4;--shadow:0 16px 42px #0f172a12;--shadow-soft:0 8px 24px #0f172a0d;--radius-lg:18px;--radius-md:14px;--radius-sm:10px}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 10% 0%, #2563eb14, transparent 32rem), linear-gradient(180deg, #f8fbff 0%, var(--bg) 34rem);min-width:0;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8;box-shadow:0 0 0 4px #2563eb29}button{transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}button:hover{box-shadow:0 8px 18px #2563eb14}.filters button:hover,.actions-row button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}.app{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.side{background:linear-gradient(#eef6ff 0%,#e7f0ff 64%,#eaf2ff 100%);border-right:1px solid #d6e5fb;height:100vh;padding:20px 12px;position:sticky;top:0;box-shadow:inset -1px 0 #ffffffa6}.brand{align-items:center;gap:10px;margin-bottom:26px;padding:0 2px;display:flex}.brand b{color:#0f172a;letter-spacing:-.01em;display:block}.brand span,.page-head p,.metric span,small{color:var(--muted)}.logo{width:36px;height:36px;color:var(--blue-2);background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:13px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffe6}.side button{color:#334155;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:44px;margin:4px 0;padding:0 12px;display:flex}.side button:hover,.side button.active{color:#0b63ce;background:#dbeafeeb;border-color:#bfdbfe;font-weight:700;box-shadow:0 8px 18px #2563eb14}.collapse{color:#64748b;font-size:13px;position:absolute;bottom:18px}main{width:100%;min-width:0;padding:28px 28px 40px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.page-head p{margin:0 0 8px;font-size:14px}.page-head h1{letter-spacing:-.04em;color:var(--heading);margin:0;font-size:clamp(24px,2.2vw,32px);line-height:1.15}.page-head h1 span{letter-spacing:0;color:#64748b;vertical-align:middle;margin-left:10px;font-size:13px;font-weight:600;display:inline-flex}.filters,.card,.metric,.sample-banner{border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:var(--radius-lg);background:#fffffff0}.filters{margin-bottom:14px;padding:14px}.filter-row{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-items:end;gap:12px;display:grid}.filters label{color:#334155;gap:6px;min-width:0;font-size:12px;display:grid}.filters input,.filters select{border:1px solid var(--line);color:#334155;background:#fff;border-radius:10px;width:100%;min-width:0;height:38px;padding:0 11px}.filters label:first-child{grid-column:span 2}.filters button,.seg button,.tabs button,.actions-row button{border:1px solid var(--line);cursor:pointer;color:#334155;white-space:nowrap;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 13px;display:inline-flex}.filters button.primary,.seg button.active,.tabs button.active{background:linear-gradient(135deg, var(--blue-2), #1d4ed8);color:#fff;border-color:#1d4ed8;box-shadow:0 9px 18px #2563eb2e}.sample-banner{color:#991b1b;background:linear-gradient(135deg,#fff1f2,#fff7ed);border-color:#fecaca;align-items:center;gap:10px;margin-bottom:14px;padding:13px 15px;display:flex}.sample-banner svg{flex:none}.sample-banner span{color:#b91c1c}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:14px;display:grid}.metrics-grid.compact{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}.metric{justify-content:space-between;gap:12px;min-height:118px;padding:16px;display:flex;position:relative;overflow:hidden}.metric:before{content:"";background:var(--blue-2);opacity:.8;height:3px;position:absolute;inset:0 0 auto}.metric.green:before{background:var(--green)}.metric.red:before{background:var(--red)}.metric.orange:before{background:var(--orange)}.metric.purple:before{background:var(--purple)}.metric strong{letter-spacing:-.045em;white-space:nowrap;margin:9px 0 7px;font-size:clamp(24px,2.2vw,31px);line-height:1.05;display:block}.metric i{width:44px;height:44px;color:var(--blue-2);background:#eef6ff;border-radius:999px;flex:none;place-items:center;display:grid}.metric i svg{width:21px}.metric.green strong,.metric.green i{color:var(--green)}.metric.red strong,.metric.red i{color:var(--red)}.metric.orange strong,.metric.orange i{color:var(--orange)}.metric.purple strong,.metric.purple i{color:var(--purple)}.metric.blue strong,.metric.blue i{color:var(--blue-2)}.up{color:var(--green)}.down{color:var(--red)}.card{margin-bottom:14px;padding:16px}.card h2{color:#0f172a;letter-spacing:-.015em;margin:0 0 13px;font-size:16px}.card-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pill{color:#dc2626;background:#fee2e2;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.pill.p2{color:#b45309;background:#fef3c7}.pill.p3{color:#15803d;background:#dcfce7}.headline{color:#9a3412;background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;border-radius:13px;align-items:center;gap:9px;margin-bottom:12px;padding:12px 13px;font-weight:700;display:flex}.decision-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px;display:grid}.decision{background:#fff5f5;border:1px solid #fee2e2;border-radius:13px;min-height:126px;padding:13px}.decision span{color:#64748b;font-size:12px}.decision b{color:#dc2626;margin:8px 0;font-size:18px;line-height:1.25;display:block}.decision p{color:#475569;margin:0;font-size:12px;line-height:1.6}.decision.orange{background:#fff7ed;border-color:#fed7aa}.decision.orange b{color:#ea580c}.decision.blue{background:#eff6ff;border-color:#bfdbfe}.decision.blue b{color:#1d4ed8}.decision.purple{background:#f5f3ff;border-color:#ddd6fe}.decision.purple b{color:#7c3aed}.timeline-line{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;padding-top:8px;display:grid;position:relative}.timeline-line:before{content:"";background:#93c5fd;height:3px;position:absolute;top:19px;left:1%;right:1%}.event{z-index:1;min-width:0;position:relative}.dot{background:var(--red);border:3px solid #fff;border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 2px #fecaca}.event.action .dot,.event.watch .dot{background:var(--orange);box-shadow:0 0 0 2px #fed7aa}.event.watch .dot{background:var(--green);box-shadow:0 0 0 2px #bbf7d0}.event time{color:#334155;margin:5px 0;font-weight:700;display:block}.event article{border:1px solid var(--line);background:#fff;border-radius:13px;min-height:132px;padding:13px}.event article p{color:#475569;margin:8px 0;font-size:13px;line-height:1.52}.grid-3,.grid-2{align-items:stretch;gap:14px;display:grid}.grid-3{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.grid-2{grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr)}.span2{grid-column:auto}.tabs,.seg{flex-wrap:wrap;gap:7px;display:flex}.tabs button,.seg button{height:30px;min-height:30px;padding:0 10px;font-size:12px}.table-wrap{border:1px solid var(--line);border-radius:13px;max-height:620px;overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);white-space:nowrap;text-align:left;padding:11px 10px}th{z-index:1;color:#475569;background:#f8fafc;font-weight:700;position:sticky;top:0}td{color:#1f2937}tbody tr:hover{background:#f8fbff}tbody tr:last-child td{border-bottom:0}.insights{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:14px;display:grid}.insight,.action-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}.insight p,.action-card p{color:#475569;margin:8px 0;font-size:13px;line-height:1.55}.insight.danger{background:#fff1f2;border-color:#fecaca}.insight.warning{background:#fffbeb;border-color:#fde68a}.insight.success{background:#f0fdf4;border-color:#bbf7d0}.insight.info{background:#eff6ff;border-color:#bfdbfe}.actions-row{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.action-card{background:#fff7ed;border-color:#fed7aa}.action-card.a0,.action-card.a3{background:#fff1f2;border-color:#fecaca}.action-card.a4{background:#f0fdf4;border-color:#bbf7d0}.action-card button{color:#fff;background:#ef4444;border:0;justify-content:center;width:100%;margin-top:10px}.action-card.a4 button{background:#10b981}.boot{color:#0f172a;background:#f8fafc;place-items:center;min-height:100vh;font-size:22px;display:grid}.boot.error{color:#dc2626}@media (width<=1280px){main{padding:22px 18px 34px}.grid-3,.grid-2{grid-template-columns:1fr}.filters label:first-child{grid-column:span 1}}@media (width<=900px){.app{grid-template-columns:1fr}.side{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:auto;display:grid;position:relative}.brand{grid-column:1/-1;margin-bottom:4px}.side button{justify-content:flex-start;margin:0}.collapse{display:none}.page-head{align-items:flex-start}.page-head h1 span{margin:6px 0 0;display:block}}@media (width<=640px){main{padding:12px}.filters,.card,.metric{border-radius:14px}.filter-row,.metrics-grid,.metrics-grid.compact,.decision-grid,.timeline-line,.insights,.actions-row{grid-template-columns:1fr}.sample-banner{flex-wrap:wrap;align-items:flex-start}table,thead,tbody,tr,th,td{display:block}thead{display:none}tr{border-bottom:1px solid var(--line);padding:8px 0}td{white-space:normal;border:0;padding:6px 8px}.table-wrap{max-height:none}td:before{content:attr(data-label);color:var(--muted);margin-bottom:2px;font-size:12px;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.chart{width:100%;min-width:0}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.chart-grid .card{min-width:0}.chart-primary{grid-column:span 1}.error-overview{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.error-combo{grid-template-columns:repeat(2,minmax(0,1fr))}.card-title small{text-align:right;flex:none;max-width:45%;line-height:1.35}.error-detail-card{box-shadow:var(--shadow);border-color:#cbd5e1;margin-top:2px;margin-bottom:0}.wide-table table{min-width:1320px}.error-rank-table th:first-child,.error-rank-table td:first-child{z-index:2;box-shadow:1px 0 0 var(--line);background:#fff;position:sticky;left:0}.error-rank-table th:first-child{z-index:3;background:#f8fafc}.error-rank-table th:nth-child(3),.error-rank-table td:nth-child(3){color:#1d4ed8;font-weight:700}.error-rank-table th:last-child,.error-rank-table td:last-child{white-space:normal;min-width:150px}@media (width<=1180px){.chart-grid,.error-overview,.error-combo{grid-template-columns:1fr}.card-title small{max-width:none}}@media (width<=640px){.chart-grid{gap:12px}.card-title{flex-direction:column;align-items:flex-start;gap:4px}.card-title small{text-align:left}.wide-table table{min-width:0}.error-rank-table th:first-child,.error-rank-table td:first-child{box-shadow:none;position:static}.error-rank-table tr{border:1px solid var(--line);background:#fff;border-radius:13px;margin:0 0 10px;overflow:hidden;box-shadow:0 8px 18px #0f172a0a}.error-rank-table td{word-break:break-word;grid-template-columns:minmax(112px,42%) 1fr;align-items:start;gap:8px;padding:8px 10px;display:grid}.error-rank-table td:before{margin:0;font-weight:700}}.header-actions{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;font-size:13px;display:flex}.header-actions button{border:1px solid var(--line);cursor:pointer;color:#334155;white-space:nowrap;background:#fff;border-radius:11px;align-items:center;gap:6px;min-height:38px;padding:0 12px;display:inline-flex}.header-actions button.primary{background:linear-gradient(135deg, var(--blue-2), #1d4ed8);color:#fff;border-color:#1d4ed8;box-shadow:0 9px 18px #2563eb24}.filter-note{color:#475569;align-items:center;gap:7px;margin-bottom:12px;font-size:13px;display:flex}.mobile-menu-icon{color:#2563eb;margin-left:auto;display:none}@media (width<=900px){.page-head{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafceb;border-bottom:1px solid #dbe5f2cc;padding:10px 0;position:sticky;top:0}.header-actions{justify-content:flex-start;width:100%}.mobile-menu-icon{display:block}}@media (width<=640px){.header-actions span{flex-basis:100%}.header-actions button{flex:1;min-height:44px}.filter-note{align-items:flex-start;line-height:1.45}}.context-path{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 14px;font-size:12px;display:flex}.context-path .crumb{color:#1e40af;background:#fff;border:1px solid #dbeafe;border-radius:999px;min-height:28px;padding:0 10px}.context-path .crumb.current{color:#0f172a;background:#eff6ff;border-color:#93c5fd;font-weight:700}.cockpit-hero{box-shadow:var(--shadow);background:linear-gradient(#fffffffa,#eff6ffb8);border-color:#bfdbfe}.action-strip{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#fff7ed,#fff 56%);border:1px solid #fed7aa;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:12px;margin-bottom:14px;padding:14px;display:grid}.action-strip span{color:#9a3412;font-size:12px;font-weight:700;display:block}.action-strip b{color:#0f172a;margin:5px 0;display:block}.action-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.action-buttons button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;min-height:58px;padding:8px 10px}.action-buttons button b{margin:0 0 3px;font-size:13px}.action-buttons button small{font-size:11px;line-height:1.35}.action-buttons .danger{background:#fff1f2;border-color:#fecaca}.action-buttons .primary{background:#eff6ff;border-color:#bfdbfe}.action-buttons .warning{background:#fffbeb;border-color:#fde68a}.action-buttons .neutral{background:#f8fafc;border-color:#e2e8f0}.compact-kpi .metric{min-height:104px;padding:14px}.compact-kpi .metric strong{font-size:clamp(22px,1.9vw,28px)}.kline-card{box-shadow:var(--shadow);border-color:#bfdbfe}.event-focus-grid{grid-template-columns:1.3fr .8fr .9fr;gap:12px;display:grid}.event-focus-grid>div{border:1px solid var(--line);background:#fbfdff;border-radius:14px;padding:13px}.event-focus-grid span{color:var(--muted);font-size:12px}.event-focus-grid b{color:#0f172a;margin:7px 0;display:block}.event-focus-grid p{color:#475569;margin:0;font-size:13px;line-height:1.55}.mono-code{font-family:SFMono-Regular,Fira Code,Consolas,monospace;color:#1d4ed8!important}@media (width<=1180px){.action-strip,.event-focus-grid{grid-template-columns:1fr}.action-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.context-path{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.context-path .crumb{white-space:nowrap;min-height:32px}.action-buttons{grid-template-columns:1fr}.action-buttons button{min-height:52px}.kline-card .chart{min-width:680px}.kline-card{overflow-x:auto}.compact-kpi .metric{min-height:96px}}.action-buttons button[aria-disabled=true]{cursor:default}.action-buttons button[aria-disabled=true]:hover{transform:none}.context-path .sep{color:#94a3b8}.filters button[aria-disabled=true],.seg button[aria-disabled=true],.tabs button[aria-disabled=true],.action-card button[aria-disabled=true]{cursor:default}.filters button[aria-disabled=true]:hover,.seg button[aria-disabled=true]:hover,.tabs button[aria-disabled=true]:hover,.action-card button[aria-disabled=true]:hover{transform:none}