/* ============================================================
   AEU design system — single source of truth (navy + royal blue
   + Plus Jakarta Sans). Shared by every page in this service.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root{
  --navy-950:#0b1220;--navy-900:#0f172a;--navy-800:#16233d;
  --slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;
  --slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#eef2f7;--bg:#f8fafc;--white:#fff;
  --accent:#1d4ed8;--accent-600:#2563eb;--accent-soft:#93c5fd;
  --green-bg:#f0fdf4;--green:#15803d;--green-bd:#bbf7d0;
  --amber-bg:#fffbeb;--amber:#b45309;--amber-bd:#fde68a;
  --red-bg:#fef2f2;--red:#b91c1c;--red-bd:#fecaca;
  --radius:16px;
  --shadow-sm:0 1px 2px rgba(15,23,42,.06),0 2px 6px rgba(15,23,42,.06);
  --shadow-lift:0 12px 30px -14px rgba(15,23,42,.22);
  --btn-shadow:0 10px 22px -12px rgba(37,99,235,.7);
  --font:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

*{box-sizing:border-box}
body{font-family:var(--font);background:var(--bg);color:var(--slate-700);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}

/* --- Slim navy top-nav (shared, like the AEU account panel) --- */
.topbar{background:var(--navy-900);color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-inner{max-width:1140px;margin:0 auto;padding:.7rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:14px}
.topbar .brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:800;font-size:1.02rem;letter-spacing:-.01em}
.topbar .brand i{color:var(--accent-soft);font-size:1.15rem}
.topbar .brand span{color:var(--slate-300);font-weight:600}
.topbar .who{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--slate-300)}
.topbar .who i{color:var(--accent-soft)}

/* --- Light page header (title + subtitle) --- */
.page-head{margin-bottom:1.8rem;text-align:center}
.page-head h1{font-size:1.95rem;font-weight:800;letter-spacing:-.02em;color:var(--navy-900);margin:0 0 .35rem}
.page-head h1 i{color:var(--accent)}
.page-head p{color:var(--slate-600);margin:0;font-size:1rem}