.system-card.selected{background:var(--primary);color:var(--white);border-color:var(--primary)}.symptom-item.selected{background:var(--secondary);color:var(--white)}.symptom-checkbox{width:20px;height:20px;border:2px solid var(--gray);border-radius:5px;display:flex;align-items:center;justify-content:center}.symptom-item.selected .symptom-checkbox{background:var(--white);border-color:var(--white)}.symptom-item.selected .symptom-checkbox::after{content:"✓";color:var(--secondary);font-weight:700}.severity-btn.selected{background:var(--primary);color:var(--white);border-color:var(--primary)}.condition-card{background:var(--light);border-left:4px solid var(--info);padding:20px;border-radius:10px;transition:all .3s}.condition-card:hover{transform:translateX(5px);box-shadow:var(--shadow-sm)}.condition-name{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:10px}.condition-match{display:inline-block;background:var(--info);color:var(--white);padding:5px 15px;border-radius:20px;font-size:14px;margin-bottom:10px}.condition-description{color:var(--gray);line-height:1.6;margin-bottom:15px}.condition-symptoms{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.symptom-tag{background:var(--white);padding:5px 12px;border-radius:15px;font-size:14px;color:var(--dark)}.condition-actions{display:flex;gap:15px;margin-top:20px}.action-btn{padding:10px 20px;background:var(--primary);color:var(--white);border:none;border-radius:10px;cursor:pointer;font-weight:500;transition:all .3s}.action-btn:hover{background:var(--dark)}.action-btn.secondary{background:var(--gray)}.history-item{background:var(--light);padding:20px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.history-item:hover{transform:translateX(5px);box-shadow:var(--shadow-sm)}.history-info{flex:1}.history-date{font-size:14px;color:var(--gray);margin-bottom:5px}.history-symptoms{font-weight:500;color:var(--dark)}.history-result{background:var(--info);color:var(--white);padding:8px 15px;border-radius:20px;font-size:14px}@media (max-width:768px){.condition-actions{flex-direction:column}.action-btn{width:100%}}