body, h1, h2, h3, p { margin:0; padding:0; font-family: 'Inter', sans-serif; }
body { background:#f4f6f9; color:#333; }
.header { text-align:center; padding:20px; background:#333; color:white; }
.header .logo { height:50px; margin-bottom:10px; }

.form-section { text-align:center; margin:20px 0; }
#site-url { width:300px; padding:10px; font-size:16px; border-radius:5px; border:1px solid #ccc; }
#analyze-btn { padding:10px 20px; background:#333; color:white; border:none; border-radius:5px; cursor:pointer; }

.progress-bar-container { width:80%; margin:10px auto; background:#e0e0e0; border-radius:5px; }
.progress-bar { width:0%; background:#00cc88; color:white; text-align:center; padding:3px 0; border-radius:5px; transition:width 0.3s; }

.tabs { display:flex; justify-content:center; margin-bottom:20px; }
.tab-btn { padding:10px 20px; margin:0 5px; cursor:pointer; border:none; border-radius:5px 5px 0 0; background:#e1e5ea; }
.tab-btn.active { background:#333; color:white; }

.tab-content { max-width:900px; margin:0 auto 20px auto; }
.card { background:white; padding:20px; margin-bottom:15px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.1); }
.plugin-list { list-style:none; padding:0; margin:0; }
.plugin-list li { display:flex; align-items:center; gap:10px; background:#f7f9fc; padding:8px 12px; border-radius:8px; margin-bottom:5px; }
.plugin-list img { width:32px; height:32px; object-fit:contain; border-radius:4px; }
.no-icon { font-size:20px; }

footer { text-align:center; margin:20px 0; }
#print-btn { padding:8px 15px; border:none; background:#333; color:white; border-radius:5px; cursor:pointer; }