/* Overview hero (inspired by the CRM dashboard) */
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;padding:30px;border-radius:18px;margin:6px 0 16px;overflow:hidden;
  background:radial-gradient(1200px 400px at 85% -20%,rgba(224,165,38,.20),transparent 60%),radial-gradient(900px 500px at 100% 120%,rgba(47,109,246,.22),transparent 60%),linear-gradient(120deg,#f7f9ff 0%,#eef3ff 55%,#e3ecff 100%);
  border:1px solid var(--border)}
.hero::after{content:"";position:absolute;right:-60px;bottom:-60px;width:420px;height:260px;opacity:.35;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(30,75,158,.25) 0 2px,transparent 2px 26px),linear-gradient(0deg,rgba(30,75,158,.18),transparent);transform:skewX(-12deg);border-radius:12px}
[data-theme=dark] .hero{background:radial-gradient(1200px 400px at 85% -20%,rgba(224,165,38,.16),transparent 60%),radial-gradient(900px 500px at 100% 120%,rgba(91,140,255,.22),transparent 60%),linear-gradient(120deg,#141c33 0%,#18233f 60%,#1c2a4d 100%)}
.hero .eyebrow{letter-spacing:.12em}
.hello{font-size:40px;line-height:1.1;margin:10px 0 8px;font-weight:800;letter-spacing:-.02em}
.hello span{color:var(--primary)}.hello i{color:#e0a526;font-style:normal}
.htiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;position:relative;z-index:1}
.htile{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow)}
.htile b{display:block;font-size:24px;line-height:1.1}.htile small{color:var(--muted);font-weight:600;font-size:12px}
.hti{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}
.hti.t1{background:#e8effd;color:#2f6df6}.hti.t2{background:#e3f6ee;color:#157347}.hti.t3{background:#fff3d6;color:#a46b00}.hti.t4{background:#efe9ff;color:#6a4fd1}
[data-theme=dark] .hti.t1{background:#1d2b52}[data-theme=dark] .hti.t2{background:#123a28}[data-theme=dark] .hti.t3{background:#3b3015}[data-theme=dark] .hti.t4{background:#2a2455}
.hero-r{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}
.glass{background:rgba(255,255,255,.78);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}
[data-theme=dark] .glass{background:rgba(22,30,51,.8)}
.clock{font-size:34px;font-weight:800;letter-spacing:-.02em;margin:4px 0}
.divcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow);border-top:4px solid var(--primary)}
.divcard.gr{border-top-color:#e0a526}
.divcard .dh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.divcard .dg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.divcard .dg small{display:block;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.divcard .dg b{font-size:22px}
.pipe{display:grid;gap:12px}.prow{display:grid;grid-template-columns:170px 1fr 40px;gap:10px;align-items:center;font-size:13px}
.prow .pt{height:14px;background:var(--neutral-bg);border-radius:99px;overflow:hidden}.prow .pt i{display:block;height:100%;border-radius:99px}.prow b{text-align:right}
@media (max-width:1100px){.hero{grid-template-columns:1fr}.htiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hello{font-size:30px}}