
:root{
  --color-bg-page:#05060A;--color-bg-surface:#0C0F18;--color-bg-surface-alt:#111522;
  --color-border-subtle:#262A3A;--color-border-strong:#3A4058;
  --color-text-primary:#F5F7FF;--color-text-muted:#A5ADC7;
  --color-text-critical:#FF5C7A;--color-text-success:#5AD68A;
  --color-accent-primary:#4C7DFF;--color-accent-secondary:#7C5CFF;
  --color-state-info:#3FB8FF;--color-state-warning:#FFC857;--color-state-error:#FF4B5C;
  --space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
  --space-5:24px;--space-6:32px;--space-7:40px;--space-8:56px;
  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;
  --shadow-sm:0 4px 12px rgba(0,0,0,.35);--shadow-lg:0 12px 32px rgba(0,0,0,.45);
  --font-family-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;
  --font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;
  --font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;
  --line-height-tight:1.2;--line-height-normal:1.4;--line-height-relaxed:1.6;
}
body.vita-shell{margin:0!important;background:var(--color-bg-page)!important;color:var(--color-text-primary)!important;
font-family:var(--font-family-sans)!important;font-size:var(--font-size-md)!important;line-height:var(--line-height-relaxed)!important;
-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.vita-shell *,body.vita-shell *:before,body.vita-shell *:after{box-sizing:border-box}
body.vita-shell a{color:var(--color-state-info)} body.vita-shell a:hover{color:#84d4ff}
body.vita-shell :focus-visible{outline:2px solid var(--color-accent-primary)!important;outline-offset:3px!important}
body.vita-shell button,body.vita-shell [role=button],body.vita-shell input,body.vita-shell select,
body.vita-shell textarea,body.vita-shell nav a{min-height:44px}
body.vita-shell h1,body.vita-shell .page-title{color:var(--color-text-primary)!important;font-size:var(--font-size-2xl)!important;
font-weight:var(--font-weight-semibold)!important;line-height:var(--line-height-normal)!important}
body.vita-shell h2,body.vita-shell .section-title{color:var(--color-text-primary)!important;font-size:var(--font-size-xl)!important;
font-weight:var(--font-weight-semibold)!important}
body.vita-shell h3,body.vita-shell .card-title{color:var(--color-text-primary)!important;font-size:var(--font-size-lg)!important;
font-weight:var(--font-weight-medium)!important}
body.vita-shell p,body.vita-shell li,body.vita-shell td,body.vita-shell label{color:var(--color-text-primary)}
body.vita-shell .muted,body.vita-shell .meta,body.vita-shell small,body.vita-shell .subtitle,
body.vita-shell .lede{color:var(--color-text-muted)!important}
body.vita-shell header,body.vita-shell .topbar,body.vita-shell .app-header,body.vita-shell .site-header{
background:rgba(5,6,10,.96)!important;color:var(--color-text-primary)!important;
border-bottom:1px solid var(--color-border-subtle)!important;box-shadow:none!important;backdrop-filter:blur(12px)}
body.vita-shell .card,body.vita-shell .panel,body.vita-shell .tile,body.vita-shell article,
body.vita-shell .metric,body.vita-shell .workspace-card,body.vita-shell .programme-card{
background:var(--color-bg-surface)!important;color:var(--color-text-primary)!important;
border:1px solid var(--color-border-subtle)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important}
body.vita-shell .surface-alt,body.vita-shell .subcard,body.vita-shell .callout{
background:var(--color-bg-surface-alt)!important;border:1px solid var(--color-border-subtle)!important}
body.vita-shell nav a,body.vita-shell .nav-link,body.vita-shell .tab,body.vita-shell .chip{
color:var(--color-text-muted)!important;border-radius:var(--radius-md)!important}
body.vita-shell nav a:hover,body.vita-shell .nav-link:hover,body.vita-shell .tab:hover{
color:var(--color-text-primary)!important;background:var(--color-bg-surface-alt)!important}
body.vita-shell nav a[aria-current=page],body.vita-shell .nav-link.active,body.vita-shell .tab.active{
color:var(--color-text-primary)!important;background:rgba(76,125,255,.16)!important;border-color:rgba(76,125,255,.6)!important}
body.vita-shell button,body.vita-shell .button,body.vita-shell .btn{
border-radius:var(--radius-md)!important;font-weight:var(--font-weight-semibold)!important}
body.vita-shell .primary,body.vita-shell .btn-primary,body.vita-shell button[type=submit]{
background:var(--color-accent-primary)!important;color:#fff!important;border:1px solid var(--color-accent-primary)!important;box-shadow:none!important}
body.vita-shell .secondary,body.vita-shell .btn-secondary{
background:transparent!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border-strong)!important}
body.vita-shell input,body.vita-shell select,body.vita-shell textarea{
background:var(--color-bg-surface-alt)!important;color:var(--color-text-primary)!important;
border:1px solid var(--color-border-strong)!important;border-radius:var(--radius-md)!important;padding:var(--space-3) var(--space-4)!important}
body.vita-shell input::placeholder,body.vita-shell textarea::placeholder{color:#79829e!important}
body.vita-shell table{width:100%;background:var(--color-bg-surface)!important;color:var(--color-text-primary)!important;border-collapse:collapse}
body.vita-shell th{background:var(--color-bg-surface-alt)!important;color:var(--color-text-muted)!important;font-size:var(--font-size-sm)!important}
body.vita-shell th,body.vita-shell td{border-bottom:1px solid var(--color-border-subtle)!important;padding:var(--space-3) var(--space-4)!important}
body.vita-shell .status,body.vita-shell .pill,body.vita-shell .tag,body.vita-shell .badge{
display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill)!important;
border:1px solid var(--color-border-strong)!important;background:var(--color-bg-surface-alt)!important;
color:var(--color-text-primary)!important;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-semibold)!important;padding:6px 10px!important}
body.vita-shell .success,body.vita-shell [data-state=accepted],body.vita-shell [data-state=released]{color:var(--color-text-success)!important}
body.vita-shell .warning,body.vita-shell [data-state=pending],body.vita-shell [data-state=configured]{color:var(--color-state-warning)!important}
body.vita-shell .critical,body.vita-shell .error,body.vita-shell [data-state=blocked]{color:var(--color-text-critical)!important}
body.vita-shell footer{background:var(--color-bg-page)!important;color:var(--color-text-muted)!important;border-top:1px solid var(--color-border-subtle)!important}
@media(min-width:900px){body.vita-shell main,body.vita-shell .page,body.vita-shell .content{padding-left:var(--space-6);padding-right:var(--space-6)}}
@media(max-width:899px){body.vita-shell main,body.vita-shell .page,body.vita-shell .content{padding-left:var(--space-4);padding-right:var(--space-4)}}
@media(prefers-reduced-motion:reduce){body.vita-shell *,body.vita-shell *:before,body.vita-shell *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
