:root{--bg:#0d1117;--panel:#151b24;--panel2:#1b2230;--tx:#dde4ee;--mut:#8b96a8;--acc:#e8b64c;--acc2:#4ea8ff;
--red:#ff5c5c;--org:#ff9f43;--yel:#ffd93d;--grn:#3ddc84;--blu:#4ea8ff;--brd:#262e3d;--r:10px}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font:15px/1.6 -apple-system,'Segoe UI',Roboto,Arial,sans-serif}
a{color:var(--acc2);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px 90px}
/* top bar */
.topbar{position:sticky;top:0;z-index:100;background:rgba(13,17,23,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--brd)}
.topbar .in{max-width:1180px;margin:0 auto;padding:10px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.brand{font-weight:800;color:#fff;font-size:15.5px;letter-spacing:.2px;white-space:nowrap}
.brand .dot{color:var(--acc)}
.menu{display:flex;gap:4px;flex-wrap:wrap}
.menu a{color:var(--mut);padding:5px 11px;border-radius:8px;font-size:13px;font-weight:600}
.menu a:hover{color:#fff;background:var(--panel2);text-decoration:none}
.menu a.act{color:var(--acc);background:rgba(232,182,76,.09)}
.backbtn{margin-left:auto;background:var(--panel2);border:1px solid var(--brd);color:var(--tx);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700;white-space:nowrap}
.backbtn:hover{border-color:var(--acc);color:var(--acc);text-decoration:none}
/* header hero */
.hero{padding:34px 0 8px}
.hero h1{font-size:26px;color:#fff;margin-bottom:8px;line-height:1.3}
.hero .sub{color:var(--mut);font-size:14px;max-width:900px}
.badges{margin-top:12px}
.badge{display:inline-block;background:var(--panel2);border:1px solid var(--brd);border-radius:20px;padding:3px 13px;margin:3px 5px 3px 0;font-size:12px;color:var(--acc);font-weight:600}
/* kpis */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:10px;margin:22px 0}
.kpi{background:var(--panel);border:1px solid var(--brd);border-radius:var(--r);padding:14px;text-align:center}
.kpi .v{font-size:23px;font-weight:800;color:#fff}
.kpi .l{font-size:11.5px;color:var(--mut);margin-top:3px;line-height:1.35}
.kpi.bad .v{color:var(--red)}.kpi.warn .v{color:var(--org)}.kpi.good .v{color:var(--grn)}
/* sections */
h2{color:#fff;font-size:20px;margin:44px 0 6px;padding-top:16px;border-top:1px solid var(--brd)}
h2 .n{color:var(--acc);margin-right:8px}
h3{color:var(--acc);font-size:15.5px;margin:22px 0 8px}
.lead{color:var(--mut);font-size:13.5px;margin-bottom:12px}
p{margin:9px 0}
ul,ol{margin:9px 0 9px 22px}li{margin:5px 0}
.panel{background:var(--panel);border:1px solid var(--brd);border-radius:var(--r);padding:16px 18px;margin:14px 0}
table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13.5px}
th{background:var(--panel2);color:#fff;text-align:left;padding:8px 10px;border:1px solid var(--brd);white-space:nowrap}
td{padding:7px 10px;border:1px solid var(--brd);vertical-align:top}
tr:nth-child(even) td{background:rgba(255,255,255,.014)}
code{background:var(--panel2);padding:1px 6px;border-radius:5px;font-size:12.5px;color:#a8d8ff;word-break:break-all}
.sev{display:inline-block;border-radius:5px;padding:1px 9px;font-size:11px;font-weight:800;letter-spacing:.3px;white-space:nowrap}
.sev.CRITICAL{background:#4d1010;color:#ff8a8a;border:1px solid #7a1f1f}
.sev.HIGH{background:#4d2c0e;color:#ffb367;border:1px solid #7a4a1a}
.sev.MEDIUM{background:#4d420e;color:#ffe066;border:1px solid #7a6a1f}
.sev.LOW{background:#123c52;color:#7cc4ff;border:1px solid #1f5a7a}
.sev.INFO{background:#2c3340;color:#aab6c8;border:1px solid #404a5c}
.sev.OK{background:#123c1e;color:#8ce99a;border:1px solid #1f7a3a}
.heb{direction:rtl;text-align:right;unicode-bidi:plaintext}
/* filter bar */
.controls{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 10px;align-items:center;position:sticky;top:52px;z-index:60;background:var(--bg);padding:10px 0;border-bottom:1px solid var(--brd)}
.controls input,.controls select{background:var(--panel2);color:var(--tx);border:1px solid var(--brd);border-radius:9px;padding:9px 13px;font-size:13.5px}
.controls input:focus,.controls select:focus{outline:none;border-color:var(--acc)}
.controls input{flex:1;min-width:240px}
.count{color:var(--mut);font-size:13px;margin-left:auto;font-weight:600}
/* page rows */
.rows{margin-top:14px;display:flex;flex-direction:column;gap:7px}
.row{display:grid;grid-template-columns:92px 150px 1fr 74px 62px 62px 46px;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--brd);border-radius:9px;padding:10px 14px;font-size:13px}
.row:hover{border-color:#3a4557;background:var(--panel2)}
.row .t{color:var(--mut);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.row .ti{font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .ti .heb{display:inline}
.row .u{color:var(--mut);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}
.row .num{text-align:center;color:var(--tx);font-weight:600}
.row a.open{color:var(--acc);font-weight:800;text-align:center;font-size:15px}
.rowhdr{display:grid;grid-template-columns:92px 150px 1fr 74px 62px 62px 46px;gap:10px;padding:4px 14px;font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.6px;font-weight:700}
.pager{display:flex;gap:7px;justify-content:center;margin:18px 0;flex-wrap:wrap}
.pager button{background:var(--panel2);border:1px solid var(--brd);color:var(--tx);border-radius:8px;padding:7px 13px;cursor:pointer;font-size:13px;font-weight:600}
.pager button:disabled{opacity:.3;cursor:default}
.pager button.cur{background:var(--acc);color:#111;border-color:var(--acc)}
/* detail page */
.dhead{padding:30px 0 6px}
.dhead .type{font-size:12px;color:var(--acc);font-weight:800;text-transform:uppercase;letter-spacing:1px}
.dhead h1{font-size:25px;color:#fff;margin:8px 0 10px;line-height:1.3}
.urlbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--panel);border:1px solid var(--brd);border-radius:9px;padding:10px 14px;margin:10px 0 4px}
.urlbar .live{word-break:break-all;font-size:13px;flex:1;min-width:260px}
.openlive{background:var(--acc2);color:#08111d;font-weight:800;border-radius:8px;padding:8px 16px;font-size:13px;white-space:nowrap}
.openlive:hover{filter:brightness(1.15);text-decoration:none}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:900px){.grid2{grid-template-columns:1fr}.row{grid-template-columns:84px 1fr 46px}.row .t,.rowhdr{display:none}.row .num.hidem{display:none}.rowhdr{display:none}.controls{top:88px}}
.card{background:var(--panel);border:1px solid var(--brd);border-radius:var(--r);padding:16px 18px;margin:14px 0}
.card h3{margin-top:0}
.kv{display:grid;grid-template-columns:170px 1fr;gap:5px 12px;font-size:13.5px}
.kv .k{color:var(--mut);font-weight:600}
.kv .v{color:var(--tx);word-break:break-word}
.pill{display:inline-block;background:var(--panel2);border:1px solid var(--brd);border-radius:6px;padding:1px 9px;margin:2px 3px 2px 0;font-size:12px}
.rec{display:flex;gap:12px;background:var(--panel);border:1px solid var(--brd);border-left:4px solid var(--brd);border-radius:9px;padding:13px 16px;margin:9px 0}
.rec.CRITICAL{border-left-color:var(--red)}.rec.HIGH{border-left-color:var(--org)}
.rec.MEDIUM{border-left-color:var(--yel)}.rec.LOW{border-left-color:var(--blu)}
.rec.INFO{border-left-color:#66788f}.rec.OK{border-left-color:var(--grn)}
.rec .sev{margin-top:2px;height:fit-content}
.rec .txt{font-size:13.8px;line-height:1.55}
.bar{height:7px;background:var(--panel2);border-radius:4px;overflow:hidden;margin-top:4px}
.bar i{display:block;height:100%;background:var(--acc2);border-radius:4px}
.prevnext{display:flex;justify-content:space-between;gap:12px;margin:30px 0 10px;flex-wrap:wrap}
.prevnext a{flex:1;min-width:240px;background:var(--panel);border:1px solid var(--brd);border-radius:9px;padding:12px 16px;font-size:13px}
.prevnext a:hover{border-color:var(--acc);text-decoration:none}
.prevnext .d{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:700}
.prevnext .t2{color:#fff;font-weight:600;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
footer{margin-top:60px;color:var(--mut);font-size:12.5px;border-top:1px solid var(--brd);padding-top:18px}
.dl{display:inline-block;background:var(--acc);color:#141005;font-weight:800;border-radius:9px;padding:10px 20px;font-size:13.5px;margin:6px 8px 6px 0}
.dl:hover{filter:brightness(1.1);text-decoration:none}
.anchorlist{font-size:12.5px;color:var(--mut)}
.anchorlist li{margin:3px 0}
.small{font-size:12px;color:var(--mut)}