*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;background:#f5f5f5;color:#252525}.card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 4px #0000001a;margin-bottom:12px}.subscriber-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.subscriber-card{background:#fff;border-radius:12px;padding:24px 16px 20px;box-shadow:0 1px 4px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.subscriber-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;margin-bottom:10px}.subscriber-avatar-placeholder{width:88px;height:88px;border-radius:50%;background:#e8e8e8;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#616161;margin-bottom:10px}.subscriber-name{font-weight:700;font-size:15px;color:#252525;line-height:1.3}.subscriber-title{font-size:12px;color:#616161;margin-top:2px}.status-indicator{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;margin:4px 0 2px}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-online{color:#107c10}.status-online .status-dot{background:#107c10}.status-busy{color:#a80000}.status-busy .status-dot{background:#a80000}.status-away{color:#7a5900}.status-away .status-dot{background:#c8a800}.status-dnd{color:#c50f1f}.status-dnd .status-dot{background:#c50f1f;position:relative}.status-dnd .status-dot:after{content:"";position:absolute;width:6px;height:2px;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}.status-offline{color:#616161}.status-offline .status-dot{background:#9e9e9e}.dept-section{margin-bottom:16px}.dept-header{display:flex;align-items:center;gap:8px;width:100%;background:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;color:#252525;cursor:pointer;box-shadow:0 1px 4px #0000001a;margin-bottom:10px;text-align:left}.dept-header:hover{background:#f0f0f0}.dept-chevron{font-size:16px;transition:transform .2s ease;display:inline-block}.dept-chevron-collapsed{transform:rotate(-90deg)}.dept-count{margin-left:auto;background:#e8e8e8;color:#616161;border-radius:10px;padding:1px 8px;font-size:12px;font-weight:600}