:root{
      --bg:#f6f8fc;
      --card:#ffffff;
      --text:#0f172a;
      --muted:#64748b;
      --border:#e2e8f0;
      --primary:#1d4ed8;
      --primary2:#0b3aa4;
      --okbg:#ecfdf5;
      --okbd:#a7f3d0;
      --oktx:#065f46;
      --erbg:#fef2f2;
      --erbd:#fecaca;
      --ertx:#991b1b;
      --infbg:#eff6ff;
      --infbd:#bfdbfe;
      --inftx:#1e40af;
      --shadow:0 10px 30px rgba(2,6,23,.08);
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1200px 600px at 20% -10%, rgba(29,78,216,.12), transparent 55%),
        radial-gradient(900px 500px at 90% 0%, rgba(14,165,233,.10), transparent 60%),
        var(--bg);
      color:var(--text);
    }
    .wrap{max-width:1050px;margin:0 auto;padding:34px 16px}
    .topbar{
      display:flex;align-items:center;justify-content:space-between;
      gap:12px;flex-wrap:wrap;margin-bottom:14px;
    }
    .crumbs{
      display:flex;gap:10px;flex-wrap:wrap;align-items:center;
      color:var(--muted);font-size:13px;
    }
    .crumbs a{
      color:var(--primary);text-decoration:none;font-weight:800;
      padding:8px 10px;border-radius:10px;background:rgba(29,78,216,.08);
    }
    .crumbs a:hover{background:rgba(29,78,216,.13)}
    .card{
      background:var(--card);
      border:1px solid var(--border);
      border-radius:18px;
      box-shadow:var(--shadow);
      overflow:hidden;
    }
    .hero{
      padding:22px 22px 14px 22px;
      border-bottom:1px solid var(--border);
      background:linear-gradient(180deg, rgba(29,78,216,.06), transparent);
    }
    h1{margin:0;font-size:24px;letter-spacing:-.2px}
    .subtitle{margin:8px 0 0 0;color:var(--muted);line-height:1.6;font-size:14px}
    .content{padding:22px}
    .alert{
      padding:12px 14px;border-radius:14px;margin-bottom:14px;
      border:1px solid var(--border);
      font-size:14px;line-height:1.6;
    }
    .alert.ok{background:var(--okbg);border-color:var(--okbd);color:var(--oktx)}
    .alert.err{background:var(--erbg);border-color:var(--erbd);color:var(--ertx)}
    .alert.info{background:var(--infbg);border-color:var(--infbd);color:var(--inftx)}
    .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    @media(max-width:800px){.grid{grid-template-columns:1fr}}
    .field{margin-bottom:14px}
    label{
      display:flex;justify-content:space-between;align-items:center;
      font-size:13px;font-weight:900;color:#1f2937;margin:0 0 6px 0;
    }
    .hint{font-weight:800;color:var(--muted);font-size:12px}
    input, select, textarea{
      width:100%;
      border:1px solid var(--border);
      border-radius:14px;
      padding:12px 12px;
      font-size:14px;
      outline:none;
      background:#fff;
      transition:box-shadow .15s, border-color .15s;
    }
    textarea{min-height:140px;resize:vertical}
    input:focus, select:focus, textarea:focus{
      border-color:rgba(29,78,216,.55);
      box-shadow:0 0 0 4px rgba(29,78,216,.12);
    }
    .readonly{background:#f8fafc;color:#334155}
    .accept{
      display:flex;gap:10px;align-items:flex-start;
      margin-top:4px;padding:10px 12px;border:1px solid var(--border);
      border-radius:14px;background:#fafcff;
    }
    .accept input{width:auto;margin-top:3px}
    .accept p{margin:0;color:#334155;font-size:13px;line-height:1.5}
    .actions{
      margin-top:16px;
      display:flex;gap:12px;align-items:center;justify-content:space-between;
      flex-wrap:wrap;
    }
    .btn{
      border:0;border-radius:14px;padding:12px 16px;
      font-weight:900;cursor:pointer;font-size:14px;
      background:linear-gradient(180deg, var(--primary), var(--primary2));
      color:#fff;box-shadow:0 10px 22px rgba(29,78,216,.18);
    }
    .btn:hover{filter:brightness(.97)}
    .muted{color:var(--muted);font-size:13px}
    .footerNote{margin-top:14px;color:var(--muted);font-size:12px;line-height:1.6}
    /* honeypot */
    .hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;opacity:0}
    .statusBox{
      border:1px solid var(--border);
      border-radius:14px;
      padding:12px 14px;
      background:#fff;
    }
    .statusBox strong{display:inline-block;margin-bottom:6px}
  
:root{--bg:#f7f8f3;--primary:#183b35;--primary2:#36766a;--text:#183b35;--muted:#697771;--border:#e1e7de;--shadow:0 8px 28px #183b3508}body{background:#f7f8f3}.hero{background:#edf1e7}.btn.primary{background:#183b35}.crumbs a{color:#183b35;background:#eaf0df}