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