:root{
  --rg-gold:#c7a46e;
  --rg-gold-dark:#a78859;
  --rg-bg:#ffffff;
  --rg-fg:#222222;
  --rg-muted:#666666;
  --rg-surface:#fbfbfb;
  --rg-summary:#faf7f2;
  --rg-ok:#1a7f37;
  --rg-bad:#a52828;
  --rg-border:#e9e6df;
}

.rg-cagr{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--rg-fg)}
.rg-cagr__app{background:var(--rg-bg);border:1px solid var(--rg-border);border-radius:16px;box-shadow:0 6px 22px rgba(0,0,0,.05);padding:16px;max-width:920px;margin:0 auto}

.rg-cagr__header{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.rg-cagr__brand{font-weight:800;color:var(--rg-gold)}
.rg-cagr__title{font-size:18px;font-weight:700}

.rg-cagr__form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rg-field{display:flex;flex-direction:column;gap:6px}
.rg-field label{font-weight:600}
.rg-field input{border:1px solid var(--rg-border);border-radius:10px;padding:10px 12px;background:#fff}

.rg-muted{color:var(--rg-muted)}

.rg-enddate{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}
.rg-enddate__status{color:var(--rg-muted)}

.rg-actions{grid-column:1 / -1;display:flex;gap:8px;margin-top:6px}

.rg-btn{border:1px solid var(--rg-border);border-radius:999px;padding:10px 14px;background:#fff;cursor:pointer}
.rg-btn--primary{background:var(--rg-gold);border-color:var(--rg-gold);color:#fff}
.rg-btn--primary:hover{background:var(--rg-gold-dark);border-color:var(--rg-gold-dark)}
.rg-btn--ghost{background:transparent;border-color:transparent;color:var(--rg-gold)}
.rg-btn--ghost:hover{color:var(--rg-gold-dark)}

.rg-output{margin:14px 0;padding:12px;background:var(--rg-surface);border-radius:12px;white-space:pre-wrap;overflow:auto;max-height:360px;border:1px solid var(--rg-border)}

.rg-summary{background:var(--rg-summary);border:1px solid var(--rg-border);border-radius:12px;padding:12px;margin-top:6px}
.rg-summary__title{color:var(--rg-gold);font-weight:700;margin-bottom:6px}
.rg-summary__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rg-summary__label{font-size:12px;color:var(--rg-muted)}
.rg-summary__value{font-weight:700}

.rg-summary { margin-top: 12px; }
.rg-output  { margin-top: 12px; }

.rg-outcome--good{color:var(--rg-ok)}
.rg-outcome--bad{color:var(--rg-bad)}

.rg-modal{border:none;padding:0}
.rg-modal::backdrop{background:rgba(0,0,0,.35)}
.rg-modal__card{background:#fff;border-radius:14px;padding:16px;min-width:300px}
.rg-modal__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}

@media (max-width: 720px){
  .rg-cagr__form{grid-template-columns:1fr}
  .rg-summary__grid{grid-template-columns:1fr}
}