.dashboard-shell{position:relative;min-height:100vh;height:100vh;--dashboard-top-offset: calc( var(--project-bar-height) + (16 * var(--spacing-sm)) + var(--spacing-lg) );padding:0 var(--spacing-md);color:var(--surface-fg);background:transparent;overflow-y:auto;display:grid;grid-template-rows:minmax(0,1fr)}.dashboard-shell__content{position:relative;z-index:1;display:grid;justify-items:center;align-content:start;padding:var(--dashboard-top-offset) 0 var(--spacing-lg);min-height:0}.dashboard-shell__tiles{width:min(80rem,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);align-items:start}.dashboard-column{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dashboard-tile{position:relative;display:flex;flex-direction:column;border-radius:var(--rounded);border:1px solid var(--surface-glass-border-subtle);background:var(--surface-glass-bg-subtle);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-white) calc(var(--surface-glass-reflex-light) * 10%),transparent),inset 1.8px 3px var(--surface-glass-reflex-blur) -2px color-mix(in srgb,var(--color-white) calc(var(--surface-glass-reflex-light) * 80%),transparent),inset -2px -2px var(--surface-glass-reflex-blur) -2px color-mix(in srgb,var(--color-white) calc(var(--surface-glass-reflex-light) * 70%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--color-white) calc(var(--surface-glass-reflex-light) * 50%),transparent),inset -.3px -1px 4px color-mix(in srgb,var(--color-black) calc(var(--surface-glass-reflex-dark) * 12%),transparent),inset -1.5px 2.5px var(--surface-glass-reflex-blur) -2px color-mix(in srgb,var(--color-black) calc(var(--surface-glass-reflex-dark) * 20%),transparent),inset 0 3px 4px -2px color-mix(in srgb,var(--color-black) calc(var(--surface-glass-reflex-dark) * 20%),transparent),0 1px 5px color-mix(in srgb,var(--color-black) calc(var(--surface-glass-reflex-dark) * 10%),transparent),0 6px 16px color-mix(in srgb,var(--color-black) calc(var(--surface-glass-reflex-dark) * 8%),transparent);backdrop-filter:blur(var(--surface-glass-blur)) saturate(var(--surface-glass-saturation));-webkit-backdrop-filter:blur(var(--surface-glass-blur)) saturate(var(--surface-glass-saturation));padding:var(--spacing-lg);transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);cursor:default}.dashboard-tile:hover{background:var(--surface-glass-bg-subtle-hover);transform:translateY(-2px)}.dashboard-tile__icon{color:var(--color-foreground-secondary);opacity:.7}.dashboard-tile__title{margin:var(--spacing-sm) 0 0;font-size:var(--text-3xl)}.dashboard-tile__count{margin-top:auto;align-self:flex-end;font-size:var(--text-5xl);font-weight:var(--font-weight-normal);color:var(--color-foreground-secondary);opacity:.6;line-height:1}.dashboard-tile__caption{margin:var(--spacing-xs) 0 0;font-size:var(--text-sm);opacity:.35}.dashboard-column__rows{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--duration-expand) var(--ease-out),opacity var(--duration-slow) var(--ease-out)}.dashboard-column:hover .dashboard-column__rows{grid-template-rows:1fr;opacity:1}.dashboard-column__rows-track{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.dashboard-column:hover .dashboard-column__rows-track{overflow-y:auto;max-height:24rem;scrollbar-width:none;scroll-snap-type:y mandatory}.dashboard-column__rows-track::-webkit-scrollbar{display:none}.dashboard-row-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1-5);padding:var(--spacing-sm) var(--space-1-5);scroll-snap-align:start;border-radius:var(--rounded);border:1px solid var(--surface-glass-border-subtle);background:var(--surface-glass-bg-subtle);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-white) calc(var(--surface-glass-reflex-light) * 8%),transparent),inset 1px 2px var(--surface-glass-reflex-blur) -1px color-mix(in srgb,var(--color-white) calc(var(--surface-glass-reflex-light) * 60%),transparent),inset -.3px -1px 3px color-mix(in srgb,var(--color-black) calc(var(--surface-glass-reflex-dark) * 10%),transparent),0 1px 4px color-mix(in srgb,var(--color-black) calc(var(--surface-glass-reflex-dark) * 6%),transparent);backdrop-filter:blur(var(--surface-glass-blur)) saturate(var(--surface-glass-saturation));-webkit-backdrop-filter:blur(var(--surface-glass-blur)) saturate(var(--surface-glass-saturation));transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.dashboard-row-card:hover{background:var(--surface-glass-bg-subtle-hover);transform:translateY(-2px)}.dashboard-row-card__cells{display:flex;gap:var(--space-1-5);min-width:0;overflow:hidden}.dashboard-row-card__cell{font-size:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-row-card__cell:first-child{font-weight:var(--font-weight-medium)}.dashboard-row-card__cell:not(:first-child){opacity:.55}.dashboard-row-card__actions{display:flex;gap:var(--spacing-xs);flex-shrink:0;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.dashboard-row-card:hover .dashboard-row-card__actions{opacity:1}.dashboard-row-card__action{border:none;background:transparent;color:var(--color-foreground-secondary);font:inherit;font-size:var(--text-sm);padding:var(--radius-sm) var(--spacing-sm);cursor:pointer;border-radius:var(--rounded);transition:background-color var(--duration-fast) var(--ease-out)}.dashboard-row-card__action:hover:not(:disabled){background:var(--surface-glass-border-subtle)}.dashboard-row-card__action:disabled{opacity:.4;cursor:default}.dashboard-row-card--create{justify-content:center;border-style:dashed;opacity:.55;cursor:pointer;font:inherit;color:inherit}.dashboard-row-card--create:hover{opacity:.85}.dashboard-row-card__create-label{font-size:var(--text-sm);letter-spacing:.025em}.dashboard-column__loading{font-size:var(--text-sm);color:var(--color-foreground-secondary);font-style:italic;padding:var(--spacing-xs)}@media(max-width:72rem){.dashboard-shell__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:48rem){.dashboard-shell{--dashboard-top-offset: calc( var(--project-bar-height) + (2 * var(--spacing-xs)) + var(--spacing-md) );padding:0 var(--spacing-sm)}.dashboard-shell__tiles{width:100%;grid-template-columns:1fr;gap:var(--spacing-md)}}
