:root { --maxw: 1200px; --bd: #e5e7eb; --muted:#6b7280; --bg:#ffffff; --bg2:#f9fafb; --fg:#111827; }
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; color:var(--fg); background:var(--bg); }
a{ color:inherit; }
.wrap{ max-width:var(--maxw); margin:0 auto; padding:18px; }
.topbar{ display:flex; gap:12px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--bd); padding:12px 0; }
.brand{ font-weight:700; font-size:18px; }
.meta{ color:var(--muted); font-size:13px; }
h1{ font-size:26px; margin:18px 0 8px; }
h2{ font-size:18px; margin:22px 0 10px; }
.card{ border:1px solid var(--bd); border-radius:12px; padding:14px; background:var(--bg); box-shadow:0 1px 1px rgba(0,0,0,.03); }
.grid{ display:grid; gap:12px; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); }
.kv{ display:flex; gap:10px; align-items:baseline; justify-content:space-between; }
.kv .k{ color:var(--muted); font-size:13px; }
.kv .v{ font-weight:600; font-size:13px; }
.breadcrumb{ color:var(--muted); font-size:13px; margin-top:2px; }
.searchrow{ display:flex; gap:10px; align-items:center; margin:12px 0 0; flex-wrap:wrap; }
input[type="search"]{ padding:10px 12px; border:1px solid var(--bd); border-radius:10px; width:min(520px, 100%); }
.small{ font-size:13px; color:var(--muted); }
.badge{ display:inline-block; padding:4px 8px; border:1px solid var(--bd); border-radius:999px; background:var(--bg2); font-size:12px; color:#374151; }
.actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
.btn{ display:inline-block; padding:10px 12px; border:1px solid var(--bd); border-radius:10px; background:var(--bg2); text-decoration:none; font-weight:600; font-size:13px; }
.btn:hover{ filter:brightness(0.98); }
table{ width:100%; border-collapse:separate; border-spacing:0; }
th,td{ border-bottom:1px solid var(--bd); padding:10px 10px; font-size:13px; vertical-align:top; }
th{ text-align:left; background:var(--bg2); position:sticky; top:0; z-index:2; }
tr:hover td{ background:#fcfcfd; }
td.mono{ font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }
.tablewrap{ overflow:auto; border:1px solid var(--bd); border-radius:12px; }
.footer{ margin:24px 0 8px; color:var(--muted); font-size:12px; border-top:1px solid var(--bd); padding-top:12px; }