*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-header__brand{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:700;font-size:var(--font-size-lg)}.app-header__dot{width:10px;height:10px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-accent))}.app-header__meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.app-main{flex:1;padding:var(--space-xl);max-width:1200px;width:100%;margin:0 auto}.command-center__title{font-family:var(--font-display);font-size:var(--font-size-2xl);margin:0 0 var(--space-xs)}.command-center__subtitle{color:var(--color-text-muted);margin:0 0 var(--space-xl)}.command-center__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.status-tile{display:block;text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .15s ease,transform .15s ease;font:inherit;color:inherit}.status-tile:hover,.status-tile:focus-visible{box-shadow:var(--shadow-md);transform:translateY(-2px);outline:none}.status-tile__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.status-tile__badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);font-weight:600;padding:4px 10px;border-radius:var(--radius-pill)}.status-tile__badge--ok{color:var(--color-success);background:var(--color-success-bg)}.status-tile__badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-tile__label{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--space-xs)}.status-tile__description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.status-tile__placeholder-note{display:block;margin-top:var(--space-md);font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}