body{font-family:Inter,sans-serif}.navbar.dna-navbar{border-bottom:1px solid var(--bs-border-color);padding:1rem 0}.brand-text{color:var(--bs-body-color);font-size:1.5rem;font-weight:700}.report-header{margin-top:2rem;margin-bottom:2rem}.stat-card{border:1px solid var(--bs-border-color);background:var(--bs-body-bg);border-radius:12px;height:100%;padding:1.5rem;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-label{color:var(--bs-secondary-color);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.stat-value{font-size:2rem;font-weight:700}.value-blue{color:#2563eb}.value-green{color:#16a34a}.value-yellow{color:#d97706}.value-red{color:#dc2626}.category-filter{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.btn-filter{border:1px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-secondary-color);cursor:pointer;border-radius:50px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500}.btn-filter:hover{border-color:var(--bs-primary)}.btn-filter.active{background:var(--bs-body-color);color:var(--bs-body-bg);border-color:var(--bs-body-color)}.btn-filter .btn-filter-icon{margin-right:.5rem}.variant-row{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem 1.5rem;transition:border-color .15s;display:flex}.variant-row:hover{border-color:var(--bs-primary)}.variant-info{align-items:center;gap:1rem;min-width:0;display:flex}.variant-id{color:var(--bs-tertiary-color);font-size:.9rem}.variant-name{color:var(--bs-body-color);font-weight:600}.variant-desc{color:var(--bs-secondary-color);white-space:nowrap;text-overflow:ellipsis;max-width:52ch;margin-left:.5rem;font-size:.9rem;overflow:hidden}.variant-meta{flex-shrink:0;align-items:center;gap:1rem;display:flex}.genotype{color:var(--bs-secondary-color);text-align:right;min-width:34px;font-weight:600;font-family:var(--bs-font-monospace)}.risk-badge{text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:6px;padding:.4rem 1rem;font-size:.75rem;font-weight:700}.risk-high{color:#dc2626;background-color:#fee2e2}.risk-medium{color:#d97706;background-color:#fef3c7}.risk-low{color:#16a34a;background-color:#dcfce7}.risk-carrier{color:#2563eb;background-color:#dbeafe}[data-bs-theme=dark] .risk-high{color:#fca5a5;background-color:#450a0a}[data-bs-theme=dark] .risk-medium{color:#fcd34d;background-color:#451a03}[data-bs-theme=dark] .risk-low{color:#86efac;background-color:#052e16}[data-bs-theme=dark] .risk-carrier{color:#93c5fd;background-color:#1e1b4b}.btn-export{border-radius:8px;padding:.5rem 1rem;font-weight:500}.drop-zone{border:2px dashed var(--bs-border-color);border-radius:var(--bs-border-radius-lg);cursor:pointer;padding:3rem;transition:border-color .15s}.drop-zone:hover{border-color:var(--bs-primary)}.drop-zone.dragover{border-color:var(--bs-success);background:rgba(var(--bs-success-rgb),.05)}.chr-bar{border-radius:var(--bs-border-radius-sm)var(--bs-border-radius-sm)0 0;min-width:8px}@media print{.no-print{display:none!important}}