:root{--font-display: Inter, system-ui, sans-serif;--font-body: Inter, system-ui, sans-serif;--surface: #f7f8f5;--panel: #ffffff;--ink: #171f23;--muted: #5d686e}html,body,#app{min-height:100%}body{margin:0;background:#eef3ef;color:var(--ink);font-family:var(--font-body)}*{box-sizing:border-box}.screen{min-height:100vh;padding:1.25rem;background:#eef3ef}.board{display:flex;min-height:calc(100vh - 2.5rem);max-width:1900px;margin:0 auto;flex-direction:column;gap:1.25rem}.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}.brand-lockup{display:flex;min-width:0;align-items:center;gap:1.25rem}.logo{max-width:14rem;height:3rem;object-fit:contain}.title-block{min-width:0}.title-block h1{margin:0;overflow:hidden;font-family:var(--font-display);font-size:clamp(2.25rem,4vw,3rem);font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.title-block p{margin:.25rem 0 0;color:var(--muted);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600}.status-cluster{display:flex;flex-shrink:0;align-items:center;gap:1rem}.status-pill,.legend{border-radius:6px;background:#ffffffb3;box-shadow:0 1px 3px #171f2314}.status-pill{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:1.125rem;font-weight:700}.status-pill-error{color:#912018}.icon{display:inline-block;width:1.5rem;height:1.5rem;background:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.icon-users{--icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon-clock{--icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 6v6l4 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.icon-refresh{--icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8M21 3v5h-5M3 21v-5h5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");animation:spin 1s linear infinite}.icon-wifi-off{--icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 2 20 20M8.5 16.5a5 5 0 0 1 7 0M2 8.82a15 15 0 0 1 4.17-2.65M10.66 5.11A15.1 15.1 0 0 1 22 8.82M5 12.86a10 10 0 0 1 5.24-2.76M13.74 10.37A10 10 0 0 1 19 12.86M12 20h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.legend{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:.75rem 1rem;color:var(--muted);font-size:1rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-item span{width:1rem;height:1rem;border-radius:999px}.legend-item strong{font-weight:700}.error-banner{border-radius:6px;background:#fee4e2;padding:1.25rem 1.5rem;color:#912018;font-size:1.5rem;font-weight:700}.people-grid{display:grid;flex:1;grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:min-content;gap:.75rem}.person-card{display:flex;min-height:6rem;align-items:center;gap:1rem;border-left:.5rem solid var(--status-color);border-radius:6px;background:var(--panel);padding:.75rem 1rem;box-shadow:0 1px 3px #171f2314;outline:2px solid var(--status-color)}.avatar-wrap{position:relative;flex-shrink:0}.avatar{display:flex;width:4rem;height:4rem;align-items:center;justify-content:center;border-radius:6px;background:var(--surface);color:var(--muted);font-size:1.5rem;font-weight:800}.avatar-image{display:block;object-fit:cover}.status-dot{position:absolute;right:-.25rem;bottom:-.25rem;width:1.25rem;height:1.25rem;border:2px solid #fff;border-radius:999px;background:var(--status-color)}.person-copy{min-width:0;flex:1}.person-copy h2{margin:0;overflow:hidden;font-family:var(--font-display);font-size:clamp(1.5rem,2vw,1.875rem);font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.person-copy p{margin:.25rem 0 0;overflow:hidden;color:var(--muted);font-size:clamp(1.125rem,1.7vw,1.25rem);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.empty-state{display:flex;align-items:center;justify-content:center;min-height:10rem;border-radius:6px;background:#fffc;color:var(--muted);font-size:1.75rem;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1536px){.people-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.screen{padding:2rem}.board{min-height:calc(100vh - 4rem)}.logo{height:3.5rem}.avatar{width:4.5rem;height:4.5rem}.legend{font-size:1.125rem}}@media(max-width:640px){.screen{padding:1rem}.board{min-height:calc(100vh - 2rem)}.brand-lockup,.status-cluster{width:100%}.status-pill{flex:1;justify-content:center}.count-pill{display:none}.title-block h1{white-space:normal}}