body{font-family:system-ui,sans-serif;margin:0;background:#0f1115;color:#e8e8e8}a{color:#7cc4ff}header{padding:24px;background:#151922;border-bottom:1px solid #263}
header h1{margin:0}main{max-width:1100px;margin:auto;padding:20px}.f{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}select,input{padding:8px;background:#1b2030;color:#eee;border:1px solid #334;border-radius:6px}
.g{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.c{background:#171c27;padding:14px;border-radius:10px;border:1px solid #263040}.c h3{margin:0 0 6px}
.b{display:inline-block;font-size:12px;padding:2px 8px;border-radius:9px;background:#24324a;margin:2px}.ok{background:#1f4d2e}.no{background:#5a3a1a}.nl{background:#1d2a20;padding:16px;border-radius:10px;margin:24px 0}nav a{margin-right:14px}