@font-face{font-family:Tajawal;src:url('/assets/tajawal-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('/assets/tajawal-bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--ink:#15213a;--muted:#515f76;--edge:#dce3ee;--page:#f2f5fa;--white:#fff;--soft:#eaf0ff;--blue:#244dc9;--navy:#141d34;--green:#14674b;--warn:#815510;--link:#2848a4;font-family:Tajawal,Arial,sans-serif;color:var(--ink);background:var(--page)}
*,*::before,*::after{box-sizing:border-box}body{margin:0;font-size:1rem}a{color:var(--link)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}p,h1,h2,h3{margin:0}p{line-height:1.65}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7194ff;outline-offset:3px}button{color:inherit}
.header{height:70px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(24px,calc((100vw - 1430px)/2));position:sticky;top:0;z-index:4;box-shadow:0 1px 8px #17233a22}
.brand{display:inline-flex;align-items:center;gap:11px;color:white;text-decoration:none;font-size:1.35rem;font-weight:800;white-space:nowrap}.brand small{font-size:.78rem;font-weight:400;color:#bac8e8;margin-inline-start:10px}.mark{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#4266e2;color:#fff;font-size:1.55rem;line-height:1}
.header-middle{font-size:.9rem;color:#dae3fb}.environment{border:1px solid #54627f;border-radius:40px;padding:7px 11px;white-space:nowrap;font-size:.79rem}.environment i{display:inline-block;background:#71d4b2;width:7px;height:7px;border-radius:50%;margin-inline-end:4px}
.wrap{max-width:1380px;margin:auto;padding:30px 25px 46px}.intro{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:28px;align-items:center;background:radial-gradient(ellipse at 5% 0%,#233e79 0%,#172747 46%,#141d34 100%);color:white;border-radius:18px;padding:38px 36px}
.overline{color:#4868bb;font-size:.85rem;font-weight:700}.intro .overline{color:#b4c9ff}.intro h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.03;margin:11px 0 13px;font-weight:800}.intro p{color:#d9e1f5;max-width:660px}.intro-flow{border:1px solid #6279ab88;border-radius:12px;padding:17px 20px}.intro-flow strong{color:#e9efff}.intro-flow ol{padding-inline-start:20px;color:#d6e2ff;line-height:1.8;margin:8px 0 0;font-size:.95rem}
.section-title{margin:25px 0 12px;display:flex;justify-content:space-between;gap:12px;align-items:end;flex-wrap:wrap}.section-title h2{font-size:1.4rem}.section-title p,.muted{color:var(--muted)}.section-title a{font-size:.9rem}
.products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.product-card{display:block;text-align:start;border:1px solid var(--edge);background:var(--white);border-radius:12px;padding:12px;width:100%;min-height:96px;box-shadow:0 2px 4px #27334e06}.product-card:hover,.product-card[aria-pressed=true]{border-color:#8ba8ef;background:#f7f9ff}.product-card[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--blue)}.product-card .product-label{display:block;color:var(--link);font-size:.76rem;margin-bottom:6px}.product-card strong{display:block;line-height:1.25}.product-card small{display:block;color:var(--muted);font-size:.81rem;line-height:1.3;margin-top:5px}
.people{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.person{display:flex;align-items:center;gap:9px;text-align:start;border:1px solid var(--edge);background:#fff;border-radius:12px;padding:11px;min-height:78px}.person:hover{border-color:#6489e7;background:#f8faff}.person.chosen{border:2px solid var(--blue)}.person .avatar{width:31px;height:31px;flex:none;border-radius:9px;display:grid;place-items:center;background:#e9efff;color:#21449d;font-weight:700}.person strong,.person small{display:block}.person small{color:var(--muted);line-height:1.32;font-size:.82rem}.person[disabled]{opacity:.54;background:#f5f7fa}
.buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn,.nav-btn{border:1px solid #cfd9eb;border-radius:8px;background:white;padding:8px 12px;line-height:1.25;min-height:37px;text-decoration:none;text-align:center}.btn:hover,.nav-btn:hover{border-color:#98afe6;color:#173aac}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;font-weight:700}.btn.primary:hover{background:#153796}.btn:disabled{opacity:.58}
.workbar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:white;border-bottom:1px solid var(--edge);padding:9px 20px;flex-wrap:wrap}.nav-btn{border-color:transparent;padding:6px 9px}.workbar .selected{font-size:.88rem;color:var(--muted)}
.layout{display:grid;grid-template-columns:230px minmax(0,1fr);max-width:1510px;margin:0 auto;min-height:calc(100vh - 116px)}
.sidebar{background:#f9fbff;border-inline-end:1px solid var(--edge);display:flex;flex-direction:column;position:sticky;top:70px;align-self:start;height:calc(100dvh - 114px);overflow:auto;padding:14px 13px}.sidebar nav{margin-top:8px}.sidebar h2{font-size:.94rem;margin-bottom:4px}.tree,.product-nav{display:flex;flex-direction:column;gap:3px}.side-btn{border:0;background:none;text-align:start;padding:7px 9px;color:#2e3c55;border-radius:6px;width:100%;min-height:34px}.side-btn[aria-current=true]{color:#173897;background:#e5edff;font-weight:700}.side-btn:disabled{color:#66748a}.side-btn:hover:enabled{background:#e5edff}.sidebar details summary{color:var(--link);cursor:pointer;padding:6px 5px}.sidebar footer{border-top:1px solid var(--edge);padding-top:8px;margin-top:auto}.department{display:block;padding:5px 11px;color:var(--muted);font-size:.84rem}.side-title{border-top:1px solid var(--edge);margin-top:12px;padding-top:11px}
.content{min-width:0;padding:20px 26px 36px}.crumbs{color:var(--muted);font-size:.86rem;margin-bottom:12px;display:flex;gap:7px;flex-wrap:wrap}.crumbs span+span::before{content:'‹';margin-inline-end:7px;color:#8797b7}.workspace-head{display:flex;justify-content:space-between;align-items:start;gap:14px;flex-wrap:wrap;margin-bottom:15px}.workspace-head h1{font-size:clamp(1.65rem,4vw,2.3rem);line-height:1.08;margin-top:4px}.workspace-head p{color:var(--muted);margin-top:5px}.mode{padding:6px 9px;border-radius:8px;background:#e2f5ee;color:var(--green);font-size:.84rem;white-space:nowrap}.mode.off{background:#fbefdc;color:var(--warn)}
.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric,.panel{background:var(--white);border:1px solid var(--edge);border-radius:12px;padding:15px;min-width:0}.metric strong{display:block;font-size:1.95rem;line-height:1.2;font-weight:800}.metric span{font-size:.9rem;color:var(--muted)}
.insight{background:#eaf0ff;border:1px solid #c6d6fb;border-inline-start:4px solid #4267da;border-radius:10px;margin-top:12px;padding:12px 14px}.insight strong{color:#244594}.insight p{margin-top:2px}.guard{background:#fff7e9;border:1px solid #f0dcb5;border-radius:10px;padding:10px 13px;margin-top:12px;color:#714b12}
.grid-work{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(245px,1fr);gap:12px;align-items:start;margin-top:12px}.grid-work h2,.panel h2{font-size:1.17rem;margin-bottom:7px}.panel+.panel{margin-top:12px}.panel p+p{margin-top:5px}.query{display:flex;align-items:center;gap:7px;margin:6px 0 11px}.query input{width:100%}.field{width:100%;border:1px solid #c4cee0;background:#fff;border-radius:8px;padding:8px 9px;color:var(--ink)}.form{display:grid;gap:9px}.field-label{font-size:.86rem;font-weight:700}.form label{display:grid;gap:3px}.form textarea{resize:vertical}.form select{max-width:240px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:430px;text-align:start}th,td{padding:8px 7px;border-bottom:1px solid #e1e7f2;text-align:start;font-size:.87rem}th{background:#f7f9fd;color:#465773;font-weight:700}.table-link{border:0;background:none;color:#2449ad;padding:0;text-align:start;font-weight:700;line-height:1.3}.table-link:hover{text-decoration:underline}.table-link small{display:block;color:var(--muted);font-weight:400}.num{white-space:nowrap;font-variant-numeric:tabular-nums}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0}.detail-grid div{background:#f5f8fe;border-radius:8px;padding:8px}.detail-grid dt{color:var(--muted);font-size:.83rem}.detail-grid dd{margin:1px 0 0;font-weight:700}.audit{list-style:none;padding:0;margin:0}.audit li{padding:6px 0;border-bottom:1px solid var(--edge);font-size:.87rem}.audit time{display:block;color:var(--muted)}.notice{position:fixed;bottom:18px;inset-inline-start:18px;z-index:10;max-width:min(460px,calc(100vw - 36px));background:var(--navy);color:#fff;border-radius:9px;padding:12px 15px;box-shadow:0 2px 12px #141d3444}.boot{margin:32px auto;text-align:center}
.compact td,.compact th{padding-block:5px}.help{max-width:680px}.empty{background:#f5f8fe;padding:12px;border-radius:8px;color:var(--muted)}.tagline{font-size:.83rem;color:var(--muted);margin-top:10px}dialog{max-width:min(520px,calc(100vw - 22px));width:100%;border:1px solid var(--edge);border-radius:13px;padding:18px;color:var(--ink);box-shadow:0 6px 30px #162b5b44}dialog::backdrop{background:#121b33aa}dialog h2{margin-bottom:12px}dialog .buttons{margin-top:5px}
@media(max-width:1080px){.products,.people{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-work{grid-template-columns:minmax(0,1fr)}}
@media(max-width:690px){.header{height:59px;padding:0 12px}.brand small,.header-middle{display:none}.wrap,.content{padding:14px}.intro{grid-template-columns:1fr;padding:23px 17px;gap:15px}.intro-flow{padding:9px 12px}.products,.people{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card,.person{padding:8px}.sidebar{position:static;height:auto;border-inline-end:0;border-bottom:1px solid var(--edge)}.layout{grid-template-columns:1fr}.sidebar nav{margin-top:3px}.tree .side-btn,.product-nav .side-btn{min-height:30px}.product-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.workbar{padding:5px 9px}.metrics{gap:7px}.metric,.panel{padding:10px}}
@media print{.header,.workbar,.sidebar,.buttons,.query,dialog,.notice{display:none!important}.layout,.grid-work{display:block}.content{padding:0}.panel,.metric{break-inside:avoid}}