.preds-page { display: grid; gap: 16px; }
.preds-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; }
.preds-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; align-items: end; }
.preds-filter-item label { display: block; margin-bottom: 6px; font-weight: 600; }
.preds-btn { min-height: 40px; border-radius: 10px; }
.preds-table { border-collapse: separate; border-spacing: 0; min-width: 860px; }
.preds-table th, .preds-table td { border-top: 1px solid #e5e7eb; border-left: 0; border-right: 0; border-bottom: 0; padding: 12px; vertical-align: top; }
.preds-table thead th { background: #f8fafc; font-size: 12px; text-transform: uppercase; }
.preds-user-cell { display: flex; align-items: center; gap: 10px; }
.preds-avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.preds-col-id, .preds-col-date, .preds-col-expire { white-space: nowrap; font-size: 12px; color: #475569; }
.preds-points-badge { display: inline-flex; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; color: #115e59; background: #ccfbf1; }
.preds-reason { font-weight: 600; }
.preds-comment, .preds-author { color: #6b7280; font-size: 12px; margin-top: 4px; }
.pred-status { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.pred-status-active { background: #dcfce7; color: #166534; }
.pred-status-closed { background: #fee2e2; color: #991b1b; }
.preds-sort-link { display: inline-flex; align-items: center; gap: 6px; color: #475569; text-decoration: none; }
.preds-sort-active { color: #0f766e; }
.preds-sort-icon { font-size: 11px; }
.pred-priority { display: inline-flex; padding: 3px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; margin-bottom: 6px; }
.pred-priority-minor { background: #e2e8f0; color: #334155; }
.pred-priority-medium { background: #fef3c7; color: #92400e; }
.pred-priority-critical { background: #fee2e2; color: #991b1b; }
.preds-profile-list { display: grid; gap: 10px; }
.preds-profile-item { padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 10px; background: #fafafa; }
.preds-profile-item-top { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; margin-bottom: 6px; }
.preds-profile-points { font-weight: 700; color: #991b1b; }
.preds-profile-server, .preds-profile-date, .preds-profile-comment, .preds-profile-empty { color: #6b7280; font-size: 12px; }
.preds-profile-reason { font-weight: 600; margin-bottom: 4px; }