*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#1f2937}
.dash-topbar{height:70px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 32px}
.dash-brand{font-size:20px;font-weight:800}.dash-status{font-size:13px;color:#6b7280}
.dash-container{max-width:1200px;margin:0 auto;padding:50px 24px}
.dash-hero{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:48px;box-shadow:0 8px 30px rgba(15,23,42,.05)}
.dash-eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#667085}
.dash-hero h1{font-size:36px;margin:12px 0}.dash-hero p{color:#667085;line-height:1.6}
.dash-primary{display:inline-block;margin-top:12px;padding:12px 18px;background:#111827;color:#fff;border-radius:9px;text-decoration:none;font-weight:700}
.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.dash-card{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:24px;text-decoration:none;color:#1f2937;box-shadow:0 5px 20px rgba(15,23,42,.04)}
.dash-card:hover{border-color:#c7ced8;transform:translateY(-1px)}.dash-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#f0f2f5;font-size:11px;font-weight:900}
.dash-card h3{margin:16px 0 7px}.dash-card p{margin:0;color:#6b7280;font-size:14px}.dash-disabled{opacity:.55}
@media(max-width:850px){.dash-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.dash-grid{grid-template-columns:1fr}.dash-container{padding:28px 14px}.dash-hero{padding:30px}.dash-topbar{padding:0 16px}}