.vita-app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr) 320px;grid-template-rows:64px 1fr;
grid-template-areas:"top top top" "left main right";background:var(--color-bg-page)}
.vita-topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);
border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-page);position:sticky;top:0;z-index:20}
.vita-left-rail{grid-area:left;padding:var(--space-4);border-right:1px solid var(--color-border-subtle);background:var(--color-bg-surface)}
.vita-main{grid-area:main;padding:var(--space-6);min-width:0}
.vita-right-rail{grid-area:right;padding:var(--space-4);border-left:1px solid var(--color-border-subtle);background:var(--color-bg-surface)}
.vita-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}
.vita-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}
.vita-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}
.vita-card__footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}
.vita-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}
.vita-metric-tile{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}
.vita-metric-tile__label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}
.vita-metric-tile__value{display:block;margin-top:var(--space-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}
.vita-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.vita-form-field{display:flex;flex-direction:column;gap:var(--space-2)} .vita-form-field--full{grid-column:1/-1}
.vita-button-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}
.vita-primary-button,.vita-secondary-button{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer}
.vita-primary-button{background:var(--color-accent-primary);color:#fff;border:1px solid var(--color-accent-primary)}
.vita-secondary-button{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-strong)}
.vita-status-pill{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);padding:6px 10px;
background:var(--color-bg-surface-alt);border:1px solid var(--color-border-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
.vita-status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-state-info)}
.vita-timeline{display:grid;gap:var(--space-3)} .vita-timeline__item{display:grid;grid-template-columns:20px 1fr;gap:var(--space-3)}
.vita-timeline__marker{width:12px;height:12px;margin-top:5px;border-radius:50%;background:var(--color-accent-primary);box-shadow:0 0 0 4px rgba(76,125,255,.16)}
@media(max-width:1100px){.vita-app-shell{grid-template-columns:220px minmax(0,1fr);grid-template-areas:"top top" "left main"}.vita-right-rail{display:none}}
@media(max-width:760px){.vita-app-shell{display:block}.vita-left-rail{display:none}.vita-main{padding:var(--space-4)}.vita-form-grid{grid-template-columns:1fr}}