:root{
  --ink:#12221d;--muted:#65756e;--line:#dbe7e0;--paper:#fff;--bg:#f1f6f3;
  --green:#06c755;--green-dark:#059a44;--deep:#073f43;--sea:#0c6c65;
  --blue:#1677d2;--orange:#d97706;--red:#c43c4b;--shadow:0 18px 60px rgba(9,61,51,.11);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 8% 0%,rgba(6,199,85,.11),transparent 28rem),var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;line-height:1.55}
button,a{font:inherit}
a{color:inherit}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;min-height:70px;padding:10px clamp(16px,3vw,38px);background:rgba(248,251,249,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(190,208,198,.8)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--green),var(--green-dark));color:white;font-size:22px;font-weight:900;box-shadow:0 8px 22px rgba(6,199,85,.25)}.brand strong,.brand small{display:block}.brand small{font-size:9px;letter-spacing:.13em;color:var(--muted)}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.source-chip{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #bddbd0;border-radius:999px;background:#edf8f2;color:#276553;font-size:12px;font-weight:800}.source-chip i{width:8px;height:8px;border-radius:50%;background:#8da49a}.source-chip.live i{background:var(--green);box-shadow:0 0 0 5px rgba(6,199,85,.12)}.source-chip.warn i{background:var(--orange)}
.button{border:1px solid #cadbd3;background:white;border-radius:11px;padding:9px 14px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 3px 12px rgba(22,63,55,.05)}.button:hover{transform:translateY(-1px)}.button.ghost{background:transparent;box-shadow:none}
.copy-link{border:1px solid var(--green);background:#fff;color:var(--green);border-radius:8px;padding:7px 10px;font:700 12px inherit;white-space:nowrap;cursor:pointer}.copy-link:hover{background:var(--green-soft)}
.tabs{position:sticky;top:70px;z-index:18;display:flex;gap:5px;padding:9px clamp(16px,3vw,38px);overflow:auto;background:rgba(241,246,243,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(190,208,198,.68)}.tab{flex:none;border:0;background:transparent;color:var(--muted);border-radius:10px;padding:9px 14px;font-weight:800;cursor:pointer}.tab.active{background:white;color:var(--green-dark);box-shadow:0 5px 18px rgba(15,70,60,.09)}
main{max-width:1400px;margin:auto;padding:26px clamp(16px,3vw,38px) 80px}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);gap:24px;padding:clamp(25px,4vw,46px);border-radius:28px;background:linear-gradient(125deg,#073d43 0%,#0c6d64 62%,#07964b 100%);color:white;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:300px;height:300px;right:-100px;bottom:-190px;border-radius:50%;border:48px solid rgba(255,255,255,.07)}.eyebrow{margin:0 0 12px;color:#baf2d2;font-size:11px;font-weight:900;letter-spacing:.14em}.hero h1{margin:0;font-size:clamp(30px,4.5vw,56px);line-height:1.09;letter-spacing:-.035em}.hero p:not(.eyebrow){max-width:780px;margin:16px 0 0;color:#daf1e8}.freshness{position:relative;z-index:1;align-self:end;padding:22px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.11);backdrop-filter:blur(8px)}.freshness span,.freshness small{display:block;color:#d2eee5;font-size:11px}.freshness strong{display:block;margin:4px 0;font-size:22px}
.notice{margin:18px 0 0;padding:13px 16px;border:1px solid #f0d39a;border-radius:13px;background:#fff8e7;color:#78551b;font-size:13px}.loading{margin:30px 0;padding:50px;text-align:center;border:1px dashed #bad0c6;border-radius:18px;color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0}.kpi{min-width:0;padding:18px;background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 7px 24px rgba(22,63,55,.05)}.kpi span{display:block;color:var(--muted);font-size:11px;font-weight:800}.kpi strong{display:block;margin:6px 0 2px;font-size:clamp(22px,2.4vw,34px);line-height:1.1}.kpi small{display:block;color:var(--muted);font-size:10px}.kpi .up{color:var(--green-dark)}.kpi .down{color:var(--red)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:28px 0 12px}.section-head h2{margin:0;font-size:20px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:12px}
.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:white;border:1px solid var(--line);border-radius:19px;padding:20px;box-shadow:0 7px 28px rgba(22,63,55,.045)}.card h3{margin:0 0 12px;font-size:15px}.muted{color:var(--muted);font-size:12px}
.chart{width:100%;min-height:250px}.chart svg{display:block;width:100%;height:250px}.axis{stroke:#dfe9e4;stroke-width:1}.line-reach{fill:none;stroke:var(--green);stroke-width:3}.line-block{fill:none;stroke:var(--red);stroke-width:2}.dot{fill:white;stroke-width:3}.legend{display:flex;gap:16px;margin-top:10px;color:var(--muted);font-size:11px}.legend i{display:inline-block;width:12px;height:3px;margin-right:5px;vertical-align:middle}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px}table{width:100%;min-width:680px;border-collapse:collapse;background:white}th,td{padding:12px 14px;border-bottom:1px solid #edf2ef;text-align:left;font-size:12px}th{position:sticky;top:0;background:#f7faf8;color:var(--muted);font-size:10px;letter-spacing:.03em}td.num,th.num{text-align:right}.bar{height:7px;border-radius:999px;background:#e8f1ec;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#57d98a)}
.action-list{display:grid;gap:10px}.action{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:15px;background:white}.priority{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff1cf;color:#7a5315;font-weight:900}.priority.s{background:#ffe7e9;color:#9b3440}.priority.a{background:#fff1cf;color:#7a5315}.action h3{margin:0;font-size:14px}.action p{margin:4px 0;color:var(--muted);font-size:12px}.action small{color:var(--green-dark);font-weight:800}.status{padding:4px 8px;border-radius:999px;background:#eef5f1;color:#52675e;font-size:10px;font-weight:800;white-space:nowrap}
.empty{padding:34px;text-align:center;border:1px dashed #bfd1c8;border-radius:15px;color:var(--muted)}.quality-list{display:grid;gap:9px}.quality{display:grid;grid-template-columns:180px 110px 1fr;gap:12px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line);font-size:12px}.quality b{color:var(--muted)}.quality .ok{color:var(--green-dark);font-weight:900}.quality .warn{color:var(--orange);font-weight:900}.definition{padding:14px;border-left:4px solid var(--blue);background:#eff7ff;border-radius:8px;color:#35536b;font-size:12px;line-height:1.75}
footer{padding:24px;text-align:center;color:var(--muted);font-size:10px}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.top-actions{width:100%;margin:0;overflow:auto}.source-chip{margin-right:auto}.tabs{position:static;padding:8px 12px}.hero{grid-template-columns:1fr;border-radius:21px;padding:25px 20px}.kpis{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.quality{grid-template-columns:1fr;gap:3px}.action{grid-template-columns:40px minmax(0,1fr)}.action .status{grid-column:2}.button{padding:8px 10px}}