:root{--zg-bg:#f4f6f8;--zg-card:#fff;--zg-text:#17202a;--zg-muted:#667085;--zg-border:#e1e6eb;--zg-soft:#f8fafb;--zg-accent:#e11d48;--zg-accent-soft:#fff1f4;--zg-green:#159b77;--zg-radius:14px;--zg-shadow:0 12px 32px rgba(16,24,40,.08)}
*{box-sizing:border-box}html{font-family:"Open Sans",sans-serif;color:var(--zg-text);background:var(--zg-bg)}body{margin:0;background:var(--zg-bg)}button,input,select{font:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:20;padding:10px 14px;background:#111;color:#fff;border-radius:8px}.skip-link:focus{top:12px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;background:#111827;color:#fff}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--zg-accent);font-weight:800}.sidebar nav{display:grid;gap:5px}.nav-item{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#cbd5e1;text-align:left;cursor:pointer}.nav-item>span:first-child{font-size:18px;text-align:center}.nav-item strong,.nav-item small{display:block}.nav-item strong{font-size:13px}.nav-item small{margin-top:2px;color:#8490a3;font-size:10px}.nav-item:hover,.nav-item:focus-visible,.nav-item.is-active{outline:none;background:#263244;color:#fff}.nav-item.is-active{box-shadow:inset 3px 0 var(--zg-accent)}.sidebar-foot{position:absolute;bottom:24px;left:25px;display:flex;align-items:center;gap:8px;color:#9aa5b6;font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#2dd4bf}.main{min-width:0;padding:34px clamp(20px,4vw,58px) 60px}.page-header{max-width:1050px;margin:0 auto 24px}.eyebrow{margin:0 0 5px;color:var(--zg-accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.page-header h1{max-width:780px;margin:0;font-size:clamp(25px,3vw,38px);line-height:1.18}.page-header p:last-child{margin:9px 0 0;color:var(--zg-muted)}.metrics{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px;max-width:1200px;margin:0 auto 16px}.metric{padding:14px;border:1px solid var(--zg-border);border-radius:12px;background:var(--zg-card)}.metric span{display:block;color:var(--zg-muted);font-size:11px}.metric strong{display:block;margin-top:4px;font-size:23px}.directory-card{max-width:1200px;margin:auto;border:1px solid var(--zg-border);border-radius:var(--zg-radius);background:var(--zg-card);box-shadow:var(--zg-shadow);overflow:hidden}.directory-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px;border-bottom:1px solid var(--zg-border)}.directory-header h2,.directory-header p{margin:0}.directory-header h2{font-size:19px}.directory-header p{margin-top:3px;color:var(--zg-muted);font-size:12px}.directory-controls{display:flex;gap:8px;align-items:center}.directory-controls input,.directory-controls select{height:40px;border:1px solid var(--zg-border);border-radius:9px;background:#fff;color:var(--zg-text);padding:0 11px}.directory-controls input:focus,.directory-controls select:focus{outline:3px solid rgba(225,29,72,.13);border-color:var(--zg-accent)}.search{position:relative}.search input{width:min(360px,32vw);padding-right:36px}.search>span:last-child{position:absolute;right:12px;top:8px;color:var(--zg-muted)}.role-tabs{display:flex;gap:6px;padding:12px 20px;border-bottom:1px solid var(--zg-border);overflow:auto}.role-tab{white-space:nowrap;padding:7px 12px;border:1px solid var(--zg-border);border-radius:999px;background:#fff;color:var(--zg-muted);font-size:12px;font-weight:700;cursor:pointer}.role-tab:hover,.role-tab:focus-visible,.role-tab.is-active{border-color:var(--zg-accent);outline:none;background:var(--zg-accent-soft);color:var(--zg-accent)}.contact-row{display:grid;grid-template-columns:minmax(190px,1.35fr) minmax(145px,1fr) minmax(190px,1.2fr) 130px minmax(110px,.8fr) 34px;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--zg-border)}.contact-head{padding-top:10px;padding-bottom:10px;background:var(--zg-soft);color:var(--zg-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.contact-row-button{width:100%;border:0;background:#fff;color:inherit;text-align:left;cursor:pointer}.contact-row-button:hover,.contact-row-button:focus-visible{outline:none;background:#fffafb}.contact-primary{display:flex;align-items:center;gap:11px;min-width:0}.avatar{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:50%;background:#eef2f6;color:#475467;font-size:12px;font-weight:800}.avatar.organization{border-radius:10px;background:#eaf7f3;color:#08775d}.contact-primary strong,.contact-primary small,.contact-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-primary strong{font-size:13px}.contact-primary small,.contact-info span,.activity,.sources{color:var(--zg-muted);font-size:11px}.badges{display:flex;gap:5px;flex-wrap:wrap}.badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef2f6;color:#475467;font-size:10px;font-weight:800}.badge.newsletter{background:#fff0f3;color:#bd1237}.badge.guest{background:#eaf4ff;color:#1469aa}.badge.customer{background:#f0edff;color:#6246b5}.badge.supplier{background:#eaf7f3;color:#08775d}.badge.organizer{background:#fff5e5;color:#9a5c00}.row-arrow{color:#98a2b3;font-size:18px}.loading-list{padding:10px 20px}.loading-list div{height:62px;margin:9px 0;border-radius:9px;background:linear-gradient(90deg,#f1f3f5 25%,#f8f9fa 45%,#f1f3f5 65%);background-size:300% 100%;animation:loading 1.3s infinite}@keyframes loading{to{background-position:-100% 0}}.state-card{padding:60px 20px;text-align:center}.state-card>span{display:grid;width:46px;height:46px;margin:0 auto 12px;place-items:center;border-radius:50%;background:#eef2f6;font-weight:800}.state-card h2{margin:0;font-size:17px}.state-card p{margin:7px auto 16px;color:var(--zg-muted);font-size:13px}.state-card.error>span{background:#fff0f3;color:var(--zg-accent)}.button{padding:9px 13px;border:1px solid transparent;border-radius:9px;font-weight:700;cursor:pointer}.button.secondary{border-color:var(--zg-border);background:#fff}.detail-dialog{width:min(620px,calc(100vw - 30px));max-height:calc(100vh - 40px);padding:0;border:0;border-radius:16px;box-shadow:0 24px 70px rgba(16,24,40,.28)}.detail-dialog::backdrop{background:rgba(15,23,42,.5)}.dialog-close{position:absolute;right:17px;top:17px;width:36px;height:36px;border:0;border-radius:50%;background:#eef2f6;font-size:22px;cursor:pointer}.detail-header{padding:28px 66px 22px 25px;border-bottom:1px solid var(--zg-border)}.detail-header h2{margin:6px 0;font-size:25px}.detail-header p{margin:3px 0;color:var(--zg-muted);font-size:13px}.detail-body{display:grid;gap:15px;padding:22px 25px 28px}.detail-section{padding:16px;border:1px solid var(--zg-border);border-radius:12px}.detail-section h3{margin:0 0 10px;font-size:13px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-field span,.detail-field strong{display:block}.detail-field span{color:var(--zg-muted);font-size:10px}.detail-field strong{margin-top:3px;font-size:12px;overflow-wrap:anywhere}.relationship{display:flex;justify-content:space-between;gap:16px;align-items:center}.relationship p{margin:4px 0 0;color:var(--zg-muted);font-size:12px}.relationship a{color:var(--zg-accent);font-size:12px;font-weight:700;text-decoration:none}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,1fr)}.contact-row{grid-template-columns:minmax(180px,1.5fr) minmax(130px,1fr) minmax(170px,1.2fr) 120px 30px}.contact-row>:nth-child(5){display:none}.contact-head>:nth-child(5){display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:12px}.brand{padding:3px 5px 12px}.sidebar nav{display:flex;overflow:auto}.nav-item{flex:0 0 auto;width:auto;grid-template-columns:22px 1fr}.nav-item small,.sidebar-foot{display:none}.main{padding:22px 12px 40px}.metrics{grid-template-columns:repeat(2,1fr)}.directory-header{align-items:stretch;flex-direction:column}.directory-controls{display:grid;grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.search input{width:100%}.contact-head{display:none}.contact-row{grid-template-columns:1fr auto;padding:15px}.contact-row>:nth-child(2),.contact-row>:nth-child(3),.contact-row>:nth-child(4),.contact-row>:nth-child(5){grid-column:1}.contact-row>:nth-child(2){margin-left:49px}.contact-row>:nth-child(3),.contact-row>:nth-child(4){margin-left:49px}.contact-row>:last-child{grid-column:2;grid-row:1}.detail-grid{grid-template-columns:1fr}}