:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--accent: #3b82f6;--accent-hover: #2563eb;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--border: #475569}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}#app{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;padding:40px 20px;background:var(--bg-secondary);border-radius:12px;margin-bottom:40px}header h1{font-size:2.5rem;margin-bottom:10px}header p{color:var(--text-secondary);font-size:1.1rem}main{display:grid;grid-template-columns:1fr 1fr;gap:30px}section{background:var(--bg-secondary);padding:30px;border-radius:12px}h2{margin-bottom:20px;color:var(--accent)}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary)}input,select,textarea{width:100%;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}small{display:block;margin-top:5px;color:var(--text-secondary);font-size:.85rem}.btn-primary{width:100%;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.report-card{background:var(--bg-tertiary);padding:20px;border-radius:8px;margin-bottom:15px;border-left:4px solid var(--accent)}.report-card.severity-critical{border-left-color:var(--danger)}.report-card.severity-high{border-left-color:var(--warning)}.report-card.severity-medium{border-left-color:var(--success)}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.category-badge{display:inline-block;padding:4px 12px;background:var(--bg-primary);border-radius:20px;font-size:.85rem;font-weight:500}.severity-badge{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}.severity-critical{background:var(--danger);color:#fff}.severity-high{background:var(--warning);color:#fff}.severity-medium{background:var(--success);color:#fff}.severity-low{background:var(--border);color:#fff}.report-description{margin:15px 0;color:var(--text-secondary)}.report-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-top:10px}.report-image{max-width:100%;border-radius:8px;margin-top:10px}footer{text-align:center;margin-top:40px;padding:20px;color:var(--text-secondary);font-size:.9rem}.empty-state{text-align:center;padding:40px;color:var(--text-secondary)}@media (max-width: 768px){main{grid-template-columns:1fr}header h1{font-size:2rem}section{padding:20px}}