:root { --bg:#0b0b0b; --card:#121212; --txt:#f2f2f2; --muted:#bfbfbf; --line:#2a2a2a; --ok:#12b981; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:#0f0f10;color:var(--txt);}
a{color:inherit}
.wrap{max-width:900px;margin:0 auto;padding:18px;}
.top{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:10px 0 18px;}
.brand{display:flex;gap:12px;align-items:center;}
.brand img{width:56px;height:56px;object-fit:contain;border-radius:12px;background:#fff;}
.brand h1{font-size:20px;margin:0;line-height:1.15}
.brand small{display:block;color:var(--muted);font-weight:500}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:14px 0;}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:760px){.grid{grid-template-columns:1.2fr .8fr;}}
input,button,select{width:100%;padding:12px 12px;border-radius:12px;border:1px solid var(--line);background:#0b0b0b;color:var(--txt);font-size:16px;}
button{background:#ffffff;color:#000;border:none;font-weight:800;cursor:pointer;}
button.secondary{background:#1b1b1b;color:var(--txt);border:1px solid var(--line);font-weight:700;}
.row{display:flex;gap:10px;flex-wrap:wrap}
.row > *{flex:1}
.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-weight:700;}
.badge.ok{color:#000;background:var(--ok);border:none;}
.kpi{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.kpi .pill{padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#0b0b0b;}
.pill b{display:block;font-size:18px}
.muted{color:var(--muted)}
.hr{height:1px;background:var(--line);margin:12px 0}
.footer{color:var(--muted);font-size:13px;margin:22px 0 8px;text-align:center}