:root {
  --zt-navy: #0D1B4C;
  --zt-teal: #0FBA7A;
  --zt-mint: #35B39F;
  --zt-light-mint: #D7EFEC;
  --zt-soft-blue: #CDE0FB;
  --zt-bright-blue: #2F80FF;
  --zt-bg: #f8fbfc;
  --zt-card: #ffffff;
  --zt-border: #e7eef2;
}
body { font-family: Poppins, Arial, sans-serif; background: var(--zt-bg); color: var(--zt-navy); }
.zt-shell { display:flex; min-height:100vh; }
.zt-sidebar { width:280px; background:#fff; border-right:1px solid var(--zt-border); padding:24px; }
.zt-sidebar .zt-logo { font-weight:700; font-size:24px; margin-bottom:24px; color:var(--zt-navy); }
.zt-section-title { font-size:12px; text-transform:uppercase; color:#6f86a0; margin-top:20px; margin-bottom:8px; }
.zt-sidebar nav { display:flex; flex-direction:column; gap:8px; }
.zt-sidebar nav a { color:var(--zt-navy); text-decoration:none; padding:10px 12px; border-radius:10px; }
.zt-sidebar nav a:hover { background:var(--zt-light-mint); }
.zt-main { flex:1; padding:32px; }
.zt-topbar { margin-bottom:24px; }
.zt-topbar h1 { margin:0 0 4px 0; }
.zt-topbar p { margin:0; color:#5f7187; }
.zt-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.zt-card { background:var(--zt-card); border:1px solid var(--zt-border); border-radius:18px; padding:20px; box-shadow:0 8px 30px rgba(13,27,76,.04); }