:root{
  --ef-primary:#10b7c4;
  --ef-primary-dark:#0a2b57;
  --ef-accent:#12d2b7;
  --ef-bg:#f4f8fb;
  --ef-card:#ffffff;
  --ef-border:#deebf2;
  --ef-text:#16324a;
}
html,body{min-height:100%}
body{background:linear-gradient(180deg,#f7fbfd 0%,#eef5fa 100%);color:var(--ef-text)}
a{color:var(--ef-primary-dark)}
a:hover{color:var(--ef-primary)}
.ef-navbar{background:linear-gradient(90deg,#08254b 0%,#0b4177 60%,#0e5c93 100%)}
.ef-brand-logo{height:34px;width:auto;display:block;filter:drop-shadow(0 4px 14px rgba(0,0,0,.18))}
.navbar-brand{letter-spacing:-.02em}
.nav-link{color:rgba(255,255,255,.82)!important}
.nav-link.active,.nav-link:hover{color:#fff!important}
.panel{background:var(--ef-card);border:1px solid var(--ef-border);border-radius:22px;padding:1.35rem;box-shadow:0 14px 40px rgba(6,39,79,.06)}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.stat-card{background:var(--ef-card);border:1px solid var(--ef-border);border-radius:22px;padding:1.25rem;display:flex;align-items:center;gap:1rem;height:100%;box-shadow:0 12px 34px rgba(6,39,79,.05)}
.stat-card>i{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#e8fbfd,#d8f6f7);color:var(--ef-primary-dark);display:grid;place-items:center;font-size:1.35rem}
.stat-card strong{display:block;font-size:1.7rem;line-height:1}
.stat-card span{display:block;margin-top:.35rem;color:#6a7a89}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--ef-primary)}
.fact-grid small{display:block;text-transform:uppercase;letter-spacing:.06em;color:#6c757d;font-size:.7rem}.fact-grid strong{display:block;margin-top:.25rem}
.feature-check{display:flex;align-items:center;padding:.8rem 1rem;border:1px solid #dee2e6;border-radius:12px;background:#fafbff;cursor:pointer}
.setup-body{min-height:100vh;background:
 radial-gradient(circle at 12% 18%,rgba(16,183,196,.25) 0,transparent 26%),
 radial-gradient(circle at 84% 82%,rgba(18,210,183,.20) 0,transparent 26%),
 linear-gradient(160deg,#051f41 0%,#0a2b57 45%,#11406f 100%)}
.setup-shell{min-height:100vh;display:flex;align-items:center;justify-content:center}
.setup-card{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.2);border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.24);overflow:hidden}
.setup-brand{display:flex;align-items:center;justify-content:center;gap:1rem;flex-direction:column}
.setup-brand img{max-width:240px;height:auto}
.setup-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--ef-primary),var(--ef-accent));color:#fff;font-size:1.6rem;box-shadow:0 12px 24px rgba(16,183,196,.25)}
.table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#6c757d;background:#f6fbfd;white-space:nowrap}.table td,.table th{padding:.85rem 1rem}
.font-monospace{font-size:.9em}.btn-primary{background:linear-gradient(135deg,var(--ef-primary),var(--ef-accent));border:none;box-shadow:0 12px 22px rgba(16,183,196,.22)}
.btn-primary:hover{background:linear-gradient(135deg,#0fb0bc,#10c7ae)}
.btn-outline-primary{border-color:#9adfe7;color:var(--ef-primary-dark)}
.btn-outline-primary:hover{background:#e8fbfd;border-color:#9adfe7;color:var(--ef-primary-dark)}
.login-subtitle{max-width:300px;margin:0 auto}
.card-soft{border:1px solid var(--ef-border);border-radius:24px;box-shadow:0 18px 44px rgba(8,37,75,.08)}
@media(max-width:767px){main.container-fluid{padding-left:1rem!important;padding-right:1rem!important}.panel{padding:1rem}.ef-brand-logo{height:30px}}