.rv-summary {
    display: flex; background: var(--bg-white); padding: 20px 16px;
    box-shadow: var(--shadow-sm); margin-bottom: 1px;
}
.rv-summary-item { flex: 1; text-align: center; }
.rv-summary-value { font-size: 22px; font-weight: 800; color: var(--text-primary); }
.rv-summary-label { font-size: 12px; color: var(--text-tertiary); margin-top: 2px; }

.rv-tabs {
    display: flex; background: var(--bg-white); padding: 4px;
    margin: 12px 15px; border-radius: var(--radius-md); box-shadow: var(--shadow-sm);
}
.rv-tab {
    flex: 1; text-align: center; padding: 10px 0; font-size: 13px;
    color: var(--text-tertiary); border-radius: 10px; cursor: pointer;
    transition: all 0.2s; font-weight: 500;
}
.rv-tab.active {
    color: white; background: var(--primary-gradient);
    font-weight: 600; box-shadow: var(--shadow-primary);
}

.rv-list { padding: 0 15px 20px; }
.rv-empty { text-align: center; padding: 60px 20px; color: var(--text-tertiary); font-size: 15px; }

.rv-card {
    background: var(--bg-white); border-radius: var(--radius-lg);
    padding: 16px; margin-bottom: 12px; box-shadow: var(--shadow-sm);
}
.rv-card-header {
    display: flex; align-items: center; gap: 10px; margin-bottom: 10px;
}
.rv-card-avatar {
    width: 36px; height: 36px; border-radius: var(--radius-full);
    display: flex; align-items: center; justify-content: center;
    color: white; font-size: 14px; font-weight: 600; flex-shrink: 0;
}
.rv-card-avatar.blue { background: linear-gradient(135deg, #4B7BEC, #6C8FF2); }
.rv-card-avatar.orange { background: linear-gradient(135deg, #FF6B35, #FF8F5E); }
.rv-card-user-info { flex: 1; }
.rv-card-name { font-size: 14px; font-weight: 600; color: var(--text-primary); }
.rv-card-time { font-size: 12px; color: var(--text-tertiary); }
.rv-card-stars { color: var(--accent-gold); font-size: 14px; letter-spacing: 2px; }

.rv-card-task {
    background: var(--bg); border-radius: var(--radius-md); padding: 10px 12px;
    margin-bottom: 10px; font-size: 13px; color: var(--text-secondary);
}
.rv-card-task-label { color: var(--text-tertiary); font-size: 12px; margin-bottom: 2px; }

.rv-card-comment {
    font-size: 14px; color: var(--text-primary); line-height: 1.6;
}

.header-back {
    width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;
    border-radius: var(--radius-full); transition: background 0.2s;
}
.header-back:active { background: var(--border-light); }
.header-back svg { width: 22px; height: 22px; color: var(--text-primary); }