.center{text-align:center}
.kpi{display:flex;flex-direction:column;gap:.25rem}
.kpi strong{font-size:1.35rem}
.kpi.highlight{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}
.badge-list{display:flex;flex-wrap:wrap;gap:.45rem}
.badge{padding:.25rem .55rem;border-radius:999px;background:#eef4ff;color:#1e40af;font-size:.84rem}
.actions form{margin:0}
.actions .card{margin:0}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.4rem}
.section-subtitle{margin-top:-.2rem;color:#5b6b94}
.empty{padding:1.1rem;border:1px dashed #b9c9ff;border-radius:14px;background:#f8fbff;color:#334155}
.pagination{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1rem}
.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.45rem .7rem;border-radius:10px;border:1px solid #c9d8ff;background:#fff;color:#1e3a8a}
.page-btn.is-active{background:#2563eb;color:#fff;border-color:#2563eb}
.page-btn.is-disabled{pointer-events:none;opacity:.45}
.status{white-space:nowrap}
.status.ok{background:#d1fae5;color:#065f46}
.status.bad{background:#fee2e2;color:#991b1b}
.pill-row{display:flex;flex-wrap:wrap;gap:.45rem}
.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:999px;border:1px solid #c7d7ff;background:#f3f7ff;color:#274690;font-size:.8rem;font-weight:600}
.inline-check{display:inline-flex;align-items:center;gap:.45rem;font-size:.95rem}
.inline-check input[type="checkbox"]{width:18px;height:18px;flex:0 0 18px}
.card h3{overflow-wrap:anywhere}
.listing-card p,.freelancer-card p{margin:.25rem 0 .55rem}
.card-tags{display:flex;flex-wrap:wrap;gap:.4rem}
.card-tags .status{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.entity-card{padding:1rem}
.entity-card .meta{display:flex;flex-wrap:wrap;gap:.45rem;color:#546186;font-size:.9rem}
.dense-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.dense-actions .btn{flex:1 1 180px}
.detail-meta{display:flex;flex-wrap:wrap;gap:.45rem}
.detail-meta .badge,.detail-meta .status{font-size:.82rem}
.detail-section{padding:1rem;border:1px solid #dbe6ff;border-radius:14px;background:#fbfdff}
.detail-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}
.detail-note{padding:.8rem;border:1px dashed #b8ccff;border-radius:12px;background:#f6faff;color:#334155}
.form-page{gap:.9rem}
.form-card{padding:1rem}
.form-intro{padding:.8rem;border:1px solid #dbe6ff;border-radius:12px;background:#f8fbff;color:#334155}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.form-grid.one{grid-template-columns:1fr}
.form-sticky{
  position:sticky;
  bottom:calc(env(safe-area-inset-bottom) + 78px);
  z-index:11;
  padding:.55rem;
  border:1px solid #cfe0ff;
  border-radius:12px;
  background:#ffffffef;
  backdrop-filter:blur(8px);
}
.form-sticky .btn{width:100%}
.banner-card{border:1px solid #cfe0ff;border-radius:16px;padding:1rem;background:linear-gradient(180deg,#ffffff,#f4f8ff);box-shadow:0 8px 20px rgba(30,64,175,.1)}
.profile-avatar{width:min(120px,35vw);height:min(120px,35vw);object-fit:cover;border-radius:50%;border:2px solid #dbe6ff}
.company-logo{max-width:min(180px,60vw);height:auto;border-radius:16px;border:1px solid #dbe6ff}

@media (max-width:768px){
  .section-title{flex-direction:column;align-items:flex-start}
  .pagination{gap:.4rem}
  .pagination .page-btn{flex:1 1 calc(20% - .4rem)}
  .inline-check{font-size:.9rem}
  .badge{font-size:.8rem}
  .kpi strong{font-size:1.2rem}
  .section-subtitle{font-size:.92rem}
  .listing-card,.freelancer-card{padding:.9rem}
  .card-tags .status{font-size:.75rem;padding:.2rem .45rem}
  .entity-card{padding:.9rem}
  .entity-card .meta{font-size:.82rem}
  .dense-actions .btn{flex:1 1 100%}
  .detail-section{padding:.9rem}
  .detail-columns{grid-template-columns:1fr}
  .detail-meta .badge,.detail-meta .status{font-size:.75rem}
  .form-card{padding:.9rem}
  .form-grid{grid-template-columns:1fr}
  .form-sticky{bottom:calc(env(safe-area-inset-bottom) + 84px)}
}