:root{--brand:#111827;--brand2:#0ea5e9;--bg:#f8fafc;}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Kufi Arabic","Noto Sans Arabic",Arial,sans-serif;background:var(--bg);}
.navbar{background:#fff; box-shadow:0 1px 0 rgba(0,0,0,.06);}
.hero{background:linear-gradient(135deg,#ffffff 0%,#eef9ff 60%,#ffffff 100%); border-bottom:1px solid rgba(0,0,0,.06);}
.badge-soft{background:rgba(14,165,233,.12); color:#0369a1; border:1px solid rgba(14,165,233,.25);}
.card{border:1px solid rgba(0,0,0,.08); box-shadow:0 8px 24px rgba(0,0,0,.04); transition:transform .12s ease;}
.card:hover{transform:translateY(-1px);}
.small-muted{color:#64748b;font-size:.9rem;}
.table thead th{position:sticky; top:0; background:#fff; z-index:1;}
.kpi{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px;}
.footer{border-top:1px solid rgba(0,0,0,.06);background:#fff;}
.btn-primary{background:var(--brand2); border-color:var(--brand2);}
.btn-outline-primary{border-color:var(--brand2); color:#0369a1;}
.btn-outline-primary:hover{background:var(--brand2); border-color:var(--brand2);}
.form-control, .form-select{border-radius:12px;}