/* Global Mercy Alliance - modern minimal UI */
:root{
  --bg:#0b1220; --card:#0f1b33; --muted:#9bb0d1; --text:#eef3ff;
  --accent:#4dd0e1; --accent2:#8bc34a; --shadow:rgba(0,0,0,.3);
  --radius:18px; --maxw:1120px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:linear-gradient(180deg,#070b14 0%,#0b1220 60%,#070b14 100%);color:var(--text)}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--maxw);margin:0 auto;padding:0 18px}
.nav{position:sticky;top:0;backdrop-filter:blur(10px);background:rgba(7,11,20,.7);border-bottom:1px solid rgba(255,255,255,.06);z-index:10}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:10px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
.pill{padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(77,208,225,.12);cursor:pointer;font-weight:650}
.btn:hover{background:rgba(77,208,225,.18)}
.btn-primary{background:rgba(77,208,225,.18);border-color:rgba(77,208,225,.35)}
.btn-ghost{background:rgba(255,255,255,.04)}
.grid{display:grid;gap:16px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.grid-3,.grid-2{grid-template-columns:1fr}}
.hero{padding:46px 0 28px}
.hero h1{font-size:clamp(28px,4vw,44px);margin:0 0 10px}
.hero p{color:var(--muted);font-size:16px;line-height:1.6;max-width:760px}
.card{background:rgba(15,27,51,.75);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:0 14px 32px var(--shadow);padding:18px}
.kpi{display:flex;gap:12px;align-items:center}
.kpi .num{font-size:22px;font-weight:900}
.muted{color:var(--muted)}
.progress{width:100%;height:10px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}
.progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,rgba(77,208,225,1),rgba(139,195,74,1));border-radius:999px}
.badges{display:flex;flex-wrap:wrap;gap:10px}
.badge{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);font-size:13px}
.footer{padding:26px 0 40px;border-top:1px solid rgba(255,255,255,.06);margin-top:36px}
.small{font-size:13px;color:var(--muted)}
input,select,textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);color:var(--text)}
label{display:block;font-size:13px;margin-bottom:6px;color:var(--muted)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:700px){.form-row{grid-template-columns:1fr}}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
.tag{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);font-size:12px}
.hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:14px 0}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:900px){.gallery{grid-template-columns:1fr 1fr}}

/* === GMA THEME OVERRIDES WHITE RED BEGIN === */
:root{
  --bg:#ffffff;
  --card:#ffffff;
  --muted:#7a1b1b;
  --text:#b00020;
  --accent:#b00020;
  --accent2:#d32f2f;
  --shadow:rgba(0,0,0,.08);
}

/* Make the overall site white background + red text */
html,body{ background:#ffffff !important; color:var(--text) !important; }

/* Light nav + borders */
.nav{ background:rgba(255,255,255,.92) !important; border-bottom:1px solid rgba(0,0,0,.08) !important; }
.footer{ border-top:1px solid rgba(0,0,0,.08) !important; }

/* Cards and pills */
.card{ background:#ffffff !important; border:1px solid rgba(0,0,0,.08) !important; box-shadow:0 10px 24px var(--shadow) !important; }
.pill,.badge,.tag{ border:1px solid rgba(0,0,0,.12) !important; background:rgba(176,0,32,.04) !important; }

/* Buttons */
.btn{ border:1px solid rgba(176,0,32,.25) !important; background:rgba(176,0,32,.08) !important; }
.btn:hover{ background:rgba(176,0,32,.12) !important; }
.btn-primary{ background:rgba(176,0,32,.14) !important; border-color:rgba(176,0,32,.35) !important; }

/* Progress bars */
.progress{ background:rgba(0,0,0,.08) !important; }
.progress>span{ background:linear-gradient(90deg, rgba(176,0,32,1), rgba(211,47,47,1)) !important; }

/* Forms */
input,select,textarea{ background:#ffffff !important; color:var(--text) !important; border:1px solid rgba(0,0,0,.18) !important; }
.small,.muted,label{ color:var(--muted) !important; }
/* === GMA THEME OVERRIDES WHITE RED END === */