.case-list-wrapper{align-items:flex-start;display:flex}.sidebar{flex:0 0 120px;margin-right:2rem}.filter{display:flex;flex-direction:column;gap:15px}.filter a{align-items:center;background-color:var(--brand-color);border:2px solid var(--brand-color);border-radius:8px;box-sizing:border-box;color:#fff;display:flex;font-weight:500;height:80px;justify-content:center;overflow:hidden;padding:5px;text-decoration:none;transition:all .2s ease}.filter a[data-filter=all]{padding:10px}.filter a[data-filter=all].active,.filter a[data-filter=all]:hover{background-color:var(--accent-color);border-color:var(--accent-color)}.filter a:not([data-filter=all]).active,.filter a:not([data-filter=all]):hover{background-color:var(--brand-color);border-color:var(--accent-color);box-shadow:0 0 10px 2px var(--accent-color)}.filter a img{height:100%;object-fit:contain;width:100%}.boxes{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.case-row{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.08);cursor:pointer;display:flex;height:90px;justify-content:center;padding:16px;text-align:center;transition:all .2s ease;width:200px}.case-row:hover{background-color:var(--accent-color);box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-4px)}.case-title{color:#0056a3;font-size:1rem;font-weight:600;transition:color .2s ease}.case-row:hover .case-title{color:#fff}.page-title{margin-bottom:1.5rem;text-align:center}.main-content{display:flex;flex:1;flex-direction:column;gap:1rem}.filter-bar{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px}.filter-bar-label{color:#999;font-size:.7rem;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.filter-chip{align-items:center;background:var(--light-grey);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;padding:4px 13px;text-decoration:none;transition:all .15s ease}.filter-chip.active{background:var(--brand2-color);border-color:var(--brand2-color);color:#fff}.filter-chip.chip-2d.active,.filter-chip[data-type="2D"].active{background:var(--accent-color);border-color:var(--accent-color);color:var(--brand-color)}.filter-bar-divider{background:var(--border-color);height:22px;margin:0 2px;width:1px}.filter-bar-spacer{flex:1}.case-count{color:#888;font-size:.8rem;white-space:nowrap}.sort-select{background:#fff;border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.8rem;padding:5px 9px}.boxes{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.boxes>a{display:block;text-decoration:none}.case-card{background:#fff;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.07);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.case-card:hover{border-color:var(--accent-color);box-shadow:0 6px 18px rgba(0,0,0,.11);transform:translateY(-3px)}.card-stripe{background:var(--accent-color);flex-shrink:0;height:3px;opacity:0;transition:opacity .18s ease}.case-card:hover .card-stripe{opacity:1}.card-body{display:flex;flex:1;flex-direction:column;gap:10px;min-height:100px;padding:20px 18px 14px}.case-card-title{color:#0056a3;flex:1;font-size:1rem;font-weight:600;line-height:1.4;transition:color .18s ease}.case-card:hover .case-card-title{color:var(--brand-color)}.case-card-badges{display:flex;flex-wrap:wrap;gap:5px}.badge{border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.4px;padding:3px 9px;text-transform:uppercase}.badge-ct{background:var(--brand2-color);color:#fff}.badge-xray{background:#059669;color:#fff}.badge-other{background:#6b7280;color:#fff}.badge-3d{background:var(--brand-color);color:#fff}.badge-2d{background:var(--accent-color);color:var(--brand-color)}.badge-ortho{background:#0d9488;color:#fff}.filter-chip.chip-2d-ortho.active,.filter-chip[data-type="2D-ORTHO"].active{background:#0d9488;border-color:#0d9488;color:#fff}.card-footer{color:var(--accent-color);font-size:.8rem;font-weight:600;opacity:0;padding:6px 18px 12px;transition:opacity .18s ease}.case-card:hover .card-footer{opacity:1}.login-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.08);margin:4rem auto;max-width:400px;padding:2rem}.login-container .header-title{color:var(--brand-color);margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-label{color:var(--brand-color);display:block;font-weight:600;margin-bottom:.5rem}.form-control{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.btn-submit{background-color:var(--brand2-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem;transition:background-color .2s ease;width:100%}.btn-submit:hover{background-color:#2a6c94}