body { font-family: -apple-system, Segoe UI, Arial, sans-serif; max-width: 620px;
           margin: 40px auto; padding: 20px; background: #f4f4f2; color: #222; }
    .card { background: #fff; padding: 32px; border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,.08); }
    h1 { margin: 0 0 6px; font-size: 26px; }
    .sub { color: #666; margin-top: 0; }
    label { display: block; font-size: 13px; font-weight: 600; margin-top: 16px; }
    input { width: 100%; padding: 11px; margin-top: 6px; border: 1px solid #ddd;
            border-radius: 6px; box-sizing: border-box; font-size: 15px; }
    button { background: #2b6a4b; color: #fff; padding: 14px; margin-top: 22px;
             cursor: pointer; border: none; border-radius: 6px; font-size: 16px;
             width: 100%; font-weight: 600; }
    button:disabled { background: #9bb5a8; cursor: not-allowed; }
    .note { color: #777; font-size: 13px; margin-top: 14px; }
    .status { padding: 14px; border-radius: 6px; margin-top: 18px; font-size: 15px; }
    .running { background: #eef3fb; color: #234; }
    .success { background: #e9f5ee; color: #1d5236; }
    .error { background: #fdecec; color: #8a2020; }
    .warn { background: #fdf5e3; color: #7a5510; }
    .status a { color: inherit; font-weight: 600; }
    .small { font-size: 13px; opacity: .85; }
.or { text-align: center; color: #999; font-size: 13px; margin: 16px 0 0; }
.link-note { margin-top: 6px; }