:root{--color-bg: #FFF9F0;--color-surface: #FFFFFF;--color-surface-2: #FFF0F6;--color-border: #2C2C2C;--color-text: #2C2C2C;--color-text-muted:#6B6B6B;--color-primary: #52C41A;--color-primary-dark: #389E0D;--color-danger: #FA5252;--color-warning: #FFD93D;--color-success: #51CF66;--color-info: #4DABF7;--radius: 12px;--radius-lg: 16px;--radius-sm: 8px;--border: 2px solid var(--color-border);--shadow: 4px 4px 0 var(--color-border);--shadow-sm: 2px 2px 0 var(--color-border);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-size: 15px;--font-weight-bold: 700}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);margin:0 0 var(--space-md)}a{color:var(--color-primary-dark)}code,pre,.mono{font-family:var(--font-mono)}.page-title{font-size:24px}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:700}.card{background:var(--color-surface);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-lg)}.card-2{background:var(--color-surface-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size);font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:transform .1s,box-shadow .1s}.btn:active{transform:translate(2px,2px);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-default{background:#fff}.input{width:100%;padding:var(--space-sm) var(--space-md);border:var(--border);border-radius:var(--radius);background:#fff;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size)}.input:focus{outline:none;box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border:var(--border);border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-running{background:var(--color-primary);color:#fff}.badge-stopped{background:var(--color-danger);color:#fff}.badge-unknown{background:#e0e0e0;color:var(--color-text)}.mono-surface{background:#1e1e1e;color:#e6e6e6;font-family:var(--font-mono);font-size:13px;border:var(--border);border-radius:var(--radius);padding:var(--space-md);white-space:pre;overflow:auto}