:root{--color-brand: #4f46e5;--color-brand-hover: #4338ca;--color-brand-light: #eef2ff;--color-brand-text: #3730a3;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-hover:#f1f5f9;--color-surface-accent:#eef2ff;--color-border: #e2e8f0;--color-border-focus: #6366f1;--color-text: #1e293b;--color-text-secondary:#475569;--color-text-muted: #94a3b8;--color-critical: #dc2626;--color-critical-bg: #fef2f2;--color-critical-border:#fecaca;--color-serious: #c2410c;--color-serious-bg: #fff7ed;--color-serious-border:#fed7aa;--color-moderate: #a16207;--color-moderate-bg: #fefce8;--color-moderate-border:#fde68a;--color-minor: #15803d;--color-minor-bg: #f0fdf4;--color-minor-border: #bbf7d0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full:9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.08), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.05);--transition: .15s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;color:var(--color-text);background-color:var(--color-bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}h1,h2,h3,h4{margin:0;line-height:1.3;font-weight:700}p{margin:0}ul,ol{margin:0;padding:0}a{color:var(--color-brand);text-decoration:none}a:hover{text-decoration:underline}code{font-family:Fira Code,Cascadia Code,Consolas,monospace}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-100%;left:1rem;padding:.5rem 1rem;background:var(--color-brand);color:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);font-weight:600;z-index:100;transition:top var(--transition)}.skip-link:focus{top:0;text-decoration:none}.layout{display:flex;flex-direction:column;min-height:100vh}.layout__main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.5rem 4rem}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.site-header__inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.site-header__brand{display:flex;align-items:center;gap:.625rem;text-decoration:none}.site-header__logo{width:32px;height:32px;background:var(--color-brand);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.875rem;letter-spacing:-.02em;flex-shrink:0}.site-header__name{font-weight:700;font-size:1.0625rem;color:var(--color-text);letter-spacing:-.02em}.site-header__name span{color:var(--color-brand)}.site-header__nav ul{display:flex;align-items:center;gap:.25rem;list-style:none}.nav-link{display:block;padding:.375rem .875rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:background var(--transition),color var(--transition);text-decoration:none}.nav-link:hover{background:var(--color-surface-hover);color:var(--color-text);text-decoration:none}.nav-link.active{background:var(--color-brand-light);color:var(--color-brand-text);font-weight:600}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.page-heading{margin-bottom:1.75rem}.page-heading h2{font-size:1.5rem;color:var(--color-text)}.page-heading p{margin-top:.375rem;font-size:.875rem;color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.125rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);line-height:1.4}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-brand);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-brand-hover);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn--ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent;padding:.375rem .75rem;font-size:.875rem}.btn--ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group+.form-group{margin-top:1rem}.form-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.form-input,.form-select{padding:.5625rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;font-family:inherit;color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6366f126}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:2rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.25em}.badge{display:inline-flex;align-items:center;gap:.3125rem;padding:.1875rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.01em;white-space:nowrap}.badge--critical{background:var(--color-critical-bg);color:var(--color-critical);border:1px solid var(--color-critical-border)}.badge--serious{background:var(--color-serious-bg);color:var(--color-serious);border:1px solid var(--color-serious-border)}.badge--moderate{background:var(--color-moderate-bg);color:var(--color-moderate);border:1px solid var(--color-moderate-border)}.badge--minor{background:var(--color-minor-bg);color:var(--color-minor);border:1px solid var(--color-minor-border)}.badge--neutral{background:var(--color-surface-hover);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge--brand{background:var(--color-brand-light);color:var(--color-brand-text);border:1px solid #c7d2fe}.stat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin-bottom:1.5rem}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:box-shadow var(--transition),border-color var(--transition);text-align:center}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card.active{background:var(--color-brand-light);border-color:var(--color-brand)}.stat-card--critical{border-top-color:var(--color-critical)}.stat-card--serious{border-top-color:var(--color-serious)}.stat-card--moderate{border-top-color:var(--color-moderate)}.stat-card--minor{border-top-color:var(--color-minor)}.stat-card--total{border-top-color:#64748b}.stat-card__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.stat-card__value{font-size:1.75rem;font-weight:800;line-height:1.2;margin-top:.25rem;color:var(--color-text)}.filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1.25rem;box-shadow:var(--shadow-sm)}.filter-bar__group{display:flex;flex-direction:column;gap:.25rem;min-width:140px}.filter-bar__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.filter-bar__select{padding:.4375rem 2rem .4375rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;color:var(--color-text);background:var(--color-surface);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.1em;transition:border-color var(--transition),box-shadow var(--transition)}.filter-bar__select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6366f126}.filter-bar__reset{align-self:flex-end;margin-left:auto}.violation-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:1.25rem}.violation-table{width:100%;border-collapse:collapse;font-size:.875rem}.violation-table thead tr{background:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}.violation-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);white-space:nowrap}.violation-table th:first-child{width:2.5rem}.violation-table tbody tr.data-row{border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition)}.violation-table tbody tr.data-row:hover{background:var(--color-surface-hover)}.violation-table tbody tr.data-row.expanded{background:var(--color-surface-accent);border-bottom:none}.violation-table tbody tr.data-row:last-child{border-bottom:none}.violation-table td{padding:.75rem 1rem;vertical-align:middle;color:var(--color-text)}.violation-table td.selector-cell code{font-size:.75rem;color:var(--color-text-secondary);background:var(--color-surface-hover);padding:.125rem .375rem;border-radius:var(--radius-sm);word-break:break-all}.violation-table td.description-cell{max-width:300px}.expand-btn{display:flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;color:var(--color-text-secondary);font-size:.6875rem;transition:background var(--transition),border-color var(--transition),transform var(--transition);flex-shrink:0}.expand-btn:hover{background:var(--color-surface-hover);border-color:var(--color-brand);color:var(--color-brand)}.expand-btn.open{background:var(--color-brand-light);border-color:var(--color-brand);color:var(--color-brand);transform:rotate(90deg)}.detail-row td{padding:0;background:var(--color-surface-accent);border-bottom:1px solid var(--color-border)}.detail-panel{padding:1.25rem 1rem 1.25rem 3rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem}@media (max-width: 720px){.detail-panel{grid-template-columns:1fr}}.detail-panel__field{display:flex;flex-direction:column;gap:.3125rem}.detail-panel__field.full-width{grid-column:1 / -1}.detail-panel__label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.detail-panel__value{font-size:.875rem;color:var(--color-text)}.detail-panel__value code{display:block;font-size:.8125rem;background:#1e293b;color:#e2e8f0;padding:.625rem .875rem;border-radius:var(--radius-md);word-break:break-all;line-height:1.6}.detail-panel__value .code-diff{display:grid;gap:.5rem}.code-diff__label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}.code-diff__before{color:#94a3b8}.code-diff__after{color:#86efac}.detail-panel__loading{font-size:.875rem;color:var(--color-text-muted);font-style:italic}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.875rem 0}.pagination__info{font-size:.875rem;color:var(--color-text-secondary)}.pagination__controls{display:flex;align-items:center;gap:.5rem}.alert{padding:.875rem 1rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1rem}.alert--error{background:var(--color-critical-bg);color:var(--color-critical);border:1px solid var(--color-critical-border)}.alert--info{background:var(--color-brand-light);color:var(--color-brand-text);border:1px solid #c7d2fe}.alert--success{background:var(--color-minor-bg);color:var(--color-minor);border:1px solid var(--color-minor-border)}.scanning-banner{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:var(--color-brand-light);border:1px solid #c7d2fe;border-radius:var(--radius-md);font-size:.875rem;color:var(--color-brand-text);margin-bottom:1.25rem;font-weight:500}.scanning-banner__dot{width:8px;height:8px;background:var(--color-brand);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.empty-state{text-align:center;padding:3.5rem 2rem;color:var(--color-text-secondary)}.empty-state__icon{font-size:2.5rem;margin-bottom:.75rem}.empty-state h3{font-size:1.125rem;color:var(--color-text);margin-bottom:.375rem}.empty-state p{font-size:.9375rem}.audit-form-wrap{max-width:520px}.audit-form-actions{margin-top:1.5rem}.detected-by{display:flex;gap:.25rem;flex-wrap:wrap}@media (prefers-color-scheme: dark){:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-hover:#273349;--color-surface-accent:#1e2d4a;--color-border: #334155;--color-text: #f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted: #64748b;--color-brand-light: #1e2d4a;--color-brand-text: #a5b4fc}.violation-table td.selector-cell code{background:#0f172a}}