:root { --bg:#0e1117; --card:#161b22; --text:#e6edf3; --muted:#8b949e; --line:#30363d; --accent:#58a6ff; --bad:#ff7b72; --good:#3fb950; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,sans-serif; }
header { display:flex; align-items:center; justify-content:space-between; padding:24px 32px; border-bottom:1px solid var(--line); background:#010409; position:sticky; top:0; z-index:5; }
h1 { margin:0; font-size:28px; }
p { color:var(--muted); }
main { padding:24px; max-width:1500px; margin:0 auto; }
.card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px; margin:0 0 18px 0; box-shadow:0 10px 30px rgba(0,0,0,.15); }
.card h2 { margin:0 0 14px 0; font-size:20px; }
.grid { display:grid; gap:12px; }
.stats-grid { grid-template-columns: repeat(auto-fit, minmax(170px,1fr)); }
.stat { padding:12px; background:#0d1117; border:1px solid var(--line); border-radius:12px; }
.stat b { display:block; font-size:24px; color:var(--accent); }
.form-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(230px,1fr)); gap:12px; align-items:end; }
label { display:flex; flex-direction:column; gap:6px; color:var(--muted); font-size:13px; }
input, select, textarea { width:100%; background:#0d1117; color:var(--text); border:1px solid var(--line); border-radius:10px; padding:10px; font:inherit; }
textarea { resize:vertical; }
button { background:var(--accent); color:#07111f; border:0; border-radius:10px; padding:10px 14px; font-weight:700; cursor:pointer; }
button:hover { filter:brightness(1.1); }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.table-wrap { overflow:auto; max-height:620px; border:1px solid var(--line); border-radius:12px; }
table { width:100%; border-collapse:collapse; font-size:13px; }
th, td { border-bottom:1px solid var(--line); padding:9px 10px; vertical-align:top; }
th { position:sticky; top:0; background:#0d1117; z-index:1; text-align:left; }
a { color:var(--accent); }
.muted { color:var(--muted); }
.id-link { color:var(--accent); cursor:pointer; text-decoration:underline; }
pre { white-space:pre-wrap; word-break:break-word; max-height:650px; overflow:auto; background:#0d1117; border:1px solid var(--line); border-radius:12px; padding:12px; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.tag { display:inline-block; border:1px solid var(--line); color:var(--muted); border-radius:999px; padding:2px 7px; margin:2px; }
@media (max-width:900px){ header{padding:16px; align-items:flex-start; gap:12px; flex-direction:column;} main{padding:12px;} .split{grid-template-columns:1fr;} }