:root{
  --ag-bg:#f5f7fb;
  --ag-card:#ffffff;
  --ag-line:#e5e7eb;
  --ag-text:#0f172a;
  --ag-muted:#64748b;
  --ag-primary:#0f7ddb;
  --ag-primary-dark:#0b65b1;
  --ag-shadow:0 18px 38px rgba(15,23,42,.06);
  --ag-radius:18px;
}
.agent-wrap{max-width:1240px;margin:18px auto;padding:0 14px}
.agent-hero,.agent-card,.agent-list-card,.agent-state,.agent-empty,.agent-alert{background:var(--ag-card);border:1px solid var(--ag-line);border-radius:var(--ag-radius);box-shadow:var(--ag-shadow)}
.agent-hero{padding:18px 20px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.agent-hero h1,.agent-hero h2{margin:0 0 6px;font-size:26px;line-height:1.08;letter-spacing:-.02em}
.agent-sub{color:var(--ag-muted);font-size:14px;line-height:1.65}
.agent-actions{display:flex;gap:10px;flex-wrap:wrap}
.agent-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:14px;border:1px solid var(--ag-line);background:#fff;color:var(--ag-text);font-weight:800;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.agent-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(15,23,42,.08)}
.agent-btn.primary{background:linear-gradient(135deg,var(--ag-primary),var(--ag-primary-dark));border-color:transparent;color:#fff}
.agent-btn.soft{background:#f8fafc}
.agent-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}
.agent-card{padding:18px}
.agent-card h3{margin:0 0 10px;font-size:18px;letter-spacing:-.02em}
.agent-card p{margin:0;color:var(--ag-muted);line-height:1.65}
.agent-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.agent-metric{padding:14px;border:1px solid var(--ag-line);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc)}
.agent-metric .k{font-size:12px;font-weight:800;color:var(--ag-muted)}
.agent-metric .v{font-size:24px;font-weight:900;margin-top:4px;color:var(--ag-text)}
.agent-badge{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid var(--ag-line);background:#fff;color:#334155}
.agent-badge.ok{background:#ecfdf5;border-color:#a7f3d0;color:#166534}
.agent-badge.warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.agent-badge.info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.agent-state{padding:14px 16px;margin-top:12px}
.agent-alert{padding:12px 14px;margin-top:12px;font-weight:700}
.agent-alert.ok{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
.agent-alert.err{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.agent-empty{padding:16px;color:#334155;margin-top:12px}
.agent-form{margin-top:14px;display:grid;gap:14px}
.agent-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.agent-field{display:grid;gap:7px}
.agent-field label{font-size:13px;font-weight:800;color:#0f172a}
.agent-field .hint{font-size:12px;color:var(--ag-muted);font-weight:500}
.agent-input,.agent-select,.agent-textarea{width:100%;padding:12px 14px;border:1px solid #d7dee7;border-radius:14px;background:#fff;outline:none;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}
.agent-input:focus,.agent-select:focus,.agent-textarea:focus{border-color:rgba(15,125,219,.6);box-shadow:0 0 0 4px rgba(15,125,219,.12)}
.agent-textarea{min-height:140px;resize:vertical}
.agent-chip-grid{display:flex;gap:8px;flex-wrap:wrap}
.agent-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid var(--ag-line);background:#f8fafc;font-size:13px;font-weight:700;color:#334155}
.agent-chip input{margin:0}
.agent-switch{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid var(--ag-line);background:#f8fafc;color:#334155;font-weight:700}
.agent-soft{padding:14px;border-radius:16px;background:#f8fafc;border:1px solid var(--ag-line);font-size:13px;line-height:1.65;color:#475569}
.agent-soft strong{display:block;margin-bottom:4px;color:#0f172a}
.agent-list{display:grid;gap:12px}
.agent-job{display:grid;grid-template-columns:1fr auto 260px;gap:12px;align-items:flex-start;padding:15px;border:1px solid var(--ag-line);border-radius:16px;background:#fff}
.agent-job h4{margin:0 0 4px;font-size:16px}
.agent-job-meta{font-size:12px;color:var(--ag-muted)}
.agent-job-desc{margin-top:8px;color:#334155;line-height:1.55}
.agent-job-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.agent-profile-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.agent-avatar{width:72px;height:72px;border-radius:18px;overflow:hidden;background:#f1f5f9;border:1px solid var(--ag-line)}
.agent-avatar img{width:100%;height:100%;object-fit:cover}
.agent-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.agent-public-card{background:#fff;border:1px solid var(--ag-line);border-radius:18px;overflow:hidden;box-shadow:var(--ag-shadow)}
.agent-public-body{padding:16px}
.agent-public-top{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.agent-public-avatar{width:52px;height:52px;border-radius:16px;overflow:hidden;background:#eef2f7;flex:0 0 auto;border:1px solid var(--ag-line)}
.agent-public-avatar img{width:100%;height:100%;object-fit:cover}
.agent-public-title{font-size:18px;font-weight:900;letter-spacing:-.02em;margin:0}
.agent-public-sub{margin-top:4px;color:var(--ag-muted);font-size:13px}
.agent-public-price{font-size:13px;font-weight:800;color:#0f172a;background:#f8fafc;border:1px solid var(--ag-line);padding:6px 10px;border-radius:999px;white-space:nowrap}
.agent-public-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.agent-public-desc{margin-top:12px;color:#334155;line-height:1.6;font-size:14px}
.agent-public-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;align-items:center}
.agent-public-contact{margin-left:auto;color:var(--ag-muted);font-size:12px}
.agent-filter-card{padding:12px;border-radius:18px;background:#fff;border:1px solid var(--ag-line);box-shadow:var(--ag-shadow);display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:10px;margin:12px 0}
.agent-info{padding:12px 14px;border-radius:16px;background:#fff;border:1px solid var(--ag-line);box-shadow:var(--ag-shadow)}
.agent-pager{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap}
.agent-pager .info{color:var(--ag-muted);font-size:14px}
@media (max-width:1100px){.agent-grid,.agent-public-grid{grid-template-columns:1fr}.agent-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-job{grid-template-columns:1fr}.agent-job-actions{justify-content:flex-start}.agent-filter-card{grid-template-columns:1fr 1fr}.agent-public-contact{margin-left:0;width:100%}}
@media (max-width:640px){.agent-wrap{padding:0 12px}.agent-hero{padding:16px}.agent-card{padding:16px}.agent-form-grid,.agent-metrics,.agent-filter-card{grid-template-columns:1fr}.agent-hero h1,.agent-hero h2{font-size:24px}.agent-public-top{flex-wrap:wrap}.agent-public-price{order:3}}