:root {
        --ink: #122015;
        --paper: #f8fbf8;
        --forest: #106739;
        --line: #d4e4d8;
        --card: #ffffff;
        --error: #b53333;
      }
      * { box-sizing: border-box; }
      body {
        margin: 0;
        background: linear-gradient(145deg, #eef8f1 0%, #fff 45%, #f8efe0 100%);
        font-family: "IBM Plex Sans", "Avenir Next", "Trebuchet MS", sans-serif;
        color: var(--ink);
      }
      .wrap { max-width: 860px; margin: 0 auto; padding: 40px 18px 72px; }
      .card {
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: 16px;
        box-shadow: 0 12px 30px rgba(18, 32, 21, 0.08);
        padding: 22px;
        margin-bottom: 14px;
      }
      h1, h2 { margin-top: 0; }
      label { font-weight: 700; font-size: 0.95rem; display: block; margin-bottom: 6px; }
      input, button {
        width: 100%;
        border-radius: 10px;
        border: 1px solid var(--line);
        padding: 11px 12px;
        font: inherit;
      }
      button {
        background: var(--forest);
        color: #fff;
        font-weight: 700;
        cursor: pointer;
      }
      button.secondary {
        background: #fff;
        color: var(--ink);
      }
      .row { display: grid; gap: 10px; }
      .activate-actions { margin-top: 10px; }
      .muted { color: #4d6355; font-size: 0.95rem; }
      .status { font-size: 0.95rem; padding: 10px; border-radius: 10px; background: #eff6f1; }
      .error { color: var(--error); }
      pre {
        background: #f1f7f2;
        border-radius: 10px;
        padding: 12px;
        overflow-x: auto;
        font-family: "IBM Plex Mono", "SFMono-Regular", ui-monospace, monospace;
      }
      .hidden { display: none; }
      a { color: var(--forest); }