:root{--p-color-bg: #ffffff;--p-color-bg-subdued: #f6f6f7;--p-color-bg-interactive: #303030;--p-color-bg-interactive-hover: #1a1a1a;--p-color-bg-interactive-active: #0a0a0a;--p-color-text-link: #005bd3;--p-color-bg-success: #008060;--p-color-bg-warning: #b98900;--p-color-bg-critical: #d72c0d;--p-color-border: #c9cccf;--p-color-border-subdued: #e3e3e3;--p-color-text: #202223;--p-color-text-subdued: #6d7175;--p-color-text-on-interactive: #ffffff;--p-color-bg-success-subdued: #e3f1e5;--p-color-text-success: #007f5f;--p-color-bg-warning-subdued: #fff4df;--p-color-border-warning: #ffe5c2;--p-color-text-warning: #8a6116;--p-color-bg-critical-subdued: #fff0ed;--p-color-text-critical: #c72a10;--p-color-bg-neutral-subdued: #f1f1f1;--p-color-text-neutral: #414f5c;--p-space-1: 4px;--p-space-2: 8px;--p-space-3: 12px;--p-space-4: 16px;--p-space-5: 20px;--p-space-6: 24px;--p-space-8: 32px;--p-space-10: 40px;--p-radius-1: 4px;--p-radius-2: 8px;--p-shadow-card: 0 1px 2px rgba(0, 0, 0, .08);--p-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--p-font-size-1: 12px;--p-font-size-2: 14px;--p-font-size-3: 16px;--p-font-size-4: 20px;--p-font-size-5: 28px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100%}body{font-family:var(--p-font-family);font-size:var(--p-font-size-2);color:var(--p-color-text);background:var(--p-color-bg-subdued);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:0;font-weight:600}.p-page{padding:var(--p-space-6);max-width:1120px;margin:0 auto}.p-card{background:var(--p-color-bg);border:1px solid var(--p-color-border-subdued);border-radius:var(--p-radius-2);box-shadow:var(--p-shadow-card);padding:var(--p-space-4) var(--p-space-6)}.p-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:var(--p-font-size-1);font-weight:500}.p-badge--success{background:var(--p-color-bg-success-subdued);color:var(--p-color-text-success)}.p-badge--warning{background:var(--p-color-bg-warning-subdued);color:var(--p-color-text-warning)}.p-badge--critical{background:var(--p-color-bg-critical-subdued);color:var(--p-color-text-critical)}.p-badge--neutral{background:var(--p-color-bg-neutral-subdued);color:var(--p-color-text-neutral)}.p-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid transparent;border-radius:var(--p-radius-1);font-size:var(--p-font-size-2);font-weight:600;cursor:pointer;font-family:var(--p-font-family)}.p-button--primary{background:var(--p-color-bg-interactive);color:var(--p-color-text-on-interactive)}.p-button--primary:hover{background:var(--p-color-bg-interactive-hover)}.p-button--full{width:100%}.p-button--large{padding:12px 20px;font-size:var(--p-font-size-3)}.p-heading{font-size:var(--p-font-size-5);font-weight:600;margin-bottom:var(--p-space-1)}.p-subheading{color:var(--p-color-text-subdued);margin-bottom:var(--p-space-6)}.p-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--p-space-4)}.p-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--p-space-2);color:var(--p-color-text)}