:root{--bg:#0f1115;--panel:#161922;--panel-2:#1c202c;--border:#262b39;--text:#e6e8ee;--muted:#8a93a6;--accent:#5fb0ff;--good:#5fcf86;--warn:#f5b862;--bad:#ef6b6b;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{max-width:1280px;margin:0 auto;padding:24px 24px 64px}.topbar{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--panel)}.topbar h1{margin:0;font-size:16px;font-weight:600}.topbar nav{display:flex;gap:18px;margin-left:32px}.topbar nav a{color:var(--muted);font-weight:500}.topbar nav a.active{color:var(--text)}.topbar .spacer{flex:1 1}.topbar .badge{font-family:var(--mono);font-size:12px;padding:4px 8px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.kpi{padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.kpi .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.kpi .value{font-size:28px;font-weight:600;margin-top:4px;font-feature-settings:"tnum"}.kpi .sub{color:var(--muted);font-size:12px;margin-top:4px;font-family:var(--mono)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:18px}.panel h2{margin:0 0 14px;font-size:14px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.bars{display:flex;flex-direction:column;gap:6px}.bar-row{display:grid;grid-template-columns:160px 1fr 60px;align-items:center;grid-gap:10px;gap:10px}.bar-row .label{color:var(--text);font-family:var(--mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row .track{height:8px;background:var(--panel-2);border-radius:4px;position:relative;overflow:hidden}.bar-row .fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:4px}.bar-row .count{color:var(--muted);font-family:var(--mono);font-size:12px;text-align:right}.filters{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.filters input,.filters select{background:var(--panel-2);color:var(--text);font-family:var(--mono);min-width:140px}.filters .clear,.filters input,.filters select{border:1px solid var(--border);padding:6px 10px;border-radius:6px;font-size:12px}.filters .clear{background:transparent;color:var(--muted);cursor:pointer}.filters .clear:hover{color:var(--text);border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:block}.card:hover{border-color:var(--accent);text-decoration:none}.card .thumb{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--panel-2);display:block}.card .meta{padding:10px 12px;font-size:12px}.card .meta .name{font-family:var(--mono);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .meta .sub{color:var(--muted);font-family:var(--mono);margin-top:4px}.card .meta .badges{display:flex;gap:6px;margin-top:6px}.card .badge{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--panel-2);color:var(--muted);border:1px solid var(--border)}.card .badge.good{color:var(--good);border-color:var(--good)}.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) 1fr;grid-gap:18px;gap:18px;align-items:start}@media (max-width:900px){.detail-layout{grid-template-columns:1fr}}.detail-image{background:#000;border:1px solid var(--border);border-radius:8px;width:100%;display:block}.kv{display:grid;grid-template-columns:140px 1fr;grid-gap:4px 12px;gap:4px 12px;font-family:var(--mono);font-size:12px}.kv dt{color:var(--muted)}.kv dd{margin:0;color:var(--text)}table.list{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12px}table.list td,table.list th{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border)}table.list th{color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em;font-size:11px}table.list tr:last-child td{border-bottom:none}.empty{padding:32px;text-align:center;color:var(--muted)}.btn{display:inline-block;padding:6px 12px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;font-size:12px;cursor:pointer}.btn:hover{border-color:var(--accent);text-decoration:none}