.hp{max-width:64rem;margin:0 auto;padding:3rem 2.5rem 4rem;position:relative}.hp-grid-bg{z-index:0;pointer-events:none;background-image:linear-gradient(var(--surface-border) 1px, transparent 1px), linear-gradient(90deg, var(--surface-border) 1px, transparent 1px);opacity:.32;background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 50% at 50% 0,#000 10%,#0000 100%);mask-image:radial-gradient(70% 50% at 50% 0,#000 10%,#0000 100%)}.hp-topbar{z-index:1;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2.5rem;display:flex;position:relative}.hp-greeting{font-size:var(--text-title-2);letter-spacing:-.025em;color:var(--center-channel-color);margin:0;font-weight:700;line-height:1.2}.hp-error{border-radius:var(--radius-md);font-size:var(--text-callout);line-height:var(--lh-callout);background-color:color-mix(in srgb, var(--error-text-color) 8%, transparent);color:var(--error-text-color);border:1px solid color-mix(in srgb, var(--error-text-color) 20%, transparent);z-index:1;border-left-width:3px;margin-bottom:1.5rem;padding:.75rem 1rem;position:relative}.hp-stats{z-index:1;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2.5rem;display:grid;position:relative}.hp-stat{border-radius:var(--radius-lg);background:var(--surface-bg);border:1px solid color-mix(in srgb, var(--surface-border) 70%, transparent);box-shadow:var(--elev-1);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);align-items:center;gap:.875rem;padding:1rem 1.125rem;display:flex}.hp-stat:hover{border-color:var(--surface-border);box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008}.hp-stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.hp-stat-icon--workspaces{background:color-mix(in srgb, var(--button-bg) 10%, transparent);color:var(--button-bg)}.hp-stat-icon--deployments{color:#3b82f6;background:#3b82f61a}.hp-stat-icon--databases{color:#8b5cf6;background:#8b5cf61a}.hp-stat-icon--ingresses{color:#10b981;background:#10b9811a}.hp-stat-info{flex-direction:column;display:flex}.hp-stat-value{font-size:var(--text-title-3);color:var(--center-channel-color);letter-spacing:-.02em;font-weight:700;line-height:1.1}.hp-stat-label{font-size:var(--text-micro);line-height:var(--lh-micro);color:var(--surface-muted);text-transform:lowercase;margin-top:.0625rem;font-weight:600}.hp-section{z-index:1;margin-bottom:2.5rem;position:relative}.hp-section-header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.hp-section-title{font-size:var(--text-caption);line-height:var(--lh-caption);color:var(--surface-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:600}.hp-search-wrap{border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--control-bg);width:12rem;transition:border-color var(--dur-fast), box-shadow var(--dur-fast);align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.hp-search-wrap:focus-within{border-color:var(--sidebar-text-active-border);box-shadow:0 0 0 3px color-mix(in srgb, var(--sidebar-text-active-border) 10%, transparent)}.hp-search{min-width:0;color:var(--center-channel-color);font-size:var(--text-footnote);line-height:var(--lh-footnote);background:0 0;border:none;outline:none;flex:1;padding:.5rem 0}.hp-search::placeholder{color:color-mix(in srgb, var(--surface-muted) 65%, transparent)}.hp-new-btn{border-radius:var(--radius-md);font-size:var(--text-footnote);line-height:var(--lh-footnote);background:var(--button-bg);color:var(--button-color);cursor:pointer;white-space:nowrap;transition:all var(--dur-fast) ease;z-index:1;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 1px 2px #00000014,0 1px 1px #0000000a}.hp-new-btn:hover{opacity:.95;color:var(--button-color);transform:translateY(-.5px);box-shadow:0 2px 4px #00000014,0 4px 12px #0000000f}.hp-new-btn:active{box-shadow:var(--elev-1);transform:translateY(0)}.hp-empty{color:var(--surface-muted);font-size:var(--text-callout);line-height:var(--lh-callout);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.hp-empty--dashed{border:2px dashed color-mix(in srgb, var(--surface-border) 80%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--control-bg) 30%, transparent)}.hp-empty-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--button-bg) 8%, transparent);width:3rem;height:3rem;color:var(--button-bg);justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}.hp-empty-title{font-size:var(--text-headline);color:var(--center-channel-color);margin:0;font-weight:600;line-height:1.3}.hp-empty-desc{font-size:var(--text-footnote);color:var(--surface-muted);max-width:24rem;margin:0;line-height:1.5}.hp-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.75rem;display:grid;position:relative}.hp-card{border:1px solid color-mix(in srgb, var(--surface-border) 70%, transparent);border-radius:var(--radius-lg);background:var(--surface-bg);color:var(--center-channel-color);cursor:pointer;box-shadow:var(--elev-1);transition:border-color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-fast);flex-direction:column;gap:.875rem;padding:1.25rem;text-decoration:none;display:flex}.hp-card:hover{border-color:color-mix(in srgb, var(--sidebar-text-active-border) 40%, var(--surface-border));color:var(--center-channel-color);transform:translateY(-1px);box-shadow:0 2px 4px #0000000a,0 8px 20px #0000000d}.hp-card:hover .hp-card-arrow{opacity:1;transform:translate(0)}.hp-card-top{justify-content:space-between;align-items:flex-start;display:flex}.hp-card-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--sidebar-text-active-border) 10%, transparent);width:2.25rem;height:2.25rem;color:var(--sidebar-text-active-border);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hp-card-arrow{color:var(--surface-muted);opacity:0;transition:opacity var(--dur-fast), transform var(--dur-fast);justify-content:center;align-items:center;display:flex;transform:translate(-3px)}.hp-card-body{flex-direction:column;flex:1;gap:.25rem;display:flex}.hp-card-name{font-size:var(--text-body);color:var(--center-channel-color);font-weight:600;line-height:1.3}.hp-card-desc{font-size:var(--text-footnote);color:var(--surface-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.hp-card-footer{border-top:1px solid color-mix(in srgb, var(--surface-border) 50%, transparent);align-items:center;gap:1rem;padding-top:.75rem;display:flex}.hp-card-count{font-size:var(--text-micro);line-height:var(--lh-micro);color:var(--surface-muted);align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.hp-skeleton-card{pointer-events:none}@media (width<=768px){.hp{padding:2rem 1.25rem}.hp-topbar{flex-direction:column;align-items:flex-start;gap:.75rem}.hp-stats{grid-template-columns:repeat(2,1fr)}.hp-grid{grid-template-columns:1fr}.hp-greeting{font-size:var(--text-title-3);line-height:var(--lh-title-3)}}