:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#070a14;--surface-1:#0b1020;--surface-2:#111827;--primary:#5b4bdb;--tab-active-bg:#fff;--tab-active-text:#111;--tab-inactive-bg:#0b1020;--tab-inactive-text:#9ca3af;--tab-inactive-hover:#111827;--bg:var(--surface-0);--bg-card:var(--surface-1);--bg-elevated:var(--surface-2);--bg-input:var(--surface-1);--text:var(--tab-inactive-text);--text-h:var(--tab-active-bg);--accent:var(--primary);--accent-bg:color-mix(in srgb, var(--primary) 16%, transparent);--accent-border:color-mix(in srgb, var(--primary) 52%, transparent);--border:color-mix(in srgb, var(--tab-active-bg) 10%, transparent);--success:var(--primary);--warning:var(--primary);--danger:var(--primary);--shadow:0 24px 70px color-mix(in srgb, var(--surface-0) 72%, transparent);--shadow-sm:0 10px 30px color-mix(in srgb, var(--surface-0) 62%, transparent);--shadow-modal:0 28px 90px color-mix(in srgb, var(--surface-0) 82%, transparent);--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:80px;--font-arabic:"Cairo", system-ui, sans-serif}.site-footer{border-top:1px solid var(--border);background:var(--surface-1)}.site-footer__inner{grid-template-columns:1.2fr .7fr 1.1fr;gap:64px;width:min(1340px,100% - 100px);margin-inline:auto;padding:64px 0 42px;display:grid}.site-footer__about,.site-footer__links,.site-footer__contact{align-content:start;gap:18px;display:grid}.site-footer__logo{object-fit:contain;width:210px;height:auto}.site-footer p{color:var(--text);margin:0;font-size:17px;line-height:1.65}.site-footer__links strong,.site-footer__contact strong{color:var(--text-strong);font-size:24px}.site-footer__links a,.site-footer__contact span{color:var(--text);font-size:16px;line-height:1.7}.site-footer__contact{font-style:normal}.site-footer__socials{flex-wrap:wrap;gap:12px;display:flex}.site-footer__socials span{background:var(--tab-active-bg);width:30px;height:30px;color:var(--primary);border-radius:999px;place-items:center;display:grid}.site-footer__socials svg{width:16px;height:16px}.site-footer__copy{color:var(--tab-inactive-text);grid-column:1/-1;padding-block-start:28px}@media (width<=768px){.site-footer__inner{grid-template-columns:1fr;gap:34px;width:min(100% - 32px,1340px);padding-block:42px 30px}.site-footer__logo{width:170px}}.ui-avatar{background:var(--primary);width:40px;height:40px;color:var(--tab-active-bg);object-fit:cover;border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.navbar{z-index:100;border-bottom:1px solid var(--border);background:var(--surface-0);position:sticky;top:0}.navbar__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:42px;width:min(1340px,100% - 100px);min-height:130px;margin-inline:auto;display:flex}.navbar__brand{align-items:center;display:inline-flex}.navbar__brand img{object-fit:contain;width:143px;height:auto}.navbar__links,.navbar__actions{align-items:center;gap:46px;display:flex}.navbar__links a{color:var(--text-strong);padding:var(--space-xs) var(--space-sm);border-radius:8px;font-size:21px;font-weight:700}.navbar__links a:hover{background:var(--tab-inactive-hover)}.navbar__menu{border:1px solid var(--border);background:var(--surface-1);width:40px;height:40px;color:var(--text-h);cursor:pointer;border-radius:8px;place-items:center;display:grid}.navbar__menu svg{width:20px;height:20px}.navbar__backdrop{background:color-mix(in srgb, var(--surface-0) 75%, transparent);border:0;display:none}.navbar__drawer{background:var(--surface-0);width:100%;padding-block:var(--space-md);flex:0 0 100%;display:none}.navbar__drawer--open{display:block}.navbar__drawer .navbar__links{margin-top:var(--space-lg);display:grid}@media (width<=768px){.navbar__inner{gap:var(--space-md);width:min(100% - 32px,1340px);min-height:82px}.navbar__inner>.navbar__links,.navbar__actions .ui-button{display:none}.navbar__brand img{width:118px}}.app-layout--dashboard{flex-direction:row;align-items:stretch;width:100%;min-height:100vh;display:flex;overflow-x:clip}.dashboard-sidebar{border-inline-end:1px solid var(--border);background:var(--surface-1);width:280px;max-width:280px;height:100vh;padding:var(--space-lg);flex:0 0 280px;position:sticky;top:0;overflow-y:auto}.dashboard-sidebar__brand{margin-bottom:var(--space-xl);color:var(--text-h);font-size:22px;font-weight:700;display:block}.dashboard-sidebar__nav{gap:var(--space-xs);display:grid}.dashboard-sidebar__nav a{background:var(--tab-inactive-bg);color:var(--tab-inactive-text);padding:var(--space-sm) var(--space-md);border-radius:8px;font-weight:700}.dashboard-sidebar__nav a:hover{background:var(--tab-inactive-hover)}.dashboard-sidebar__nav a.active{background:var(--tab-active-bg);color:var(--tab-active-text)}.dashboard-main{background:var(--surface-0);flex-direction:column;flex:auto;min-width:0;display:flex}.dashboard-main .navbar{width:100%;position:sticky;top:0}.dashboard-main .navbar__inner,.dashboard-main .site-footer__inner,.dashboard-main .section-container{width:min(1126px,100% - 40px)}@media (width<=900px){.app-layout--dashboard{display:block}.dashboard-sidebar{border-inline-end:0;border-bottom:1px solid var(--border);width:100%;max-width:none;height:auto;padding:var(--space-md);position:static}.dashboard-sidebar__brand{margin-bottom:var(--space-md)}.dashboard-sidebar__nav{gap:var(--space-xs);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.dashboard-sidebar__nav a{white-space:nowrap;flex:none}.dashboard-main .navbar__inner,.dashboard-main .site-footer__inner,.dashboard-main .section-container{width:min(100% - 32px,1126px)}}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);font-family:var(--font-arabic);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6;overflow-x:hidden}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}#root{min-height:100vh}h1,h2,h3,p{margin:0}h1{color:var(--text-h);font-size:56px;font-weight:700;line-height:1.12}h2{color:var(--text-h);font-size:28px;font-weight:600;line-height:1.25}[dir=rtl] .icon-directional{transform:scaleX(-1)}.app-placeholder{min-height:55vh;padding:var(--space-2xl) var(--space-xl);text-align:center;place-items:center;display:grid}.app-placeholder__panel{border:1px solid var(--border);background:var(--surface-1);width:min(100%,680px);box-shadow:var(--shadow-sm);padding:var(--space-xl);border-radius:12px}.app-placeholder__actions{margin-top:var(--space-lg)}.detail-card{gap:var(--space-sm);display:grid}.detail-card p{color:var(--tab-inactive-text)}progress{width:100%;accent-color:var(--primary)}.app-layout{background:var(--surface-0);min-height:100vh}.app-layout__bar,.app-layout__subnav,.app-layout__footer{border-color:var(--border);background:var(--surface-1)}.app-layout__bar{z-index:100;border-bottom:1px solid var(--border);position:sticky;top:0}.app-layout__bar-inner,.app-layout__subnav-inner,.app-layout__footer-inner{width:min(1126px,100% - 40px);margin-inline:auto}.app-layout__bar-inner{justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:72px;display:flex}.app-layout__brand{color:var(--text-h);align-items:center;font-size:22px;font-weight:700;display:inline-flex}.app-layout__brand img,.dashboard-sidebar__brand img{object-fit:contain;width:150px;height:auto}.app-layout__nav,.app-layout__actions,.app-layout__subnav-inner{align-items:center;gap:var(--space-md);display:flex}.app-layout__nav{color:var(--text);font-size:15px}.app-layout__subnav{border-bottom:1px solid var(--border)}.app-layout__subnav-inner{min-height:54px;overflow-x:auto}.app-layout__subnav a{white-space:nowrap}.app-layout__nav a,.app-layout__subnav a{padding:var(--space-xs) var(--space-md);border-radius:8px}.app-layout__nav a:hover,.app-layout__subnav a:hover{background:var(--tab-inactive-hover)}.app-layout__main{min-height:calc(100vh - 190px)}.app-layout__footer{border-top:1px solid var(--border)}.app-layout__footer-inner{padding:var(--space-lg) 0;color:var(--text)}@media (width<=768px){h1{font-size:38px}h2{font-size:24px}.app-layout__bar-inner,.app-layout__footer-inner,.app-layout__subnav-inner{width:min(100% - 32px,1126px)}.app-layout__nav{display:none}}