:root{--paper:#faf7f2;--card:#fff;--ink:#1c1917;--muted:#5d574e;--line:#e5e0d3;--line-strong:#c9c2b2;--putty:#f1ede4;--amber:#f5a800;--amber-hover:#dd9600;--amber-tint:#fffbf0;--amber-tint-line:#f0d9a0;--amber-text:#9e6400;--live:#1f6b3b;--live-tint:#e7f1e9;--live-tint-line:#bfdcc6;--soon-bg:#fffdf6;--soon-line:#d9a93f;--soon-text:#7a5200;--soon-stripe-a:#ffedc2;--soon-stripe-b:#ffe1a3;--ink-hover:#3b362f;--whatsapp:#25d366;--font-head:"Barlow Semi Condensed",system-ui,sans-serif;--font-body:"Barlow",system-ui,-apple-system,sans-serif;--fs-body:17px;--fs-small:15px;--fs-label:13px;--fs-lead:clamp(18px,1.2vw + 14px,20px);--fs-h1:clamp(32px,4vw + 12px,56px);--fs-h2:clamp(24px,2vw + 16px,36px);--fs-h3:clamp(18px,0.8vw + 16px,22px);--fs-band:clamp(28px,3vw + 14px,48px);--lh-body:1.6;--lh-head:1.1;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--gutter:clamp(16px,3vw,28px);--shell:1280px;--r-tag:6px;--r-btn:10px;--r-btn-lg:12px;--r-card:14px;--r-card-lg:16px;--r-pill:999px;--shadow-lift:0 12px 32px rgba(28,25,23,.08);--shadow-dropdown:0 16px 40px rgba(28,25,23,.14);--shadow-sm:0 2px 8px rgba(28,25,23,.04);--tap:44px}@font-face{font-family:Barlow Semi Condensed;src:url(/fonts/barlow-semi-condensed-latin-800-normal.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/fonts/barlow-semi-condensed-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/plex-arabic-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/plex-arabic-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/plex-arabic-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html[lang=ar]{--font-head:"IBM Plex Sans Arabic",system-ui,sans-serif;--font-body:"IBM Plex Sans Arabic",system-ui,sans-serif;--lh-head:1.28;--lh-body:1.85}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-head);font-weight:800;line-height:var(--lh-head);letter-spacing:-.015em;margin-block:0}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin-block:0}a{color:var(--ink);text-decoration:none;transition:color .15s ease}a:hover{color:var(--amber-text)}img,svg{max-inline-size:100%;block-size:auto}[hidden]{display:none!important}::selection{background:var(--amber);color:var(--ink)}:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:var(--r-tag)}.shell{max-inline-size:var(--shell);margin-inline:auto;padding-inline:var(--gutter)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-block-size:var(--tap);padding:var(--s-2) var(--s-5);border:0;border-radius:var(--r-btn);font-family:var(--font-body);font-size:var(--fs-small);font-weight:700;line-height:1.2;text-align:center;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.btn--amber{background:var(--amber);color:var(--ink)}.btn--amber:hover{background:var(--amber-hover)}.btn--ink{background:var(--ink);color:var(--paper)}.btn--ink:hover{background:var(--ink-hover)}.btn--outline{background:var(--card);color:var(--ink);border:1px solid var(--line-strong)}.btn--outline:hover{background:var(--putty);border-color:var(--ink)}.btn--sm{min-block-size:36px;padding:var(--s-1) var(--s-3)}.btn--sm,.eyebrow{font-size:var(--fs-label)}.eyebrow{display:inline-flex;align-items:center;gap:var(--s-2);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.eyebrow:before{content:"";inline-size:8px;block-size:8px;background:var(--amber);flex:none}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px var(--s-2);border-radius:var(--r-tag);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tag--live{background:var(--live-tint);color:var(--live);border:1px solid var(--live-tint-line)}.tag--soon{background:repeating-linear-gradient(135deg,var(--soon-stripe-a) 0 6px,var(--soon-stripe-b) 6px 12px);color:var(--soon-text);border:1px solid var(--soon-line)}.tag--sample{background:var(--ink);color:var(--paper);letter-spacing:.08em}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px var(--s-3);border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--fs-small);font-weight:600;color:var(--muted)}.card,.chip{background:var(--card)}.card{border:1px solid var(--line);border-radius:var(--r-card-lg);padding:var(--s-6);box-shadow:var(--shadow-sm)}.muted{color:var(--muted)}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--paper)}.sidebar{width:260px;flex-shrink:0;background-color:var(--card);-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:var(--s-6) var(--s-4);position:-webkit-sticky;position:sticky;top:0;height:100vh;box-sizing:border-box}.brand-area{gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-6) var(--s-2);border-bottom:1px solid var(--line);margin-bottom:var(--s-6)}.brand-area,.brand-logo-badge{display:flex;align-items:center}.brand-logo-badge{width:38px;height:38px;background-color:var(--amber);font-size:22px;justify-content:center;border-radius:var(--r-btn)}.brand-logo-badge,.brand-name{color:var(--ink);font-family:var(--font-head);font-weight:800}.brand-name{font-size:20px;letter-spacing:-.02em}.nav-menu{display:flex;flex-direction:column;gap:var(--s-1);list-style:none;padding:0;margin:0}.nav-item-link{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3);border-radius:var(--r-btn);font-weight:600;font-size:var(--fs-small);color:var(--muted);transition:all .15s ease}.nav-item-link:hover{background-color:var(--putty);color:var(--ink)}.nav-item-link.active{background-color:var(--amber-tint);color:var(--amber-text);border:1px solid var(--amber-tint-line);font-weight:700}.nav-item-link svg{flex-shrink:0}.sidebar-bottom{border-top:1px solid var(--line);padding-top:var(--s-4);justify-content:space-between}.sidebar-bottom,.user-profile{display:flex;align-items:center}.user-profile{gap:var(--s-3)}.user-avatar{width:36px;height:36px;border-radius:var(--r-pill);background-color:var(--putty);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.user-info{display:flex;flex-direction:column}.user-name{font-size:var(--fs-small);font-weight:700;color:var(--ink);line-height:1.2}.user-role{font-size:var(--fs-label);color:var(--muted)}.main-wrapper{flex:1 1;display:flex;flex-direction:column;min-width:0}.top-header{height:70px;background-color:var(--card);border-bottom:1px solid var(--line);justify-content:space-between;padding:0 var(--gutter);position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-search,.top-header{display:flex;align-items:center}.header-search{gap:var(--s-2);background-color:var(--paper);border:1px solid var(--line);border-radius:var(--r-btn);padding:var(--s-2) var(--s-3);width:320px}.header-search input{border:none;background:transparent;font-family:var(--font-body);font-size:var(--fs-small);color:var(--ink);outline:none;width:100%}.header-search input::placeholder{color:var(--muted)}.header-actions{display:flex;align-items:center;gap:var(--s-3)}.content-body{padding:var(--s-8) var(--gutter);max-width:var(--shell);width:100%;box-sizing:border-box;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-8);flex-wrap:wrap;gap:var(--s-4)}.page-title-group h1{font-size:var(--fs-h2)}.page-title-group p{color:var(--muted);margin-top:var(--s-1)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--s-5);gap:var(--s-5);margin-bottom:var(--s-8)}.metric-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s-5);transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3)}.metric-title{font-size:var(--fs-small);font-weight:600;color:var(--muted)}.metric-icon-box{width:36px;height:36px;border-radius:var(--r-tag);display:flex;align-items:center;justify-content:center;background-color:var(--amber-tint);color:var(--amber-text)}.metric-value{font-family:var(--font-head);font-size:32px;font-weight:800;color:var(--ink);line-height:1.1;margin-bottom:var(--s-2)}.metric-footer{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-label);color:var(--muted)}.metric-badge-trend{display:inline-flex;align-items:center;gap:2px;font-weight:700;color:var(--live)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--s-6);gap:var(--s-6)}@media (max-width:980px){.dashboard-grid{grid-template-columns:1fr}}.section-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card-lg);padding:var(--s-6)}.section-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-5);padding-bottom:var(--s-4);border-bottom:1px solid var(--line)}.section-card-title{font-size:var(--fs-h3)}.table-responsive{overflow-x:auto}.widget-table{width:100%;border-collapse:collapse;text-align:left}.widget-table th{font-size:var(--fs-label);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-strong)}.widget-table td{padding:var(--s-4);border-bottom:1px solid var(--line);font-size:var(--fs-small);color:var(--ink);vertical-align:middle}.widget-table tr:hover td{background-color:var(--amber-tint)}.widget-name-cell{gap:var(--s-3);font-weight:700}.widget-icon,.widget-name-cell{display:flex;align-items:center}.widget-icon{width:32px;height:32px;border-radius:var(--r-tag);background-color:var(--putty);justify-content:center;color:var(--ink)}.activity-list{display:flex;flex-direction:column;gap:var(--s-4)}.activity-item{display:flex;gap:var(--s-3);align-items:flex-start}.activity-dot{width:10px;height:10px;border-radius:var(--r-pill);background-color:var(--amber);margin-top:6px;flex-shrink:0}.activity-text{font-size:var(--fs-small);color:var(--ink)}.activity-time{font-size:var(--fs-label);color:var(--muted);margin-top:2px}@media (max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;-webkit-border-end:none;border-inline-end:none;border-bottom:1px solid var(--line)}.header-search{width:180px}}