.system-selector-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;margin-bottom:3rem;display:flex;flex-direction:row;gap:2rem;flex-wrap:wrap;align-items:flex-start}.system-selector{display:flex;flex-direction:column;gap:8px;flex:0 0 auto;min-width:200px}.selector-label{font-weight:600;color:var(--text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.system-dropdown{background:var(--bg-primary);border:2px solid var(--border-color);padding:12px 16px;font-weight:500;color:var(--text-primary);font-size:1rem;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease}.system-dropdown:hover{border-color:var(--accent-primary)}.system-dropdown:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #0033661a}.system-info{flex:1 1 auto;min-width:250px}.system-info h3{margin:0 0 8px;font-size:1.2rem;font-weight:700;color:var(--accent-primary)}.system-info p{margin:0 0 16px;color:var(--text-secondary);line-height:1.4}.controls-summary{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:16px;border-radius:var(--border-radius);display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;align-items:center}.summary-item{display:flex;justify-content:space-between;align-items:center;gap:8px;flex:0 0 auto}.summary-label{font-weight:600;color:var(--text-primary);font-size:.9rem}.summary-value{font-weight:700;font-size:1.1rem;padding:4px 8px;border-radius:var(--border-radius);background:var(--accent-primary);color:#fff}.summary-value.implemented{background:#28a745}.summary-value.partial{background:#ffc107;color:var(--text-primary)}.summary-value.not-implemented{background:#dc3545}.summary-value.not-assessed{background:#ff69b4}.system-content{margin-top:0}.page-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--accent-primary)}.page-title{font-size:2.5rem;font-weight:600;color:var(--accent-primary);margin-bottom:.5rem;letter-spacing:-.5px}.page-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:.5rem}.system-diagram{margin-bottom:48px;background:var(--bg-secondary);border:2px solid var(--border-color);padding:32px;border-radius:var(--border-radius)}.system-diagram h3{margin:0 0 24px;font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.diagram-container{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:15px;min-height:225px}.architecture-image{max-width:100%;height:auto;border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);transition:all .2s ease}.architecture-image:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.required-documents{margin-bottom:48px;background:var(--bg-secondary);border:2px solid var(--border-color);padding:32px;border-radius:var(--border-radius)}.required-documents h3{margin:0 0 24px;font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.document-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--border-radius);transition:all .2s ease;text-decoration:none;color:inherit;cursor:pointer}.document-item:hover{transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none;color:inherit;border-color:var(--accent-primary)}.document-item:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #0033661a}.document-item.incomplete{border-color:#dc3545;opacity:.8}.document-item.incomplete:hover{opacity:1}.document-item.complete{border-color:#28a745}.document-item.in-progress{border-color:#ffc107}.document-icon{font-size:2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-primary);border-radius:var(--border-radius);color:#fff}.document-info{flex:1;display:flex;flex-direction:column;gap:8px}.document-name{font-weight:700;font-size:1.1rem;color:var(--text-primary);line-height:1.3}.document-description{font-size:.9rem;color:var(--text-secondary);line-height:1.4;font-weight:500}.document-status-tag{display:inline-block;padding:4px 8px;border-radius:var(--border-radius);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border-color);margin-top:8px}.in-progress-tag{background:#ffc107;color:var(--text-primary)}.controls-visualization{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.section-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.section-header{padding:1.5rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.1rem;background:var(--bg-secondary);transition:background .2s ease}.section-header:hover{background:var(--bg-tertiary)}.section-header::-webkit-details-marker{display:none}.section-title{color:var(--accent-primary)}.section-count{color:var(--text-secondary);font-size:.95rem;font-weight:500}.system-meta-text{font-size:.9rem;color:var(--text-muted);margin-top:8px}.controls-table-wrapper{overflow-x:auto}.controls-table{width:100%;border-collapse:collapse;background:var(--bg-primary);border:none}.controls-table thead{background:var(--bg-secondary);position:sticky;top:0;z-index:10}.controls-table th{padding:1rem;text-align:left;font-weight:600;font-size:.95rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--accent-primary)}.controls-table tbody tr{border-bottom:1px solid var(--border-color)}.controls-table tbody tr:last-child{border-bottom:none}.controls-table tbody tr:nth-child(2n){background:var(--bg-secondary)}.controls-table td{border:1px solid var(--border-color);padding:1rem;vertical-align:top;color:var(--text-primary)}.controls-table tbody tr:hover{background:var(--bg-tertiary)}.control-row{border-bottom:1px solid var(--border-color)}.control-row:last-child{border-bottom:none}.control-row.implemented{border-left:4px solid #28a745}.control-row.partial{border-left:4px solid #ffc107}.control-row.not-implemented{border-left:4px solid #dc3545}.control-row.not-assessed{border-left:4px solid #ff69b4}.status-badge{display:inline-block;padding:4px 12px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.implemented{background:#28a745;color:#fff}.status-badge.partial{background:#ffc107;color:var(--text-primary)}.status-badge.not-implemented{background:#dc3545;color:#fff}.status-badge.not-assessed{background:#ff69b4;color:#fff}.no-sections-message{padding:2rem;text-align:center;color:var(--text-secondary)}@media (max-width: 1024px){.system-explorer-container{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.system-sidebar{flex-direction:column;gap:24px}.sidebar-header,.system-selector,.system-info{min-width:100%}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-summary{align-items:flex-start}.documents-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}}@media (max-width: 768px){.system-selector-section{padding:1.5rem}.documents-grid{grid-template-columns:1fr}.page-title{font-size:1.75rem}.page-header{margin-bottom:2rem;padding-bottom:1.5rem}.system-diagram{padding:20px}.diagram-container{min-height:225px}.controls-summary{flex-direction:column;align-items:stretch}.summary-item{justify-content:space-between}}