/* Sandbox Africa UI Upgrade - inspired by starter-kit dashboard density, premium card systems, icon-first navigation and polished enterprise SaaS surfaces. */
:root{
  --sandbox-ink:#07191d;
  --sandbox-navy:#0d2b31;
  --sandbox-teal:#17474f;
  --sandbox-teal-2:#24616c;
  --sandbox-gold:#d99a3d;
  --sandbox-gold-2:#f2c46d;
  --sandbox-green:#41b883;
  --sandbox-red:#dc5b52;
  --sandbox-muted:#64777c;
  --sandbox-bg:#f3f6f5;
  --sandbox-line:#dfe8e7;
  --sandbox-card:#ffffff;
  --sandbox-radius:24px;
  --sandbox-shadow:0 24px 70px rgba(7,25,29,.12);
  --sandbox-shadow-soft:0 14px 40px rgba(7,25,29,.08);
}
body{background:radial-gradient(circle at top left, rgba(217,154,61,.09), transparent 28rem),linear-gradient(180deg,#f8faf9 0%,#eff5f4 100%)!important;color:var(--sandbox-ink);} 
.sandbox-ui{font-family:'Inter Tight','Inter','Montserrat','Nunito',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--sandbox-ink);} 
.sandbox-ui *{letter-spacing:-.01em;}
.sandbox-ui .sandbox-page-hero,.sandbox-page-hero{position:relative;overflow:hidden;border-radius:32px;margin-bottom:28px;padding:30px;background:linear-gradient(135deg,#07191d 0%,#123f46 54%,#d99a3d 160%);color:#fff;box-shadow:var(--sandbox-shadow);} 
.sandbox-page-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(242,196,109,.28),transparent 26%),radial-gradient(circle at 90% 10%,rgba(65,184,131,.18),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.08),transparent 30%);pointer-events:none;} 
.sandbox-page-hero>*{position:relative;z-index:2;} 
.sandbox-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.12);color:#f2c46d;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;margin-bottom:13px;border:1px solid rgba(255,255,255,.12);} 
.sandbox-title{font-size:clamp(28px,4vw,46px);line-height:1.02;font-weight:900;margin:0 0 10px;color:inherit;} 
.sandbox-lede{max-width:800px;color:rgba(255,255,255,.76);font-size:16px;line-height:1.7;margin:0;} 
.sandbox-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:22px 0;} 
.sandbox-kpi,.sandbox-ui .bg-white.bd-one,.sandbox-ui .bg-white.border,.sandbox-ui .bg-white.rounded-2xl,.sandbox-ui .bg-white.rounded-3xl,.sandbox-ui .bg-white.rounded-lg,.sandbox-ui .rounded-2xl.border,.sandbox-ui .rounded-3xl.border{background:rgba(255,255,255,.9)!important;border:1px solid rgba(223,232,231,.9)!important;border-radius:24px!important;box-shadow:var(--sandbox-shadow-soft);backdrop-filter:blur(12px);} 
.sandbox-kpi{padding:20px;position:relative;overflow:hidden;} 
.sandbox-kpi:after{content:'';position:absolute;right:-32px;top:-34px;width:96px;height:96px;background:radial-gradient(circle,rgba(217,154,61,.18),transparent 65%);} 
.sandbox-kpi-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--sandbox-muted);margin:0 0 7px;} 
.sandbox-kpi-value{font-size:32px;font-weight:900;color:var(--sandbox-ink);line-height:1;margin:0;} 
.sandbox-ui .p-30{padding:28px!important;} 
.sandbox-ui h4.fs-24,.sandbox-ui h5.fs-18,.sandbox-ui h5.fs-16,.sandbox-ui .text-title-black{color:var(--sandbox-ink)!important;} 
.sandbox-ui .text-para-text,.sandbox-ui .text-muted{color:var(--sandbox-muted)!important;} 
.sandbox-ui .bd-ra-12,.sandbox-ui .bd-ra-10,.sandbox-ui .bd-ra-8,.sandbox-ui .rounded-lg,.sandbox-ui .rounded-xl{border-radius:18px!important;} 
.sandbox-ui .zForm-control,.sandbox-ui .form-control,.sandbox-ui .form-select{border-radius:16px!important;border:1px solid var(--sandbox-line)!important;min-height:48px;box-shadow:none!important;background:#fff!important;color:#143138!important;} 
.sandbox-ui textarea.form-control{min-height:auto;} 
.sandbox-ui .zForm-control:focus,.sandbox-ui .form-control:focus,.sandbox-ui .form-select:focus{border-color:rgba(217,154,61,.75)!important;box-shadow:0 0 0 4px rgba(217,154,61,.14)!important;} 
.sandbox-ui button,.sandbox-ui .btn,.sandbox-ui a.bg-primary,.sandbox-ui .bg-primary{background:linear-gradient(135deg,var(--sandbox-gold),var(--sandbox-gold-2))!important;color:#102b31!important;border:0!important;font-weight:850!important;box-shadow:0 12px 28px rgba(217,154,61,.24);transition:transform .2s ease, box-shadow .2s ease;} 
.sandbox-ui button:hover,.sandbox-ui .btn:hover,.sandbox-ui a.bg-primary:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(217,154,61,.32);} 
.sandbox-ui .badge{border-radius:999px!important;padding:.45rem .7rem!important;font-weight:800!important;letter-spacing:.01em;} 
.sandbox-ui .badge.bg-light,.sandbox-ui .bg-light.text-dark{background:#f3f7f6!important;color:#164149!important;border:1px solid #dfe8e7!important;} 
.sandbox-ui .badge.bg-success,.sandbox-ui .bg-success{background:linear-gradient(135deg,#2aa66f,#52c997)!important;color:#fff!important;} 
.sandbox-ui .badge.bg-secondary,.sandbox-ui .bg-secondary{background:#6e8186!important;color:#fff!important;} 
.sandbox-ui .badge.bg-warning{background:#f2c46d!important;color:#102b31!important;} 
.sandbox-ui .table,.sandbox-ui .zTable{border-collapse:separate!important;border-spacing:0 10px!important;} 
.sandbox-ui .table thead th,.sandbox-ui .zTable thead th{border:0!important;color:#718287!important;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;padding:10px 14px!important;background:transparent!important;} 
.sandbox-ui .table tbody tr,.sandbox-ui .zTable tbody tr{box-shadow:0 12px 30px rgba(7,25,29,.05);} 
.sandbox-ui .table tbody td,.sandbox-ui .zTable tbody td{background:#fff!important;border-top:1px solid #e6eeee!important;border-bottom:1px solid #e6eeee!important;padding:16px 14px!important;vertical-align:top;} 
.sandbox-ui .table tbody td:first-child,.sandbox-ui .zTable tbody td:first-child{border-left:1px solid #e6eeee!important;border-radius:18px 0 0 18px;} 
.sandbox-ui .table tbody td:last-child,.sandbox-ui .zTable tbody td:last-child{border-right:1px solid #e6eeee!important;border-radius:0 18px 18px 0;} 
.sandbox-ui .alert{border-radius:18px;border:0;box-shadow:var(--sandbox-shadow-soft);} 
.sandbox-ui .nav-pills,.sandbox-tabs{display:flex;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--sandbox-line);border-radius:999px;padding:7px;box-shadow:0 10px 26px rgba(7,25,29,.06);} 
.sandbox-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#eef5f3;color:#17474f;padding:7px 11px;font-size:12px;font-weight:800;border:1px solid #dfe8e7;} 
.sandbox-progress{height:10px;background:#edf3f2;border-radius:999px;overflow:hidden;} 
.sandbox-progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sandbox-gold),var(--sandbox-green));} 
.sandbox-section-title{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--sandbox-gold);margin-bottom:12px;} 
.sandbox-empty{border:1px dashed #bfd0d0;background:linear-gradient(135deg,#fff,#f6faf9);border-radius:24px;padding:32px;text-align:center;color:var(--sandbox-muted);} 
.sandbox-sidebar-brand{margin:18px 18px 24px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#081b20,#17474f);color:#fff;box-shadow:0 18px 40px rgba(7,25,29,.22);} 
.sandbox-sidebar-brand strong{display:block;font-size:18px;letter-spacing:-.03em;} 
.sandbox-sidebar-brand span{display:block;color:rgba(255,255,255,.68);font-size:12px;margin-top:3px;line-height:1.4;} 
.zSidebar{background:linear-gradient(180deg,#07191d,#0d2b31 58%,#102d32)!important;box-shadow:20px 0 60px rgba(7,25,29,.14);} 
.zSidebar .zSidebar-menu a{border-radius:16px!important;margin:4px 14px;color:rgba(255,255,255,.74)!important;transition:all .18s ease;} 
.zSidebar .zSidebar-menu a:hover,.zSidebar .zSidebar-menu a.active,.zSidebar .zSidebar-menu a.show{background:rgba(217,154,61,.16)!important;color:#fff!important;transform:translateX(2px);} 
.zSidebar .zSidebar-menu a i{color:#f2c46d!important;} 
.zMainContent{background:radial-gradient(circle at top right,rgba(217,154,61,.08),transparent 25rem),#f4f7f6!important;} 
.sandbox-public{font-family:'Inter Tight','Inter','Montserrat',system-ui,sans-serif;background:#f4f7f6;color:var(--sandbox-ink);} 
.sandbox-public .hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(217,154,61,.24),transparent 24rem),radial-gradient(circle at 86% 10%,rgba(65,184,131,.18),transparent 26rem),linear-gradient(135deg,#06181c 0%,#123f46 70%,#2a6f77 100%);}
.sandbox-public-card{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.75);border-radius:30px;box-shadow:var(--sandbox-shadow);backdrop-filter:blur(16px);} 
.sandbox-public a{transition:all .18s ease;} 
.sandbox-public a:hover{transform:translateY(-1px);} 
@media(max-width:768px){.sandbox-page-hero{border-radius:22px;padding:22px}.sandbox-title{font-size:30px}.sandbox-ui .p-30{padding:18px!important}.sandbox-ui .table tbody td:first-child,.sandbox-ui .zTable tbody td:first-child,.sandbox-ui .table tbody td:last-child,.sandbox-ui .zTable tbody td:last-child{border-radius:0!important}}