:root{--bg:#f4f6f8;--bg-strong:#edf1f5;--panel:#fff;--panel-soft:#f8fafc;--text:#18212f;--muted:#627086;--muted-2:#8792a4;--line:#dfe5ee;--line-strong:#c8d2df;--brand:#136f63;--brand-2:#1f5e9d;--brand-soft:#e7f4f1;--accent:#c4493d;--accent-soft:#fff0ef;--warn:#a46a00;--warn-soft:#fff6df;--ok:#1b7f4d;--ok-soft:#e7f6ee;--sidebar:#101722;--sidebar-line:#ffffff1f;--shadow-card:0 1px 2px #0f172a0d;--shadow-hover:0 16px 40px #0f172a1a;--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{background:var(--bg)}body{background:linear-gradient(180deg, #ffffffa3, #f4f6f800 340px), radial-gradient(circle at top right, #1f5e9d14, transparent 360px), var(--bg);color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-family:Arial,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--brand)}:focus-visible{outline-offset:2px;outline:3px solid #136f6338}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:13px 14px}th{background:var(--panel-soft);color:var(--muted);font-size:12px;font-weight:800}td{color:var(--text);font-size:14px}td:not(:first-child),th:not(:first-child){white-space:nowrap}td:first-child,th:first-child{min-width:140px;max-width:360px}tbody tr{transition:background .18s var(--ease-out), color .18s var(--ease-out)}tbody tr:hover{background:#f8fbfa}.shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, #136f6329, transparent 34%), var(--sidebar);color:#f8fafc;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--sidebar-line);margin-bottom:28px;padding:0 8px 22px}.brand-mark{align-items:center;gap:10px;display:inline-flex}.brand-mark:before{content:"";border:3px solid #58d4bf;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 5px #58d4bf1f}.brand strong{font-size:18px;line-height:1.25;display:block}.brand span{color:#aeb8c8;margin-top:8px;font-size:12px;line-height:1.5;display:block}.nav{gap:6px;display:grid}.nav a{color:#d8dee9;min-height:40px;transition:background .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out);border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:0 12px;font-size:14px;display:flex}.nav a:after{color:#758195;content:">";font-size:11px}.nav a:hover{border-color:var(--sidebar-line);color:#fff;background:#ffffff14;transform:translate(2px)}.sidebar-footer{border:1px solid var(--sidebar-line);color:#b6c0cf;background:#ffffff0d;border-radius:12px;margin-top:auto;padding:14px 12px;font-size:12px;line-height:1.6}.main{min-width:0}.topbar{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f6f8e6;border-bottom:1px solid #dfe5eedb;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;display:flex;position:sticky;top:0}.topbar-main{min-width:240px}.eyebrow{border:1px solid var(--line);min-height:24px;color:var(--brand);background:#ffffffc2;border-radius:999px;align-items:center;margin-bottom:8px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.topbar h1{letter-spacing:0;margin:0;font-size:24px;line-height:1.2}.topbar-meta{color:var(--muted);margin-top:6px;font-size:13px}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.export-group,.segmented,.filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.export-group{padding-left:2px}.segmented{border:1px solid var(--line);background:#ffffffb8;border-radius:14px;padding:4px}.segmented a,.button,.input,.select{border:1px solid var(--line);min-height:40px;color:var(--text);transition:background .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out);background:#fff;border-radius:10px;font-size:14px}.segmented a{min-width:48px;color:var(--muted);background:0 0;border-color:#0000;justify-content:center;align-items:center;padding:0 11px;display:inline-flex}.segmented a:hover{color:var(--brand);background:#fff}.segmented a.active{background:var(--brand-soft);color:var(--brand);border-color:#136f6347;font-weight:800}.button{cursor:pointer;justify-content:center;align-items:center;min-width:44px;padding:0 14px;font-weight:800;display:inline-flex}.button:hover{border-color:var(--line-strong);background:var(--panel-soft);color:var(--text);transform:translateY(-1px);box-shadow:0 8px 22px #0f172a14}.button:active{transform:translateY(0)scale(.98)}.button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.button.primary:hover{color:#fff;background:#0f5a51;border-color:#0f5a51}.input,.select{min-width:160px;padding:0 12px}.input::placeholder{color:var(--muted-2)}.input:focus,.select:focus{border-color:#136f63b3;box-shadow:0 0 0 4px #136f631f}.content{width:min(100%,1480px);margin:0 auto;padding:28px 28px 48px}.grid{gap:18px;display:grid}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.two-col{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:start}.dashboard-main-grid{grid-template-columns:minmax(0,1.8fr) minmax(390px,.8fr);align-items:stretch}.dashboard-main-grid>.card{height:100%}.dashboard-trend-card .card-body{flex-direction:column;height:100%;display:flex}.dashboard-trend-card .chart,.dashboard-trend-card .empty{flex:auto;min-height:480px}.raw-fields-card{overflow:visible}.card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-card);transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), transform .18s var(--ease-out);border-radius:14px;position:relative;overflow:hidden}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-hover);transform:translateY(-1px)}:is(.card:has(.table-wrap):hover,.card:has(.note):hover){transform:none}.card-body{padding:18px}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.card-title{margin:0;font-size:17px;line-height:1.35}.section-note{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.5}.kpi{min-height:136px}.kpi .card-body{flex-direction:column;height:100%;display:flex}.kpi-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.kpi-label{color:var(--muted);font-size:13px;font-weight:800}.kpi-indicator{background:var(--brand);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 5px #136f631f}.kpi-value{overflow-wrap:anywhere;margin-top:16px;font-size:32px;font-weight:900;line-height:1}.kpi-sub{color:var(--muted);margin-top:auto;padding-top:12px;font-size:12px;line-height:1.5}.table-wrap{border:1px solid var(--line);scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;background:#fff;border-radius:12px;overflow-x:auto}.table-wrap table{min-width:760px}.table-link{color:var(--brand-2);text-underline-offset:3px;font-weight:800;-webkit-text-decoration:underline #1f5e9d3d;text-decoration:underline #1f5e9d3d}.table-link:hover{color:var(--brand);text-decoration-color:#136f636b}.table-wrap::-webkit-scrollbar{height:10px}.table-wrap::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}.table-offset{margin-top:14px}.status{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status.success{background:var(--ok-soft);color:var(--ok);border-color:#1b7f4d33}.status.failed,.status.missing{background:var(--accent-soft);color:var(--accent);border-color:#c4493d33}.status.partial_success{background:var(--warn-soft);color:var(--warn);border-color:#a46a0038}.status.skipped{border-color:var(--line);background:var(--panel-soft);color:var(--muted)}.chart{width:100%;height:390px;display:block}.chart text{-webkit-user-select:none;user-select:none}.field-group{min-width:0}.field-group strong{min-height:24px;color:var(--text);align-items:center;font-size:14px;display:inline-flex}.field-list{flex-wrap:wrap;gap:8px;display:flex}.field-list.with-offset{margin-top:9px}.raw-field-preview{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid;position:relative;overflow:visible}.raw-field-preview.with-offset{margin-top:9px}.raw-field-visible{max-height:68px;overflow:hidden}.field-chip{border:1px solid var(--line);background:var(--panel-soft);max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;transition:background .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.field-chip:hover{background:var(--brand-soft);color:var(--brand);border-color:#136f6347}.field-overflow{flex:none;display:inline-flex;position:relative}.field-overflow-trigger{border:1px solid var(--line);background:var(--panel-soft);width:32px;height:30px;color:var(--muted);cursor:default;border-radius:999px;font-size:14px;font-weight:900;line-height:1}.field-overflow-trigger:hover,.field-overflow-trigger:focus-visible{background:var(--brand-soft);color:var(--brand);border-color:#136f6347}.field-overflow-panel{z-index:4;border:1px solid var(--line-strong);width:min(360px,70vw);box-shadow:var(--shadow-hover);opacity:0;pointer-events:none;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);background:#fff;border-radius:12px;flex-wrap:wrap;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.field-overflow:hover .field-overflow-panel,.field-overflow:focus-within .field-overflow-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.json-table td:first-child{color:var(--muted);font-weight:800}.content-summary{color:var(--muted);gap:10px;margin:0;font-size:14px;line-height:1.6;display:grid}.content-summary p{margin:0}.content-summary a{color:var(--brand-2);overflow-wrap:anywhere;text-underline-offset:3px;-webkit-text-decoration:underline #1f5e9d47;text-decoration:underline #1f5e9d47}.note{border:1px solid var(--line);background:var(--panel-soft);white-space:pre-wrap;border-radius:12px;margin-top:18px;padding:18px;line-height:1.8}.empty{color:var(--muted);text-align:center;padding:32px}@supports not selector(:has(*)){.card:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:1180px){.shell{grid-template-columns:224px minmax(0,1fr)}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.shell{display:block}.sidebar{height:auto;padding:18px;position:static}.brand{margin-bottom:16px}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.nav a:hover{transform:none}.sidebar-footer{margin-top:16px}.topbar{flex-direction:column;align-items:flex-start}.toolbar{justify-content:flex-start;width:100%}.two-col{grid-template-columns:1fr}.dashboard-main-grid{align-items:start}.dashboard-trend-card .chart,.dashboard-trend-card .empty{min-height:320px}}@media (max-width:640px){.content,.topbar{padding-left:14px;padding-right:14px}.content{padding-top:18px}.topbar h1{font-size:21px}.toolbar,.export-group,.filters,.segmented{width:100%}.segmented a,.button,.input,.select{flex:auto}.segmented a,.button{min-width:0}.input,.select{min-width:100%}.kpi-grid{grid-template-columns:1fr}.kpi-value{font-size:28px}.card-body{padding:15px}}