@charset "UTF-8";*{box-sizing:border-box}.header{background-color:#1f2937;color:#fff;border-bottom:1px solid #374151;position:sticky;top:0;z-index:100}.header-content{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;font-weight:600;font-size:1.25rem}.logo-text{font-weight:700}.header-nav{display:flex;align-items:center;gap:2rem}.nav-link{color:#d1d5db;text-decoration:none;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s}.nav-link:hover{color:#fff;background-color:#374151}.nav-link.active{color:#fff;background-color:#2563eb}.layout{min-height:100vh;background-color:#f9fafb;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem 0}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.extension-ui{width:100%;height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f7fa;overflow:hidden}.extension-ui .extension-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #0000001a}.extension-ui .extension-header h1{margin:0;font-size:18px;font-weight:600;line-height:1.3}.extension-ui .header-content{display:flex;flex-direction:column;gap:4px}.extension-ui .header-subtitle{font-size:13px;opacity:.9;font-weight:400}.extension-ui .extension-content{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.extension-ui .extension-content::-webkit-scrollbar{width:8px}.extension-ui .extension-content::-webkit-scrollbar-track{background:#edf2f7;border-radius:4px}.extension-ui .extension-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.extension-ui .extension-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.extension-ui .domain-info{background:#fff;padding:12px 16px;border-radius:8px;font-size:13px;box-shadow:0 1px 3px #0000001a}.extension-ui .domain-info strong{color:#4a5568;margin-right:8px}.extension-ui .domain-info span{color:#667eea;font-weight:500}.extension-ui .selector-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.extension-ui .selector-toggle{width:100%;padding:12px 16px;background:#fff;border:none;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .2s;font-family:inherit;text-align:left}.extension-ui .selector-toggle:hover{background:#f7fafc}.extension-ui .toggle-icon{flex-shrink:0;font-size:12px;color:#667eea;width:16px;display:flex;align-items:center;justify-content:center}.extension-ui .toggle-label{flex:1;font-size:14px;font-weight:500;color:#2d3748}.extension-ui .selector-content{border-top:1px solid #e2e8f0;padding:16px;display:flex;flex-direction:column;gap:16px;background:#f7fafc;max-height:1000px;opacity:1;transition:max-height .3s ease,opacity .2s ease,padding .3s ease}.extension-ui .selector-content.collapsed{max-height:0;opacity:0;padding:0 16px;overflow:hidden}.extension-ui .form-group{display:flex;flex-direction:column;gap:8px}.extension-ui .form-group label{font-size:13px;font-weight:600;color:#2d3748}.extension-ui .form-select,.extension-ui .form-input,.extension-ui .form-textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;transition:border-color .2s,box-shadow .2s}.extension-ui .form-select:focus,.extension-ui .form-input:focus,.extension-ui .form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.extension-ui .form-select:disabled,.extension-ui .form-input:disabled,.extension-ui .form-textarea:disabled{background:#edf2f7;cursor:not-allowed}.extension-ui .form-textarea{resize:vertical;min-height:80px}.extension-ui .select-wrapper{display:flex;gap:8px}.extension-ui .select-wrapper .form-select{flex:1}.extension-ui .btn-small{width:36px;height:38px;padding:0;border:1px solid #cbd5e0;background:#fff;border-radius:6px;font-size:18px;cursor:pointer;transition:all .2s;color:#667eea;font-weight:600}.extension-ui .btn-small:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.extension-ui .btn-small:disabled{opacity:.4;cursor:not-allowed}.extension-ui .action-buttons{display:flex;gap:12px;margin-top:4px}.extension-ui .action-buttons .dashboard-btn{flex:0 0 auto;min-width:130px}.extension-ui .action-buttons .add-issue-btn{flex:1;margin-top:0}.extension-ui .primary-btn{width:100%;padding:12px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 2px 4px #667eea33}.extension-ui .primary-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.extension-ui .primary-btn:active:not(:disabled){transform:translateY(0)}.extension-ui .primary-btn:disabled{background:#a0aec0;cursor:not-allowed;box-shadow:none}.extension-ui .secondary-btn{padding:10px 20px;background:#fff;color:#667eea;border:1px solid #667eea;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.extension-ui .secondary-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #667eea4d}.extension-ui .secondary-btn:active:not(:disabled){transform:translateY(0)}.extension-ui .secondary-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#cbd5e0;color:#a0aec0}.extension-ui .issues-list{flex:1;display:flex;flex-direction:column;gap:12px;min-height:200px}.extension-ui .loading-state,.extension-ui .error-state,.extension-ui .empty-state{text-align:center;padding:40px 20px;color:#718096;font-size:14px}.extension-ui .error-state{color:#e53e3e}.extension-ui .issue-item{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.extension-ui .issue-item:hover{box-shadow:0 4px 12px #00000026}.extension-ui .issue-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.extension-ui .issue-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.extension-ui .severity-badge{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.extension-ui .severity-critical{background:#fed7d7;color:#c53030}.extension-ui .severity-high{background:#feebc8;color:#c05621}.extension-ui .severity-medium{background:#fefcbf;color:#975a16}.extension-ui .severity-low{background:#c6f6d5;color:#22543d}.extension-ui .wcag-code{font-size:12px;font-weight:600;color:#667eea;background:#e6f0ff;padding:3px 8px;border-radius:4px}.extension-ui .issue-actions{display:flex;gap:6px}.extension-ui .action-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.extension-ui .action-btn:hover{background:#edf2f7}.extension-ui .issue-body{display:flex;flex-direction:column;gap:8px}.extension-ui .issue-title{margin:0;font-size:14px;font-weight:600;color:#2d3748}.extension-ui .issue-description{margin:0;font-size:13px;color:#4a5568;line-height:1.5}.extension-ui .issue-element,.extension-ui .issue-evidence{font-size:12px;color:#718096}.extension-ui .issue-element strong{font-weight:600;margin-right:6px}.extension-ui .element-metadata{margin-top:8px;display:flex;flex-direction:column;gap:6px}.extension-ui .metadata-row{display:flex;align-items:flex-start;gap:8px;font-size:11px}.extension-ui .metadata-label{font-weight:600;color:#4a5568;min-width:60px}.extension-ui .element-selector-code,.extension-ui .element-tag-code,.extension-ui .element-html-code,.extension-ui .css-path-code{background:#edf2f7;padding:4px 8px;border-radius:3px;font-family:Monaco,Courier New,monospace;font-size:11px;flex:1;word-break:break-all}.extension-ui .element-html-code{white-space:pre-wrap}.extension-ui .css-path-details{margin-top:4px;font-size:11px}.extension-ui .css-path-details summary{cursor:pointer;font-weight:600;color:#4a5568;-webkit-user-select:none;user-select:none}.extension-ui .css-path-details summary:hover{color:#667eea}.extension-ui .css-path-code{display:block;margin-top:4px;white-space:pre-wrap;max-width:100%}.extension-ui .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.extension-ui .modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.extension-ui .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.extension-ui .modal-header h2{margin:0;font-size:18px;color:#2d3748}.extension-ui .close-btn{background:none;border:none;font-size:28px;color:#a0aec0;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.extension-ui .close-btn:hover{background:#edf2f7;color:#4a5568}.extension-ui .modal-body{padding:24px;overflow-y:auto;flex:1}.extension-ui .modal-body::-webkit-scrollbar{width:8px}.extension-ui .modal-body::-webkit-scrollbar-track{background:#edf2f7;border-radius:4px}.extension-ui .modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.extension-ui .modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}.extension-ui #issue-form{display:flex;flex-direction:column;gap:16px}.extension-ui .required{color:#e53e3e}.extension-ui .input-with-button{display:flex;gap:8px}.extension-ui .input-with-button .form-input{flex:1}.extension-ui .target-btn{width:40px;height:38px;padding:0;border:1px solid #cbd5e0;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#667eea}.extension-ui .target-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.extension-ui .target-btn:disabled{opacity:.4;cursor:not-allowed}.extension-ui .screenshot-container{margin-top:8px}.extension-ui .screenshot-preview-wrapper{position:relative;border:1px solid #cbd5e0;border-radius:6px;overflow:hidden;background:#f7fafc}.extension-ui .screenshot-preview{display:block;width:100%;height:auto;max-height:200px;object-fit:contain}.extension-ui .remove-screenshot-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#000000b3;color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.extension-ui .remove-screenshot-btn:hover{background:#000000e6}.extension-ui .code-textarea,.extension-ui .code-input{font-family:Monaco,Courier New,monospace!important;font-size:12px!important;background:#f7fafc!important}.extension-ui .char-count{text-align:right;font-size:11px;color:#a0aec0;margin-top:-4px}.extension-ui .modal-actions{display:flex;gap:12px;margin-top:8px}.extension-ui .modal-actions button{flex:1}.extension-ui .error-message{color:#e53e3e;font-size:12px;margin-top:4px}.extension-ui .edit-screenshot-btn{position:absolute;top:8px;right:8px;background:#677eeae6;color:#fff;border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;opacity:.8}.extension-ui .edit-screenshot-btn:hover{opacity:1;background:#677eea;transform:scale(1.05)}.extension-ui .edit-screenshot-btn svg{width:16px;height:16px}.extension-ui .crop-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.extension-ui .crop-modal-content{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.extension-ui .crop-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.extension-ui .crop-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#2d3748}.extension-ui .crop-modal-body{padding:24px;overflow:auto;flex:1;display:flex;flex-direction:column;align-items:center;gap:16px}.extension-ui .crop-canvas-container{border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#f7fafc}.extension-ui .crop-instructions{text-align:center;color:#4a5568;font-size:14px}.extension-ui .crop-instructions p{margin:4px 0}.extension-ui .crop-modal-actions{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;justify-content:flex-end}.extension-ui .crop-modal-actions button{min-width:120px}.extension-ui .crop-modal-actions button:disabled{opacity:.5;cursor:not-allowed}.extension-ui .searchable-select{position:relative;width:100%}.extension-ui .searchable-select-trigger{position:relative;display:flex;align-items:center;cursor:pointer}.extension-ui .searchable-select-input{width:100%;padding:10px 40px 10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;transition:border-color .2s,box-shadow .2s;cursor:pointer}.extension-ui .searchable-select-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;cursor:text}.extension-ui .searchable-select-input:read-only{cursor:pointer}.extension-ui .searchable-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#718096;display:flex;align-items:center;transition:transform .2s}.extension-ui .searchable-select-clear{position:absolute;right:36px;top:50%;transform:translateY(-50%);background:none;border:none;color:#718096;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.extension-ui .searchable-select-clear:hover{background-color:#edf2f7;color:#2d3748}.extension-ui .searchable-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #cbd5e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:360px;overflow:hidden;display:flex;flex-direction:column;animation:dropdownSlideIn .15s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.extension-ui .searchable-select-options{max-height:280px;overflow-y:auto;overflow-x:hidden;flex:1 1 auto}.extension-ui .searchable-select-options::-webkit-scrollbar{width:8px}.extension-ui .searchable-select-options::-webkit-scrollbar-track{background:#f7fafc}.extension-ui .searchable-select-options::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.extension-ui .searchable-select-options::-webkit-scrollbar-thumb:hover{background:#a0aec0}.extension-ui .searchable-select-option{padding:10px 12px;cursor:pointer;font-size:14px;color:#2d3748;transition:background-color .15s}.extension-ui .searchable-select-option:hover,.extension-ui .searchable-select-option.highlighted{background-color:#edf2f7}.extension-ui .searchable-select-option.selected{background-color:#e6f0ff;color:#667eea;font-weight:500}.extension-ui .searchable-select-option.highlighted.selected{background-color:#d9e8ff}.extension-ui .search-highlight{background-color:#fef08a;color:#854d0e;border-radius:2px}.extension-ui .selected-check{flex-shrink:0;color:#667eea}.extension-ui .searchable-select-empty,.extension-ui .searchable-select-loading{padding:20px;text-align:center;color:#718096;font-size:14px}.extension-ui .searchable-select-action{border-top:1px solid #e2e8f0;padding:8px;flex-shrink:0;background:#fff;border-radius:0 0 8px 8px}.extension-ui .searchable-select-action-btn{width:100%;padding:8px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.extension-ui .searchable-select-action-btn:hover:not(:disabled){background:#5a67d8}.extension-ui .searchable-select-action-btn:disabled{background:#cbd5e0;cursor:not-allowed}.extension-ui .searchable-select-wrapper{width:100%}.extension-ui .searchable-select-trigger.disabled{cursor:not-allowed;opacity:.6}.extension-ui .issue-item-compact{background:#fff;border-radius:8px;padding:10px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s,transform .1s;cursor:pointer;display:flex;align-items:center;gap:12px}.extension-ui .issue-item-compact:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.extension-ui .issue-thumbnail{flex-shrink:0;width:75px;height:75px;border-radius:6px;overflow:hidden;background:#edf2f7;display:flex;align-items:center;justify-content:center}.extension-ui .issue-thumbnail img{width:100%;height:100%;object-fit:cover}.extension-ui .thumbnail-placeholder{font-size:24px;color:#a0aec0}.extension-ui .issue-compact-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.extension-ui .issue-compact-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.extension-ui .issue-compact-title{font-size:13px;font-weight:600;color:#2d3748;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.extension-ui .issue-description-preview{font-size:12px;color:#718096;margin:4px 0 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%}.extension-ui .issue-compact-actions{flex-shrink:0;display:flex;gap:4px}.extension-ui .action-btn-compact{background:none;border:none;font-size:16px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:background .2s;color:#718096}.extension-ui .action-btn-compact:hover{background:#edf2f7;color:#2d3748}.extension-ui .issue-detail-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.extension-ui .issue-detail-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out}.extension-ui .modal-title-section{flex:1}.extension-ui .modal-badges{display:flex;gap:6px;flex-wrap:wrap}.extension-ui .wcag-badge{padding:3px 8px;background-color:#e6f0ff;color:#667eea;border-radius:4px;font-weight:600;font-size:12px}.extension-ui .modal-close-btn{background:none;border:none;font-size:20px;color:#718096;cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:all .2s;flex-shrink:0}.extension-ui .modal-close-btn:hover{background-color:#edf2f7;color:#2d3748}.extension-ui .modal-section{margin-bottom:20px}.extension-ui .modal-section:last-child{margin-bottom:0}.extension-ui .modal-section h3{font-size:14px;font-weight:600;color:#4a5568;margin:0 0 10px}.extension-ui .modal-description{font-size:13px;color:#4a5568;line-height:1.6;margin:0;white-space:pre-wrap}.extension-ui .modal-code{background-color:#edf2f7;padding:4px 8px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:11px;color:#2d3748;word-break:break-all}.extension-ui .modal-code-wrap{white-space:pre-wrap}.extension-ui .modal-code-block{background-color:#edf2f7;padding:12px;border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:12px;color:#2d3748;overflow-x:auto;margin:0;white-space:pre-wrap;line-height:1.5}.extension-ui .modal-metadata{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px}.extension-ui .modal-metadata .metadata-row{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid #e2e8f0;font-size:12px;align-items:flex-start}.extension-ui .modal-metadata .metadata-row:last-child{border-bottom:none;padding-bottom:0}.extension-ui .metadata-key{font-weight:600;color:#718096;min-width:80px;flex-shrink:0}.extension-ui .metadata-value{color:#2d3748;word-break:break-all}.extension-ui .modal-evidence-section h3{font-size:14px;font-weight:600;color:#4a5568;margin:0 0 12px}.extension-ui .modal-evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.extension-ui .modal-evidence-item{display:flex;flex-direction:column;gap:6px}.extension-ui .modal-evidence-image{width:100%;height:auto;border-radius:6px;border:1px solid #e2e8f0;cursor:zoom-in;transition:transform .2s}.extension-ui .modal-evidence-image:hover{transform:scale(1.05)}.extension-ui .modal-evidence-name{font-size:10px;color:#718096;text-align:center;word-break:break-all}.extension-ui .modal-footer{padding:16px 20px;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end}.extension-ui .modal-btn{padding:10px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;gap:6px}.extension-ui .modal-btn-primary{background-color:#667eea;color:#fff}.extension-ui .modal-btn-primary:hover{background-color:#5a67d8}.extension-ui .modal-btn-danger{background-color:#e53e3e;color:#fff}.extension-ui .modal-btn-danger:hover{background-color:#c53030}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.badge-default{background-color:#f3f4f6;color:#374151}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-danger{background-color:#fee2e2;color:#991b1b}.badge-info{background-color:#dbeafe;color:#1e40af}.badge-critical{background-color:#fecaca;color:#7f1d1d}.badge-high{background-color:#fed7aa;color:#9a3412}.badge-medium{background-color:#fef3c7;color:#92400e}.badge-low{background-color:#dbeafe;color:#1e3a8a}.btn{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-outline{background-color:#fff;color:#2563eb;border:1px solid #2563eb}.btn-outline:hover:not(:disabled){background-color:#eff6ff}.btn-small{padding:.375rem .75rem;font-size:.75rem}.btn-medium{padding:.5rem 1rem;font-size:.875rem}.btn-large{padding:.75rem 1.5rem;font-size:1rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.card-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;font-weight:600;font-size:1.125rem}.card-body{padding:1.5rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.error-icon{font-size:2rem}.error-message{color:#991b1b;font-size:.875rem;text-align:center}.retry-button{padding:.5rem 1rem;background-color:#dc2626;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;margin-top:.5rem}.retry-button:hover{background-color:#b91c1c}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.spinner{border:4px solid #f3f4f6;border-top:4px solid #2563eb;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:#6b7280;font-size:.875rem}.issue-card-compact{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;display:flex;align-items:center;gap:1rem;transition:all .2s;cursor:pointer;position:relative;min-height:80px}.issue-card-compact:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.issue-card-compact.selected{border-color:#3b82f6;background-color:#eff6ff}.issue-checkbox-compact{flex-shrink:0;width:18px;height:18px;cursor:pointer;margin:0}.issue-thumbnail{flex-shrink:0;width:75px;height:75px;border-radius:.375rem;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.issue-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{font-size:1.5rem;color:#9ca3af}.issue-compact-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.issue-compact-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.issue-wcag-compact{padding:.125rem .5rem;background-color:#dbeafe;color:#1e40af;border-radius:.25rem;font-weight:500;font-size:.75rem;white-space:nowrap}.issue-title-compact{font-size:.9375rem;font-weight:500;color:#111827;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.issue-description-preview{font-size:.8125rem;color:#6b7280;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.issue-actions-menu-compact{flex-shrink:0;position:relative}.three-dot-btn-compact{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s}.three-dot-btn-compact:hover{background-color:#f3f4f6;color:#111827}.dropdown-menu-issue-compact{position:absolute;right:0;top:100%;margin-top:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10;min-width:120px}.dropdown-menu-issue-compact .dropdown-item{display:block;width:100%;padding:.625rem 1rem;text-align:left;background:none;border:none;cursor:pointer;font-size:.875rem;color:#374151;transition:background-color .15s}.dropdown-menu-issue-compact .dropdown-item:hover{background-color:#f3f4f6}.dropdown-menu-issue-compact .dropdown-item.delete{color:#dc2626}.dropdown-menu-issue-compact .dropdown-item.delete:hover{background-color:#fee2e2}@media(max-width:768px){.issue-card-compact{padding:.5rem;gap:.75rem}.issue-thumbnail{width:75px;height:75px}.issue-title-compact{font-size:.875rem}}.issue-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.25rem;transition:all .2s;display:flex;gap:1rem}.issue-card:not(.selectable){cursor:pointer}.issue-card:not(.selectable):hover{box-shadow:0 2px 4px #0000001a;border-color:#2563eb}.issue-card.selectable{cursor:pointer}.issue-card.selectable:hover{background-color:#f9fafb}.issue-card.selected{border-color:#2563eb;background-color:#eff6ff}.issue-checkbox{flex-shrink:0;width:1.25rem;height:1.25rem;cursor:pointer;margin-top:.25rem}.issue-card-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.issue-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.issue-title{font-size:1rem;font-weight:600;margin:0;color:#111827;flex:1}.issue-badges{display:flex;gap:.5rem;flex-shrink:0}.issue-description{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.issue-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.75rem}.issue-wcag{padding:.25rem .5rem;background-color:#dbeafe;color:#1e40af;border-radius:.25rem;font-weight:500}.issue-selector{color:#6b7280;font-family:monospace;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-evidence{display:flex;flex-wrap:wrap;gap:.5rem}.evidence-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;font-size:.75rem;color:#374151;cursor:pointer;transition:all .2s;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evidence-chip:hover{background-color:#e5e7eb;border-color:#2563eb;color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.issue-header-actions{display:flex;align-items:center;gap:.75rem}.issue-actions-menu{position:relative}.three-dot-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;color:#6b7280;border-radius:.25rem;transition:all .2s;line-height:1}.three-dot-btn:hover{background-color:#f3f4f6;color:#111827}.dropdown-menu-issue{position:absolute;top:100%;right:0;margin-top:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10;min-width:120px;overflow:hidden;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.dropdown-menu-issue .dropdown-item{display:block;width:100%;padding:.625rem 1rem;text-align:left;border:none;background:none;cursor:pointer;font-size:.875rem;color:#374151;transition:background-color .15s;white-space:nowrap}.dropdown-menu-issue .dropdown-item:hover{background-color:#f3f4f6}.dropdown-menu-issue .dropdown-item.delete{color:#dc2626}.dropdown-menu-issue .dropdown-item.delete:hover{background-color:#fee2e2;background-color:#f9fafb;border-top:1px solid #e5e7eb;font-size:.875rem;color:#6b7280;text-align:center}.issue-detail-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease-out}.issue-detail-modal{background:#fff;border-radius:.75rem;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out}.issue-detail-modal .modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.issue-detail-modal .modal-header h2{font-size:1.5rem;font-weight:600;color:#111827}.issue-detail-modal .modal-title-section{flex:1}.issue-detail-modal .modal-badges{display:flex;gap:.5rem;flex-wrap:wrap}.issue-detail-modal .wcag-badge{padding:.25rem .75rem;background-color:#dbeafe;color:#1e40af;border-radius:.375rem;font-weight:500;font-size:.875rem}.issue-detail-modal .modal-close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1;border-radius:.25rem;transition:all .2s;flex-shrink:0}.issue-detail-modal .modal-close-btn:hover{background-color:#f3f4f6;color:#111827}.issue-detail-modal .modal-body{padding:2rem;overflow-y:auto;flex:1}.issue-detail-modal .modal-section{margin-bottom:2rem}.issue-detail-modal .modal-section:last-child{margin-bottom:0}.issue-detail-modal .modal-section h3{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .75rem}.issue-detail-modal .modal-description{font-size:.9375rem;color:#4b5563;line-height:1.6;margin:0;white-space:pre-wrap}.issue-detail-modal .modal-code{display:block;background-color:#f3f4f6;padding:.75rem 1rem;border-radius:.375rem;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.875rem;color:#1f2937;overflow-x:auto}.issue-detail-modal .modal-code-block{background-color:#f3f4f6;padding:1rem;border-radius:.375rem;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.875rem;color:#1f2937;overflow-x:auto;margin:0;white-space:pre-wrap;line-height:1.5}.issue-detail-modal .modal-metadata{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem}.issue-detail-modal .metadata-row{display:flex;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #e5e7eb;font-size:.875rem}.issue-detail-modal .metadata-row:last-child{border-bottom:none;padding-bottom:0}.issue-detail-modal .metadata-key{font-weight:500;color:#6b7280;min-width:120px}.issue-detail-modal .metadata-value{color:#111827;font-family:SF Mono,Monaco,Courier New,monospace;word-break:break-all}.issue-detail-modal .modal-evidence-section{margin-bottom:2rem}.issue-detail-modal .modal-evidence-section h3{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem}.issue-detail-modal .modal-evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.issue-detail-modal .modal-evidence-item{display:flex;flex-direction:column;gap:.5rem}.issue-detail-modal .modal-evidence-image{width:100%;height:auto;border-radius:.375rem;border:1px solid #e5e7eb;cursor:zoom-in;transition:transform .2s}.issue-detail-modal .modal-evidence-image:hover{transform:scale(1.02)}.issue-detail-modal .modal-evidence-name{font-size:.75rem;color:#6b7280;text-align:center;word-break:break-all}.issue-detail-modal .modal-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end}.issue-detail-modal .modal-btn{padding:.625rem 1.25rem;border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;gap:.5rem}.issue-detail-modal .modal-btn-primary{background-color:#2563eb;color:#fff}.issue-detail-modal .modal-btn-primary:hover{background-color:#1d4ed8}.issue-detail-modal .modal-btn-danger{background-color:#dc2626;color:#fff}.issue-detail-modal .modal-btn-danger:hover{background-color:#b91c1c}@media(max-width:768px){.issue-detail-modal .modal-header{padding:1rem 1.5rem}.issue-detail-modal .modal-body{padding:1.5rem}.issue-detail-modal .modal-footer{padding:1rem 1.5rem}.issue-detail-modal .modal-evidence-grid{grid-template-columns:1fr}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.issue-detail-overlay{padding:1rem}}.issue-list{display:flex;flex-direction:column;gap:1rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;display:flex;flex-direction:column}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#6b7280;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#374151}.modal-body{padding:1.5rem;overflow-y:auto}.report-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section h4{margin:0;font-size:1rem;font-weight:600;color:#111827}.format-options{display:flex;flex-direction:column;gap:.5rem}.format-option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:all .2s}.format-option.disabled{opacity:.6;cursor:not-allowed;background-color:#f9fafb}.format-option:hover{border-color:#2563eb;background-color:#eff6ff}.format-option.disabled:hover{border-color:#d1d5db;background-color:#f9fafb}.format-option input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.format-option.disabled input[type=checkbox]{cursor:not-allowed}.format-option span{font-size:.875rem;font-weight:500}.format-note{font-size:.75rem;color:#6b7280;margin:0;padding-left:.5rem}.issues-header{display:flex;align-items:center;justify-content:space-between}.issues-container{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.report-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.report-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.report-title{font-size:1.125rem;font-weight:600;margin:0;color:#111827;flex:1}.report-description{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0}.report-meta{display:flex;gap:2rem;flex-wrap:wrap}.meta-item{display:flex;gap:.5rem;font-size:.875rem}.meta-label{color:#6b7280;font-weight:500}.meta-value{color:#374151}.report-actions{display:flex;gap:.75rem;padding-top:.5rem;border-top:1px solid #f3f4f6}.report-error{padding:.75rem;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;color:#991b1b;font-size:.875rem}.report-list{display:flex;flex-direction:column;gap:1rem}.audit-detail-page{display:flex;flex-direction:column;gap:1.5rem}.tabs{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;overflow-x:auto}.tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-weight:500;color:#6b7280;transition:all .2s;white-space:nowrap}.tab:hover{color:#2563eb}.tab.active{color:#2563eb;border-bottom-color:#2563eb}.tab-content{min-height:400px}.overview-content{display:flex;flex-direction:column;gap:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.875rem;color:#374151}.info-link{font-size:.875rem;color:#2563eb;text-decoration:none;word-break:break-all;overflow-wrap:break-word}.info-link:hover{text-decoration:underline}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{text-align:center;padding:1rem}.stat-value{font-size:2.5rem;font-weight:700;color:#2563eb}.stat-label{font-size:.875rem;color:#6b7280;margin-top:.5rem}.pages-list{display:flex;flex-direction:column;gap:1rem}.page-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-item h4{margin:0 0 .5rem;font-size:1rem;font-weight:600}.page-url{font-size:.875rem;color:#2563eb;word-break:break-all;overflow-wrap:break-word;display:block;text-decoration:none}.page-url:hover{text-decoration:underline}@media(max-width:768px){.info-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}.filters-container{display:flex;gap:1rem;align-items:flex-end;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1}.filter-group label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.filter-group input,.filter-group select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filter-reset{padding:.5rem 1rem;background-color:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s}.filter-reset:hover{background-color:#f9fafb;color:#374151}@media(max-width:768px){.filters-container{flex-direction:column;align-items:stretch}.filter-reset{width:100%}}.audit-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;cursor:pointer;transition:all .2s}.audit-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px);border-color:#2563eb}.audit-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.audit-card-title{font-size:1.125rem;font-weight:600;margin:0;color:#111827}.audit-card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.audit-card-info{display:flex;gap:.5rem;font-size:.875rem}.info-label{color:#6b7280;font-weight:500}.info-value{color:#374151}.audit-url{color:#2563eb;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-description{font-size:.875rem;color:#6b7280;line-height:1.5;margin:.5rem 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.audit-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid #f3f4f6}.audit-stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.25rem;font-weight:600;color:#111827}.stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.audit-date{font-size:.75rem;color:#9ca3af}.audit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media(max-width:768px){.audit-grid{grid-template-columns:1fr}}.audit-form{display:flex;flex-direction:column;gap:1.5rem}.form-error{padding:.75rem;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;color:#991b1b;font-size:.875rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:.5rem}.pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 .5rem .5rem}.pagination-info{font-size:.875rem;color:#6b7280}.pagination-controls{display:flex;align-items:center;gap:1rem}.pagination-page{font-size:.875rem;color:#374151;font-weight:500}@media(max-width:640px){.pagination{flex-direction:column;gap:1rem}}.dashboard-home{display:flex;flex-direction:column;gap:1.5rem}.page-description{margin:.5rem 0 0;font-size:.875rem;color:#6b7280}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch}}.issue-edit-page .error-banner{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.issue-edit-page .issue-edit-content,.issue-edit-page .issue-form{display:flex;flex-direction:column;gap:1.5rem}.issue-edit-page .form-row{display:grid;grid-template-columns:1fr;gap:1rem}.issue-edit-page .form-row:has(.form-group:nth-child(2)){grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.issue-edit-page .form-row:has(.form-group:nth-child(3)){grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.issue-edit-page .required{color:#dc2626}.issue-edit-page .form-input{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;font-family:inherit}.issue-edit-page .form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.issue-edit-page .form-select{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;font-family:inherit}.issue-edit-page .form-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.issue-edit-page .form-textarea{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;font-family:inherit;resize:vertical;min-height:100px}.issue-edit-page .form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.issue-edit-page .char-count{font-size:.75rem;color:#6b7280;text-align:right}.issue-edit-page .evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.issue-edit-page .evidence-item{border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;cursor:pointer;transition:all .2s;text-align:center}.issue-edit-page .evidence-item:hover{border-color:#2563eb;box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.issue-edit-page .evidence-preview{width:100%;height:150px;border-radius:.375rem;overflow:hidden;background-color:#f3f4f6;margin-bottom:.5rem}.issue-edit-page .evidence-preview img{width:100%;height:100%;object-fit:cover}.issue-edit-page .evidence-placeholder{width:100%;height:150px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border-radius:.375rem;font-size:3rem;margin-bottom:.5rem}.issue-edit-page .evidence-name{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-edit-page .evidence-type{font-size:.75rem;color:#6b7280;text-transform:capitalize}.issue-edit-page .evidence-note{font-size:.875rem;color:#6b7280;margin:0;padding:.75rem;background-color:#f9fafb;border-radius:.375rem}.issue-edit-page .image-preview-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.issue-edit-page .image-preview-modal{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.issue-edit-page .image-preview-modal img{max-width:100%;max-height:calc(90vh - 4rem);display:block;object-fit:contain}.issue-edit-page .preview-close-btn{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background-color:#00000080;color:#fff;border:none;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:1}.issue-edit-page .preview-close-btn:hover{background-color:#000000b3}.issue-edit-page .preview-filename{padding:1rem;background:#fff;text-align:center;font-size:.875rem;color:#374151;border-top:1px solid #e5e7eb}.issue-edit-page .element-metadata-section{background-color:#f9fafb;padding:1.25rem;border-radius:.5rem;border:1px solid #e5e7eb}.issue-edit-page .metadata-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.issue-edit-page .metadata-header label{font-size:1rem;font-weight:600;color:#111827;margin:0}.issue-edit-page .verification-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.issue-edit-page .verification-badge.verified{background-color:#d1fae5;color:#065f46}.issue-edit-page .verification-badge.manual{background-color:#fef3c7;color:#92400e}.issue-edit-page .metadata-fields{display:flex;flex-direction:column;gap:1.25rem}.issue-edit-page .metadata-field-group{display:flex;flex-direction:column;gap:.5rem}.issue-edit-page .metadata-field-group label{font-size:.875rem;font-weight:500;color:#374151;display:flex;align-items:center;gap:.5rem}.issue-edit-page .field-edited-chip{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:500;background-color:#fef3c7;color:#92400e;letter-spacing:.01em}.issue-edit-page .metadata-field-row{display:flex;gap:.5rem;align-items:flex-start}.issue-edit-page .metadata-field-row .form-input,.issue-edit-page .metadata-field-row .form-textarea{flex:1}.issue-edit-page .metadata-field-row button{flex-shrink:0;margin-top:0;white-space:nowrap}.issue-edit-page .original-value{font-size:.75rem;color:#6b7280;padding:.5rem;background-color:#f3f4f6;border-radius:.25rem;border-left:3px solid #3b82f6}.issue-edit-page .original-value code{font-family:Monaco,Courier New,monospace;font-size:.75rem;color:#1f2937;background-color:#e5e7eb;padding:.125rem .375rem;border-radius:.25rem}.issue-edit-page .original-value-expandable{font-size:.75rem;color:#6b7280;background-color:#f3f4f6;border-radius:.25rem;border-left:3px solid #3b82f6;padding:.5rem}.issue-edit-page .original-value-expandable summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;margin-bottom:.5rem}.issue-edit-page .original-value-expandable summary:hover{color:#2563eb}.issue-edit-page .original-value-expandable pre{margin:.5rem 0 0;padding:.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.25rem;overflow-x:auto}.issue-edit-page .original-value-expandable code{font-family:Monaco,Courier New,monospace;font-size:.75rem;color:#1f2937;white-space:pre-wrap;word-break:break-all}.issue-edit-page .code-textarea{font-family:Monaco,Courier New,monospace!important;font-size:.8125rem!important}.issue-edit-page .collapsible-section{border:1px solid #e5e7eb;border-radius:.375rem;overflow:hidden}.issue-edit-page .collapsible-summary{padding:.625rem .875rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f9fafb;list-style:none;display:flex;align-items:center;gap:.5rem}.issue-edit-page .collapsible-summary:before{content:"▶";font-size:.625rem;transition:transform .2s}.issue-edit-page .collapsible-summary:hover{background-color:#f3f4f6}.issue-edit-page details[open] .collapsible-summary:before{transform:rotate(90deg)}.issue-edit-page .collapsible-body{padding:.75rem;border-top:1px solid #e5e7eb;background-color:#fff}@media(max-width:768px){.issue-edit-page{padding:1rem}.issue-edit-page .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.issue-edit-page .header-actions{width:100%}.issue-edit-page .header-actions button{flex:1}.issue-edit-page .form-row{grid-template-columns:1fr!important}.issue-edit-page .evidence-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.issue-edit-page{padding:2rem;max-width:1200px;margin:0 auto}.error-banner{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.issue-edit-content,.issue-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}.form-row:has(.form-group:nth-child(2)){grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-row:has(.form-group:nth-child(3)){grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.required{color:#dc2626}.form-input{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;font-family:inherit}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-select{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;font-family:inherit}.form-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-textarea{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;font-family:inherit;resize:vertical;min-height:100px}.form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.char-count{font-size:.75rem;color:#6b7280;text-align:right}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.evidence-item{border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;cursor:pointer;transition:all .2s;text-align:center}.evidence-item:hover{border-color:#2563eb;box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.evidence-preview{width:100%;height:150px;border-radius:.375rem;overflow:hidden;background-color:#f3f4f6;margin-bottom:.5rem}.evidence-preview img{width:100%;height:100%;object-fit:cover}.evidence-placeholder{width:100%;height:150px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border-radius:.375rem;font-size:3rem;margin-bottom:.5rem}.evidence-name{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evidence-type{font-size:.75rem;color:#6b7280;text-transform:capitalize}.evidence-note{font-size:.875rem;color:#6b7280;margin:0;padding:.75rem;background-color:#f9fafb;border-radius:.375rem}.image-preview-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.image-preview-modal{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.image-preview-modal img{max-width:100%;max-height:calc(90vh - 4rem);display:block;object-fit:contain}.preview-close-btn{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background-color:#00000080;color:#fff;border:none;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:1}.preview-close-btn:hover{background-color:#000000b3}.preview-filename{padding:1rem;background:#fff;text-align:center;font-size:.875rem;color:#374151;border-top:1px solid #e5e7eb}.element-metadata-section{background-color:#f9fafb;padding:1.25rem;border-radius:.5rem;border:1px solid #e5e7eb}.metadata-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.metadata-header label{font-size:1rem;font-weight:600;color:#111827;margin:0}.metadata-header .metadata-verification{display:flex;align-items:flex-end;gap:.5rem}.verification-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.verification-badge.verified{background-color:#d1fae5;color:#065f46}.verification-badge.manual{background-color:#fef3c7;color:#92400e}.metadata-fields{display:flex;flex-direction:column;gap:1.25rem}.metadata-field-group{display:flex;flex-direction:column;gap:.5rem}.metadata-field-group label{font-size:.875rem;font-weight:500;color:#374151}.metadata-field-row{display:flex;gap:.5rem;align-items:flex-start}.metadata-field-row .form-input,.metadata-field-row .form-textarea{flex:1}.metadata-field-row button{flex-shrink:0;margin-top:0;white-space:nowrap}.original-value{font-size:.75rem;color:#6b7280;padding:.5rem;background-color:#f3f4f6;border-radius:.25rem;border-left:3px solid #3b82f6}.original-value code{font-family:Monaco,Courier New,monospace;font-size:.75rem;color:#1f2937;background-color:#e5e7eb;padding:.125rem .375rem;border-radius:.25rem}.original-value-expandable{font-size:.75rem;color:#6b7280;background-color:#f3f4f6;border-radius:.25rem;border-left:3px solid #3b82f6;padding:.5rem}.original-value-expandable summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;margin-bottom:.5rem}.original-value-expandable summary:hover{color:#2563eb}.original-value-expandable pre{margin:.5rem 0 0;padding:.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.25rem;overflow-x:auto}.original-value-expandable code{font-family:Monaco,Courier New,monospace;font-size:.75rem;color:#1f2937;white-space:pre-wrap;word-break:break-all}.code-textarea{font-family:Monaco,Courier New,monospace!important;font-size:.8125rem!important}@media(max-width:768px){.issue-edit-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%}.header-actions button{flex:1}.form-row{grid-template-columns:1fr!important}.evidence-grid{grid-template-columns:1fr}}.report-viewer-page{padding:2rem;max-width:1200px;margin:0 auto}.report-viewer-page .report-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.report-viewer-page .action-buttons{display:flex;gap:1rem}.report-viewer-page .report-content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:3rem}.report-viewer-page .report-header{margin-bottom:3rem;border-bottom:2px solid #2563eb;padding-bottom:2rem}.report-viewer-page .report-title{font-size:2.5rem;font-weight:700;color:#111827;margin:0 0 1rem}.report-viewer-page .report-description{font-size:1.125rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.6}.report-viewer-page .report-metadata{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.report-viewer-page .meta-row{display:flex;gap:.5rem}.report-viewer-page .meta-label{font-weight:600;color:#6b7280;min-width:100px}.report-viewer-page .meta-value{color:#111827}.report-viewer-page .report-section{margin-bottom:3rem}.report-viewer-page .report-section h2{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.report-viewer-page .summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:1.5rem}.report-viewer-page .stat-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;text-align:center}.report-viewer-page .stat-card.stat-critical{background:#fef2f2;border-color:#fecaca}.report-viewer-page .stat-card.stat-high{background:#fef3c7;border-color:#fcd34d}.report-viewer-page .stat-value{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.report-viewer-page .stat-label{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.report-viewer-page .severity-heading{display:flex;align-items:center;gap:.5rem}.report-viewer-page .severity-heading.severity-critical{color:#991b1b}.report-viewer-page .severity-heading.severity-high{color:#ea580c}.report-viewer-page .severity-heading.severity-medium{color:#d97706}.report-viewer-page .severity-heading.severity-low{color:#6b7280}.report-viewer-page .issues-list{display:flex;flex-direction:column}.report-viewer-page .issue-card{background:#f9fafb;border:1px solid #e5e7eb;border-left:4px solid #2563eb;border-radius:.5rem;padding:1.5rem}.report-viewer-page .issue-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.report-viewer-page .issue-number{background:#2563eb;color:#fff;padding:.25rem .75rem;border-radius:.25rem;font-weight:600;font-size:.875rem}.report-viewer-page .issue-title{flex:1;font-size:1.25rem;font-weight:600;color:#111827;margin:0}.report-viewer-page .wcag-badge{background:#dbeafe;color:#1e40af;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.report-viewer-page .issue-description{color:#4b5563;line-height:1.6;margin:0 0 1rem}.report-viewer-page .issue-selector{background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;padding:.75rem;margin-bottom:1rem;font-size:.875rem}.report-viewer-page .issue-selector code{background:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;font-family:Courier New,monospace;color:#1f2937}.report-viewer-page .issue-meta{display:flex;gap:.75rem;flex-wrap:wrap}.report-viewer-page .severity-badge,.report-viewer-page .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.report-viewer-page .severity-badge.severity-critical{background:#fee2e2;color:#991b1b}.report-viewer-page .severity-badge.severity-high{background:#fed7aa;color:#ea580c}.report-viewer-page .severity-badge.severity-medium{background:#fef3c7;color:#d97706}.report-viewer-page .severity-badge.severity-low{background:#f3f4f6;color:#6b7280}.report-viewer-page .status-badge.status-open{background:#dbeafe;color:#1e40af}.report-viewer-page .status-badge.status-in_progress{background:#fef3c7;color:#d97706}.report-viewer-page .status-badge.status-resolved{background:#d1fae5;color:#065f46}.report-viewer-page .status-badge.status-draft{background:#f3f4f6;color:#6b7280}.report-viewer-page .status-badge.status-published{background:#d1fae5;color:#065f46}.report-viewer-page .report-footer{margin-top:4rem;padding-top:2rem;border-top:2px solid #e5e7eb;text-align:center;color:#6b7280;font-size:.875rem}.report-viewer-page .footer-text{margin:0 0 .5rem}.report-viewer-page .footer-note{margin:0;font-style:italic}.report-viewer-page .loading-state,.report-viewer-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem}.report-viewer-page .loading-state{color:#6b7280;font-size:1.125rem}.report-viewer-page .error-state p{color:#ef4444;font-size:1.125rem;margin-bottom:1.5rem}@media print{.report-viewer-page{padding:0;max-width:none}.report-viewer-page .no-print{display:none!important}.report-viewer-page .report-content{box-shadow:none;padding:0}.report-viewer-page .report-section{page-break-inside:avoid}.report-viewer-page .issue-card{page-break-inside:avoid;border-left-width:3px}.report-viewer-page .severity-badge,.report-viewer-page .status-badge,.report-viewer-page .stat-card{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.page-header h1{margin:0;font-size:1.875rem;font-weight:700;color:#111827}.header-actions{display:flex;gap:.75rem}.header-content{display:flex;align-items:center;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#374151}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;font-family:inherit}.form-group .collapsible-summary{font-size:.875rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:.5rem}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.empty-state p{color:#6b7280;font-size:.875rem;margin:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;color:#111827;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid #2563eb;outline-offset:2px}