:root{--ink:#14253d;--muted:#6f7e92;--line:#e5ebf2;--surface:#fff;--soft:#f4f7fb;--teal:#087f7a;--teal-soft:#e5f5f2;--gold:#dba84b;--danger:#c85b58;--shadow:0 18px 50px rgba(20,37,61,.08)}*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:var(--ink);font-family:Inter,"Noto Sans Arabic",system-ui,-apple-system,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:274px;background:#10243d;color:#e9f2fa;padding:26px 18px;display:flex;flex-direction:column;gap:25px}.brand{display:flex;align-items:center;gap:12px;padding:0 10px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(140deg,#e4bd69,#a77d2c);color:#10243d;font-size:24px}.brand strong,.brand small{display:block}.brand small{color:#9fb0c5;font-size:11px;margin-top:3px}.scope-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);padding:15px;border-radius:16px}.scope-card span,.scope-card small{display:block;color:#a7b8cb;font-size:12px}.scope-card strong{display:block;margin:7px 0 3px;font-size:15px}nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#afbed0;text-align:right;border-radius:11px;padding:12px 13px;font:inherit;cursor:pointer}.nav-item.active,.nav-item:hover{background:rgba(255,255,255,.1);color:#fff}.sidebar-foot{margin-top:auto;color:#7f95aa;font-size:11px;padding:8px}.main{flex:1;min-width:0}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.icon-button,.lang-button,.notification,.close{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:18px}.crumbs{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--muted)}.crumbs b{font-size:22px;color:#c1cad6}.crumbs strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:18px}.lang-button{font-size:12px;font-weight:800;color:var(--teal);border:1px solid #c8e4e0;border-radius:8px;padding:7px 10px}.notification{position:relative}.notification i{position:absolute;width:7px;height:7px;border-radius:50%;background:#df7467;top:0;right:1px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#dff1ef;color:var(--teal);font-weight:800}.content{max-width:1280px;margin:auto;padding:48px 5vw}.welcome-row{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:30px}.eyebrow{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.11em;margin:0 0 10px}.welcome-row h1{font-size:clamp(28px,4vw,45px);margin:0 0 10px;letter-spacing:-.04em}.welcome-row p:not(.eyebrow){color:var(--muted);margin:0;font-size:16px}.primary{border:0;border-radius:11px;padding:12px 18px;background:var(--teal);color:#fff;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.role-picker{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:25px;margin-bottom:30px;box-shadow:var(--shadow)}.picker-head{display:flex;justify-content:space-between;align-items:start}.picker-head h2{margin:0 0 7px;font-size:21px}.picker-head p{margin:0;color:var(--muted);font-size:13px}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:22px}.role-card{border:1px solid var(--line);background:#fff;text-align:right;padding:17px;border-radius:16px;cursor:pointer;transition:.2s}.role-card:hover{border-color:#86c8c2;transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,100,100,.08)}.role-card .role-icon{font-size:23px}.role-card strong,.role-card small{display:block}.role-card strong{margin-top:10px}.role-card small{color:var(--muted);font-size:12px;margin-top:4px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:35px 0 14px}.section-title h2{font-size:19px;margin:0}.section-title span{color:var(--muted);font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:18px}.stat .label{color:var(--muted);font-size:12px}.stat strong{display:block;font-size:30px;margin:8px 0}.stat small{color:var(--teal);font-size:11px}.panel-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:21px}.panel h3{margin:0 0 18px;font-size:16px}.list{display:grid;gap:13px}.list-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2f6;padding-bottom:12px}.list-item:last-child{border:0;padding-bottom:0}.list-item .meta{display:flex;align-items:center;gap:10px}.dot{width:9px;height:9px;border-radius:50%;background:var(--teal)}.dot.gold{background:var(--gold)}.dot.red{background:var(--danger)}.list-item small{color:var(--muted)}.progress{height:8px;background:#edf2f6;border-radius:8px;overflow:hidden;margin-top:10px}.progress span{display:block;height:100%;background:var(--teal);border-radius:8px}.notice{padding:14px;border-radius:13px;background:var(--teal-soft);color:#176f6b;font-size:13px;margin-top:15px}.notice.gold{background:#fff6e4;color:#946a20}@media(max-width:900px){.sidebar{width:220px}.stat-grid{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}.topbar{padding:0 24px}.content{padding:36px 24px}}@media(max-width:620px){.sidebar{display:none}.welcome-row{display:block}.primary{margin-top:20px}.stat-grid{grid-template-columns:1fr 1fr}.topbar{height:70px;padding:0 16px}.content{padding:28px 16px}.welcome-row h1{font-size:30px}}
.top>strong{display:flex;align-items:center;gap:10px}.top>strong::before{content:"";width:44px;height:44px;display:inline-block;background:url("./Druze_star.svg") center/contain no-repeat;flex:0 0 44px}
.hero h1{display:flex;align-items:center;gap:10px}.hero h1::before{content:"";width:48px;height:48px;display:inline-block;background:url("./Druze_star.svg") center/contain no-repeat;flex:0 0 48px}
.top:not(:has(.brand)){background-image:url("./Druze_star.svg");background-repeat:no-repeat;background-size:46px 46px;background-position:right 16px center;padding-right:76px!important}
.hero{background-image:url("./Druze_star.svg");background-repeat:no-repeat;background-size:52px 52px;background-position:right 28px center;padding-right:96px!important}
.top>strong::before,.hero h1::before{display:none!important}
.top:not(:has(.brand)){background-image:url("./Druze_star.svg")!important;background-repeat:no-repeat!important;background-size:46px 46px!important;background-position:right 16px center!important;padding-right:76px!important}
.hero{background-image:url("./Druze_star.svg")!important;background-repeat:no-repeat!important;background-size:52px 52px!important;background-position:right 28px center!important;padding-right:96px!important}
.top>strong::before{content:""!important;display:inline-block!important;width:44px!important;height:44px!important;background:url("./Druze_star.svg") center/contain no-repeat!important;flex:0 0 44px!important}
.hero h1::before{content:""!important;display:inline-block!important;width:48px!important;height:48px!important;background:url("./Druze_star.svg") center/contain no-repeat!important;flex:0 0 48px!important}
.top:not(:has(.brand)){background-image:none!important;padding-right:18px!important}
.hero{background-image:none!important;padding-right:28px!important}