:root{--bg:#0b1220;--card:#0f1b33;--txt:#e9eefc;--muted:#aab7d6;--line:rgba(255,255,255,.12);--ok:#1db954;--warn:#ffcc00;--bad:#ff5c5c;}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; background:linear-gradient(180deg,#071022,#0b1220); color:var(--txt);}
.header{display:flex;gap:14px;align-items:center;padding:18px 18px 10px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,18,32,.92);backdrop-filter: blur(8px);z-index:5}
.header img{width:48px;height:48px}
.header h1{font-size:18px;margin:0}
.header .sub{font-size:12px;color:var(--muted)}
.actions{margin-left:auto;display:flex;gap:10px;align-items:center}
.btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--txt);padding:10px 12px;border-radius:10px;cursor:pointer;text-decoration:none;font-size:13px}
.btn:hover{background:rgba(255,255,255,.10)}
.container{max-width:1100px;margin:0 auto;padding:18px}
.card{background:rgba(15,27,51,.78);border:1px solid var(--line);border-radius:16px;padding:14px;margin:14px 0}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:900px){.grid{grid-template-columns:1fr}}
.kpi{padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04)}
.kpi .label{color:var(--muted);font-size:12px}
.kpi .value{font-size:18px;margin-top:6px}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.badge.ok{border-color:rgba(29,185,84,.55);color:#bff2cf}
.badge.bad{border-color:rgba(255,92,92,.55);color:#ffd2d2}
.badge.warn{border-color:rgba(255,204,0,.55);color:#fff2b3}
.table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;min-width:900px;background:rgba(0,0,0,.12)}
th,td{padding:10px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{position:sticky;top:0;background:rgba(11,18,32,.95);text-align:left;font-size:12px;color:var(--muted)}
td{font-size:12.5px}
td.num{text-align:right;font-variant-numeric: tabular-nums}
.note{color:var(--muted);font-size:12px;margin:8px 0 0}
.footer{color:var(--muted);font-size:12px;margin-top:18px;padding:8px 0 20px}
a{color:#b9d4ff}

@media print{
  body{background:#fff;color:#000}
  .header{position:static;background:#fff;color:#000;border-bottom:1px solid #ddd}
  .actions,.btn.print-hide{display:none !important}
  .card{background:#fff;border:1px solid #ddd}
  table{background:#fff}
  th{background:#f4f4f4;color:#000}
  a{color:#000;text-decoration:none}
}