* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #f8f9fa; color: #1a1a2e; }
header { background: #1a1a2e; color: #fff; padding: 2rem; text-align: center; }
header h1 { font-size: 1.8rem; margin-bottom: 0.5rem; }
header p { opacity: 0.8; }
main { max-width: 960px; margin: 2rem auto; padding: 0 1rem; }
.controls { display: flex; gap: 1rem; margin-bottom: 1.5rem; }
.controls input, .controls select { padding: 0.5rem 0.75rem; border: 1px solid #ddd; border-radius: 6px; font-size: 0.9rem; }
.controls input { flex: 1; }
.plugin-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; }
.plugin-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 1.25rem; transition: box-shadow 0.2s; }
.plugin-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.plugin-card h3 { font-size: 1.1rem; margin-bottom: 0.5rem; }
.plugin-card .meta { font-size: 0.8rem; color: #666; margin-bottom: 0.5rem; }
.plugin-card .description { font-size: 0.9rem; color: #444; margin-bottom: 0.75rem; }
.badge { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 600; }
.badge-managed { background: #d4edda; color: #155724; }
.badge-http { background: #cce5ff; color: #004085; }
.badge-oneclick { background: #e2e3ff; color: #3b3b8e; }
.badge-manual { background: #fff3cd; color: #856404; }
.empty { text-align: center; padding: 3rem; color: #888; }