.site-card.svelte-1tbqrpg{display:block;width:100%;text-align:left;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-xl);box-shadow:var(--shadow-card);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;color:inherit}.site-card.svelte-1tbqrpg:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-elevated)}.card-top.svelte-1tbqrpg{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.card-name-row.svelte-1tbqrpg{display:flex;align-items:center;gap:var(--space-sm)}.site-name.svelte-1tbqrpg{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.site-tag.svelte-1tbqrpg{font-size:var(--font-size-xs);font-weight:500;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary)}.card-status-row.svelte-1tbqrpg{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.status-dot.svelte-1tbqrpg{width:8px;height:8px;border-radius:var(--radius-full)}.status-dot.online.svelte-1tbqrpg{background:var(--color-success)}.status-dot.warning.svelte-1tbqrpg{background:var(--color-warning)}.status-dot.offline.svelte-1tbqrpg{background:var(--color-danger)}.status-sep.svelte-1tbqrpg{opacity:.4}.card-top-right.svelte-1tbqrpg{text-align:right;flex-shrink:0}.ip-label.svelte-1tbqrpg{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ip-value.svelte-1tbqrpg{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-primary)}.card-health.svelte-1tbqrpg{margin-top:var(--space-xl)}.health-labels.svelte-1tbqrpg{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--color-text-secondary)}.card-bottom.svelte-1tbqrpg{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md)}.open-label.svelte-1tbqrpg{font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:color var(--transition-fast)}.site-card.svelte-1tbqrpg:hover .open-label:where(.svelte-1tbqrpg){color:var(--color-text-primary)}.sites-page.svelte-8z6e0v{padding:var(--space-xl)}.sites-header.svelte-8z6e0v{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-xl)}.sites-title.svelte-8z6e0v{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.sites-count.svelte-8z6e0v{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.sites-header-right.svelte-8z6e0v{display:flex;align-items:center;gap:var(--space-md)}.search-wrapper.svelte-8z6e0v{position:relative}.search-icon.svelte-8z6e0v{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);display:flex}.search-icon.svelte-8z6e0v svg{width:16px;height:16px}.search-input.svelte-8z6e0v{height:40px;width:300px;padding:0 12px 0 36px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast);box-shadow:var(--shadow-card)}.search-input.svelte-8z6e0v:focus{outline:none;border-color:var(--color-primary)}.search-input.svelte-8z6e0v::placeholder{color:var(--color-text-muted)}.view-toggle.svelte-8z6e0v{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.view-btn.svelte-8z6e0v{display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.view-btn.svelte-8z6e0v:hover{background:var(--color-bg-hover)}.view-btn.active.svelte-8z6e0v{background:var(--color-bg-hover);color:var(--color-text-primary)}.view-btn.svelte-8z6e0v svg{width:16px;height:16px}.empty-state.svelte-8z6e0v{text-align:center;padding:60px var(--space-xl);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.sites-grid.svelte-8z6e0v{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-xl)}.sites-list.svelte-8z6e0v{overflow:hidden}.list-table.svelte-8z6e0v{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);overflow:hidden}.list-header.svelte-8z6e0v{display:grid;grid-template-columns:3fr 1.5fr 2.5fr 2fr 1.5fr;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary)}.list-row.svelte-8z6e0v{display:grid;grid-template-columns:3fr 1.5fr 2.5fr 2fr 1.5fr;gap:var(--space-md);align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-light);text-align:left;width:100%;text-decoration:none;color:inherit;cursor:pointer;transition:background var(--transition-fast)}.list-row.svelte-8z6e0v:last-child{border-bottom:none}.list-row.svelte-8z6e0v:hover{background:var(--color-bg-hover)}.row-name-line.svelte-8z6e0v{display:flex;align-items:center;gap:var(--space-sm)}.row-name.svelte-8z6e0v{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.row-tag.svelte-8z6e0v{font-size:var(--font-size-xs);font-weight:500;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary)}.row-status-line.svelte-8z6e0v{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.status-dot.svelte-8z6e0v{width:8px;height:8px;border-radius:var(--radius-full)}.status-dot.online.svelte-8z6e0v{background:var(--color-success)}.status-dot.warning.svelte-8z6e0v{background:var(--color-warning)}.status-dot.offline.svelte-8z6e0v{background:var(--color-danger)}.status-sep.svelte-8z6e0v{opacity:.4}.status-text.svelte-8z6e0v{font-size:var(--font-size-base);color:var(--color-text-primary)}.col-ip.svelte-8z6e0v{text-align:right}.ip-mono.svelte-8z6e0v{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary)}