:root{color-scheme:light;--navy:#0b1f3a;--green:#0ea35a;--sand:#e8dcc8;--bg:#f6f7f9;--bg-2:#eef2f6;--ink:#0d1420;--muted:#59657a;--card:#fff;--stroke:#d8dee6;--shadow:0 18px 40px rgba(11,31,58,.12);--shadow-soft:0 10px 24px rgba(11,31,58,.08)}*{box-sizing:border-box}body,html{padding:0;margin:0;min-height:100%;font-family:Tajawal,Cairo,IBM Plex Sans Arabic,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 20%,#fff 0,var(--bg) 35%,#e9edf3 100%);direction:rtl}body:after,body:before{content:"";position:fixed;inset:auto auto 8% -12%;width:360px;height:360px;background:radial-gradient(circle,rgba(14,163,90,.25),rgba(14,163,90,0));filter:blur(6px);z-index:-1}body:after{inset:10% -6% auto auto;width:300px;height:300px;background:radial-gradient(circle,rgba(11,31,58,.2),rgba(11,31,58,0))}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}.shell{max-width:1240px;margin:0 auto;padding:32px 24px 72px}.nav{flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;padding:18px 24px;border-radius:24px;background:hsla(0,0%,100%,.9);box-shadow:var(--shadow);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand,.nav{display:flex}.brand{flex-direction:column;gap:4px}.brand strong{font-size:1.2rem}.muted{font-size:.9rem}.muted,.nav-links{color:var(--muted)}.nav-links{display:flex;flex-wrap:wrap;gap:12px;font-size:.95rem}.nav-links a{padding:6px 12px;border-radius:999px;border:1px solid transparent}.nav-links a:hover{border-color:var(--stroke);background:var(--bg-2)}.nav-user{display:flex;align-items:center;gap:10px}.pill{padding:6px 12px;border-radius:999px;background:rgba(14,163,90,.12);color:var(--green);font-weight:600;font-size:.8rem}.hero{margin:32px 0;padding:30px;border-radius:28px;background:linear-gradient(135deg,#fff,#f2f6fb 55%,#e9f5ef);border:1px solid var(--stroke);box-shadow:var(--shadow)}.hero h1{margin:0 0 12px;font-size:clamp(2rem,3vw,2.8rem)}.hero p{margin:0;color:var(--muted);max-width:740px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:18px;gap:18px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{padding:20px;border-radius:20px;background:var(--card);border:1px solid var(--stroke);box-shadow:var(--shadow-soft)}.card h2{margin:0 0 10px;font-size:1.2rem}.card p{margin:0;color:var(--muted)}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.badge{padding:6px 12px;border-radius:999px;background:rgba(11,31,58,.12);color:var(--navy);font-size:.75rem;font-weight:600}.section-title{margin:32px 0 12px;font-size:1.4rem}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table td,.table th{text-align:right;padding:10px 6px;border-bottom:1px solid var(--stroke)}.table th{color:var(--muted);font-weight:600}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.kpi{padding:16px;border-radius:16px;background:var(--bg-2);border:1px solid var(--stroke)}.kpi strong{display:block;font-size:1.2rem}.chart{margin-top:16px;height:140px;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:12px;gap:12px;align-items:end}.bar{border-radius:16px;background:linear-gradient(180deg,rgba(14,163,90,.9),rgba(11,31,58,.95));color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;min-height:40px;box-shadow:var(--shadow-soft)}.bar span{font-size:.72rem;opacity:.9}.bar strong,.notice{font-size:.9rem}.notice{margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(11,31,58,.08);color:var(--muted)}.form{display:grid;grid-gap:12px;gap:12px}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--stroke);background:#fff;font-family:inherit}.button{padding:10px 16px;border-radius:12px;border:none;background:var(--navy);color:#fff;font-weight:600;cursor:pointer}.button.secondary{background:var(--green)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 10px;border-radius:999px;background:hsla(38,41%,85%,.5);color:var(--navy);font-size:.78rem;font-weight:600}@media (max-width:720px){.shell{padding:20px 16px 48px}.nav{flex-direction:column;align-items:flex-start}}