.af-root{background-color:var(--surface-paper);background-image:linear-gradient(to bottom,var(--surface-cream-2) 1px,transparent 1px);background-size:100% 34px;font-family:var(--font-sans)}.af-inner{width:100%;max-width:1280px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16);box-sizing:border-box}.af-topbar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-8)}.af-title{font-family:var(--font-serif);font-size:var(--text-h1);font-weight:400;color:var(--text-primary);margin:0;flex-shrink:0}.af-search{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-canvas);border:1px solid var(--neutral-200);border-radius:var(--radius-pill);flex:1;min-width:220px;max-width:440px;transition:border-color .15s}.af-search:focus-within{border-color:var(--color-primary)}.af-search>svg{opacity:.45;flex-shrink:0}.af-search-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-sans);font-size:var(--text-body);color:var(--text-primary);min-width:0}.af-search-input::placeholder{color:var(--neutral-500)}.af-search-clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:50%;background:var(--surface-sand);color:var(--text-primary);cursor:pointer;flex-shrink:0;transition:background .15s}.af-search-clear:hover{background:var(--surface-sand-2)}.af-sort{margin-left:auto;display:flex;align-items:center}.af-root .ui-select--compact .ui-select__trigger{height:38px;padding:0 var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-body-sm);gap:var(--space-2)}.af-root .ui-select--compact .ui-select__trigger.is-empty .ui-select__label{color:var(--text-primary)}.af-root .af-sort .ui-select--inline .ui-select__trigger{padding:var(--space-2) var(--space-2);font-size:var(--text-body-sm);color:var(--text-primary);gap:var(--space-2)}.af-root .af-sort .ui-select--inline .ui-select__icon{color:var(--text-primary)}.af-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-5)}.af-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--surface-canvas);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);cursor:pointer;text-align:left;transition:box-shadow .18s,transform .18s,border-color .18s}.af-card:hover{box-shadow:var(--shadow-card);border-color:var(--neutral-300);transform:translateY(-2px)}.af-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.af-card__head{display:flex}.af-card__avatar-wrap{position:relative}.af-card__avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;display:block}.af-card__avatar--ph{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--text-body);letter-spacing:.02em}.af-card__badge{position:absolute;bottom:-4px;right:-8px;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:var(--surface-canvas);border:1px solid var(--neutral-200);border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;color:var(--text-primary);box-shadow:var(--shadow-card)}.af-card__badge-dot{width:7px;height:7px;border-radius:50%;background:var(--color-primary)}.af-card__name{font-family:var(--font-sans);font-size:var(--text-body-lg);font-weight:600;color:var(--text-primary);margin:0;line-height:1.25}.af-card__based{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:var(--text-body-sm);color:var(--neutral-500);line-height:1.4}.af-card__based-label{width:100%;color:var(--neutral-400);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.08em}.af-card__flag{width:15px;height:15px;border-radius:50%;object-fit:cover;flex-shrink:0}.af-card__contact{list-style:none;margin:var(--space-1) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.af-card__contact-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--neutral-600);min-width:0}.af-card__contact-row>svg{color:var(--neutral-400);flex-shrink:0}.af-card__contact-row>span,.af-card__link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.af-card__link{color:var(--color-secondary);text-decoration:none;transition:color .15s}.af-card__link:hover{color:var(--color-secondary-dark);text-decoration:underline}.af-feedback{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16) var(--space-4);color:var(--neutral-500);font-size:var(--text-body)}.af-spinner{width:18px;height:18px;border:2px solid var(--neutral-200);border-top-color:var(--color-primary);border-radius:50%;animation:af-spin .7s linear infinite}@keyframes af-spin{to{transform:rotate(360deg)}}.af-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-12)}.af-page-list{list-style:none;display:flex;align-items:center;gap:var(--space-1);margin:0;padding:0}.af-page,.af-page-nav{font-family:var(--font-sans);font-size:var(--text-body-sm);color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.af-page{min-width:32px;height:32px;padding:0 var(--space-2)}.af-page:hover{background:var(--surface-sand)}.af-page--active{background:var(--color-primary);color:var(--surface-canvas);font-weight:600}.af-page--active:hover{background:var(--color-primary)}.af-page-gap{min-width:24px;text-align:center;color:var(--neutral-400)}.af-page-nav{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 var(--space-3);color:var(--neutral-600)}.af-page-nav:hover:not(:disabled){color:var(--text-primary);background:var(--surface-sand)}.af-page-nav:disabled{opacity:.4;cursor:not-allowed}.af-modal__overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#1c202473;backdrop-filter:blur(2px);animation:af-fade .15s ease}@keyframes af-fade{0%{opacity:0}to{opacity:1}}.af-modal{width:100%;max-width:560px;max-height:calc(100vh - var(--space-8));overflow-y:auto;background:var(--surface-canvas);border-radius:var(--radius-xl);box-shadow:var(--shadow-strong);animation:af-pop .18s ease}@keyframes af-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.af-modal__topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-200)}.af-modal__eyebrow{font-family:var(--font-sans);font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin:0}.af-modal__close-x{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:var(--neutral-500);cursor:pointer;transition:background .15s,color .15s}.af-modal__close-x:hover{background:var(--surface-sand);color:var(--text-primary)}.af-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-5)}.af-modal__id{display:flex;align-items:center;gap:var(--space-3);min-width:0}.af-modal__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.af-modal__avatar--ph{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--text-body-sm)}.af-modal__name{font-family:var(--font-serif);font-size:var(--text-h4);font-weight:400;color:var(--text-primary)}.af-modal__send{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1.5px solid var(--neutral-200);border-radius:var(--radius-pill);background:var(--surface-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:500;text-decoration:none;transition:border-color .15s,background .15s}.af-modal__send:hover{border-color:var(--color-primary);background:var(--surface-paper)}.af-modal__send>svg{color:var(--color-primary)}.af-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-6);padding:0 var(--space-5) var(--space-5);border-bottom:1px solid var(--neutral-200)}.af-modal__field{display:flex;flex-direction:column;gap:3px;min-width:0}.af-modal__field-label{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-400)}.af-modal__field-value{display:flex;align-items:center;gap:6px;font-size:var(--text-body);color:var(--text-primary)}.af-modal__contact{list-style:none;margin:0;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.af-modal__footer{display:flex;justify-content:flex-end;padding:var(--space-4) var(--space-5);border-top:1px solid var(--neutral-200)}.af-modal__close-btn{padding:var(--space-2) var(--space-6);border:1.5px solid var(--neutral-200);border-radius:var(--radius-pill);background:var(--surface-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.af-modal__close-btn:hover{background:var(--surface-sand);border-color:var(--neutral-300)}@media(max-width:640px){.af-title{font-size:var(--text-h2)}.af-sort{margin-left:auto}.af-search{max-width:none;order:3;width:100%}.af-modal__grid{grid-template-columns:1fr}}