:root{--bg:#f7f7f5;--fg:#1d1d1f;--mut:#6b6b70;--acc:#0b5cad;--card:#fff;--bd:#e3e3e0;--pos:#0a7d32;--neg:#b42318;--warn:#a15c00}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg)}
header{background:#14213d;color:#fff;padding:12px 16px}header h1{margin:0;font-size:18px}header small{color:#cfd6e4}
nav{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;background:#fff;border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:5}
nav a{padding:6px 10px;border-radius:6px;color:var(--fg);text-decoration:none;font-size:14px}nav a.on,nav a:hover{background:#e8eef7;color:var(--acc)}
main{max-width:1150px;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:14px 16px;margin:0 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.kpi .v{font-size:24px;font-weight:650}.kpi .l{color:var(--mut);font-size:13px}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:6px 8px;border-bottom:1px solid var(--bd);text-align:left;vertical-align:top}
th{font-weight:600;color:var(--mut);font-size:12.5px;text-transform:uppercase;letter-spacing:.02em}
td.n,th.n{text-align:right;white-space:nowrap}.tw{overflow-x:auto}
.pos{color:var(--pos)}.neg{color:var(--neg)}.warn{color:var(--warn)}.mut{color:var(--mut)}small,.src{color:var(--mut);font-size:12px}
.tag{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;background:#eef1f5;margin:1px}
.tag.buy{background:#dcf5e3;color:#0a5d27}.tag.avoid{background:#fde2e1;color:#8a1c12}.tag.watch{background:#fff1d6;color:#7a4700}
h2{font-size:19px;margin:6px 0 12px}h3{font-size:16px;margin:14px 0 6px}a{color:var(--acc)}
.note{background:#fffbe8;border:1px solid #f1e3a6;border-radius:8px;padding:10px 12px;font-size:14px}
footer{color:var(--mut);font-size:12px;text-align:center;padding:24px}
@media(max-width:600px){main{padding:8px}.kpi .v{font-size:20px}th,td{padding:5px}.hm{display:none}.flt input,.flt select{width:100%}}
.flt{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}.flt input,.flt select{padding:6px;font-size:14px}.flt input{min-width:220px}
.pg button{margin:2px;padding:4px 9px;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer}.pg button.on{background:#234;color:#fff}