@font-face{font-family:THE Year of The Camel;src:url(/assets/fonts/camel.woff2)format("woff2"),url(/assets/fonts/camel.ttf)format("truetype");font-display:swap}@font-face{font-family:Alexandria;src:url(/assets/fonts/alexandria.woff2)format("woff2"),url(/assets/fonts/alexandria.ttf)format("truetype");font-display:swap}:root{--kau-primary-01:#055934;--kau-primary-02:#208d44;--kau-primary-03:#86c242;--kau-primary-04:#d3e6be;--kau-primary-05:#f0eee9;--kau-secondary-01:#0a353e;--kau-secondary-02:#2bb673;--kau-secondary-03:#a7e0c5;--kau-secondary-04:#eff8f5;--kau-neutral-01:#1d2921;--kau-neutral-02:#5c6660;--kau-neutral-03:#8d9991;--kau-neutral-04:#c2ccc6;--font-head:"THE Year of The Camel", "Alexandria", "Segoe UI", Tahoma, sans-serif;--font-body:"Alexandria", "Segoe UI", Tahoma, "Noto Sans Arabic", sans-serif;--bg:var(--kau-secondary-04);--surface:#fff;--border:var(--kau-secondary-03);--border-soft:#e4efe9;--text:var(--kau-neutral-01);--text-muted:var(--kau-neutral-02);--header:var(--kau-secondary-01);--accent:var(--kau-secondary-02);--risk-critical:#c00000;--risk-high:red;--risk-medium:#ffc000;--risk-low:#92d050;--risk-verylow:#00b050;--radius:10px;--radius-sm:6px;--shadow:0 1px 2px #0a353e0f, 0 4px 14px #0a353e0d;--shadow-lg:0 8px 32px #0a353e29;--sidebar-w:268px;--header-h:66px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;direction:rtl;margin:0;font-size:14px;line-height:1.65}h1,h2,h3,h4{font-family:var(--font-head);margin:0;font-weight:700;line-height:1.35}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}a{color:var(--kau-primary-02);text-decoration:none}a:hover{text-decoration:underline}.hex-pattern{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='64' viewBox='0 0 56 64'%3E%3Cpath d='M28 0l24 14v28L28 56 4 42V14z' fill='none' stroke='%23ffffff' stroke-opacity='0.08' stroke-width='1.4'/%3E%3C/svg%3E");background-size:56px 64px}.app{min-height:100%;display:flex}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--header);color:#fff;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:13px;padding:22px 20px 18px;display:flex}.sidebar-brand img{width:auto;height:52px;display:block}.sidebar-brand .t1{font-family:var(--font-head);font-size:14.5px;font-weight:700;line-height:1.4}.sidebar-brand .t2{color:var(--kau-secondary-03);margin-top:3px;font-size:11px}.nav{flex:1;padding:12px 10px}.nav-group{margin-bottom:16px}.nav-label{letter-spacing:.06em;color:#a7e0c5bf;text-transform:uppercase;padding:6px 12px;font-size:10.5px}.nav a{border-radius:var(--radius-sm);color:#ffffffdb;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:13.5px;text-decoration:none;transition:background .13s,color .13s;display:flex}.nav a:hover{color:#fff;background:#ffffff17;text-decoration:none}.nav a.active{background:var(--kau-secondary-02);color:#fff;font-weight:600}.nav a .badge-count{background:#fff3;border-radius:999px;margin-inline-start:auto;padding:1px 7px;font-size:11px}.nav a.active .badge-count{background:#0003}.sidebar-foot{color:#ffffffb8;border-top:1px solid #ffffff1f;padding:14px 18px;font-size:12px}.sidebar-foot .who{color:#fff;font-size:13px;font-weight:600}.sidebar-foot button{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #ffffff4d;margin-top:9px;padding:5px 12px;font-family:inherit;font-size:12px}.sidebar-foot button:hover{background:#ffffff1f}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border-soft);z-index:20;align-items:center;gap:16px;padding:0 26px;display:flex;position:sticky;top:0}.topbar h1{font-size:19px}.topbar .spacer{flex:1}.topbar .cycle{color:var(--text-muted);background:var(--kau-secondary-04);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:12px}.content{width:100%;max-width:1560px;padding:24px 26px 56px}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;padding:14px 18px;display:flex}.card-head .spacer{flex:1}.card-body{padding:18px}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.kpi{padding:17px 19px;position:relative;overflow:hidden}.kpi .label{color:var(--text-muted);font-size:12.5px}.kpi .value{font-family:var(--font-head);color:var(--kau-primary-01);margin-top:2px;font-size:31px;font-weight:700;line-height:1.2}.kpi .sub{color:var(--text-muted);font-size:11.5px}.kpi.accent .value{color:var(--accent)}.kpi.warn .value{color:#b45309}.kpi.danger .value{color:#b91c1c}.bar{background:var(--kau-primary-05);border-radius:999px;height:9px;display:flex;overflow:hidden}.bar span{height:100%;display:block}.bar .approved{background:var(--kau-primary-01)}.bar .submitted{background:var(--kau-primary-02)}.bar .filled{background:var(--kau-primary-03)}.legend{color:var(--text-muted);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:11.5px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-inline-end:5px;display:inline-block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{background:var(--kau-secondary-04);color:var(--kau-primary-01);font-family:var(--font-head);text-align:start;border-bottom:2px solid var(--border);white-space:nowrap;z-index:2;padding:10px 12px;font-size:12.5px;font-weight:700;position:sticky;top:0}tbody td{border-bottom:1px solid var(--border-soft);vertical-align:top;padding:10px 12px}tbody tr:hover{background:#f7fcfa}tbody tr.clickable{cursor:pointer}.td-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:520px;display:-webkit-box;overflow:hidden}.num{font-variant-numeric:tabular-nums}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.risk-حرج{background:var(--risk-critical);color:#fff}.risk-مرتفع{background:var(--risk-high);color:#fff}.risk-متوسط{background:var(--risk-medium);color:#3d2c00}.risk-منخفض{background:var(--risk-low);color:#1f3d0a}.risk-منخفضجدًا{background:var(--risk-verylow);color:#fff}.st-draft{color:var(--text-muted);border-color:var(--kau-neutral-04);background:#f1f5f4}.st-submitted{color:#92600a;background:#fff5e0;border-color:#f0d9a0}.st-returned{color:#a3241d;background:#fde9e9;border-color:#f3bebb}.st-approved{background:var(--kau-secondary-03);color:#0c5136;border-color:var(--kau-secondary-02)}.cs-ملتزم{background:var(--kau-secondary-03);color:#0c5136}.cs-ملتزمبشكلجزئي{color:#92600a;background:#fff5e0;border-color:#f0d9a0}.cs-غيرملتزم{color:#a3241d;background:#fde9e9;border-color:#f3bebb}.badge.plain{background:var(--kau-primary-05);color:var(--text-muted);border-color:var(--border-soft)}.badge.note{color:#a3241d;background:#fde9e9;border-color:#f3bebb}label.field{margin-bottom:15px;display:block}label.field>.lbl{color:var(--kau-primary-01);margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}label.field>.hint{color:var(--text-muted);font-size:11.5px;font-weight:400}.req-mark{color:#b91c1c;margin-inline-start:3px}input[type=text],input[type=password],input[type=date],input[type=email],input[type=number],select,textarea{border:1px solid var(--kau-neutral-04);border-radius:var(--radius-sm);width:100%;color:var(--text);direction:rtl;background:#fff;padding:8px 11px;font-family:inherit;font-size:13.5px}textarea{resize:vertical;min-height:88px;line-height:1.7}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2bb67329}input:disabled,select:disabled,textarea:disabled{color:var(--text-muted);background:#f6f8f7}.field-missing input,.field-missing select,.field-missing textarea{background:snow;border-color:#dc9a95}.btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--accent);color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 17px;font-family:inherit;font-size:13.5px;font-weight:600;transition:filter .13s,background .13s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{color:var(--kau-primary-01);border-color:var(--kau-neutral-04);background:#fff}.btn.secondary:hover:not(:disabled){background:var(--kau-secondary-04)}.btn.dark{background:var(--kau-primary-01)}.btn.danger{background:#b91c1c}.btn.sm{padding:5px 12px;font-size:12.5px}.btn-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.toolbar{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 15px;display:flex}.toolbar select,.toolbar input[type=text]{width:auto;min-width:155px}.toolbar .spacer{flex:1}.overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a353e6b;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;width:min(620px,94vw);max-height:88vh;margin:auto;display:flex}.drawer{box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;width:min(920px,96vw);height:100%;margin-inline-end:auto;animation:.2s slideIn;display:flex}@keyframes slideIn{0%{opacity:.4;transform:translate(-24px)}to{opacity:1;transform:none}}.modal-head,.drawer-head{border-bottom:1px solid var(--border-soft);align-items:flex-start;gap:12px;padding:15px 20px;display:flex}.modal-head .spacer,.drawer-head .spacer{flex:1}.modal-body,.drawer-body{flex:1;padding:20px;overflow-y:auto}.modal-foot,.drawer-foot{border-top:1px solid var(--border-soft);background:#fbfdfc;align-items:center;gap:9px;padding:13px 20px;display:flex}.icon-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:19px;line-height:1}.icon-btn:hover{background:var(--kau-primary-05);color:var(--text)}.alert{border-radius:var(--radius-sm);border:1px solid;margin-bottom:15px;padding:11px 15px;font-size:13px}.alert.err{color:#a3241d;background:#fdeceb;border-color:#f3bebb}.alert.ok{background:var(--kau-secondary-04);color:#0c5136;border-color:var(--kau-secondary-03)}.alert.info{color:#92600a;background:#fffbeb;border-color:#f0d9a0}.empty{text-align:center;color:var(--text-muted);padding:52px 22px}.empty .big{opacity:.35;margin-bottom:10px;font-size:40px}.muted{color:var(--text-muted)}.small{font-size:12px}.mono{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.stack{flex-direction:column;gap:5px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.article-box{background:var(--kau-primary-05);border-inline-start:3px solid var(--kau-primary-03);border-radius:var(--radius-sm);white-space:pre-wrap;max-height:250px;padding:13px 15px;font-size:13px;line-height:1.85;overflow-y:auto}.note{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#fff;margin-bottom:9px;padding:11px 14px}.note.from-review{background:#fffdf7;border-inline-start:3px solid #d97706}.note.from-sector{border-inline-start:3px solid var(--kau-primary-03)}.note .meta{color:var(--text-muted);align-items:center;gap:9px;margin-bottom:5px;font-size:11.5px;display:flex}.heat{border-collapse:separate;border-spacing:3px}.heat td,.heat th{padding:0}.heat .cell{border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:60px;height:44px;font-size:14px;font-weight:700;display:flex}.heat .axis{color:var(--text-muted);white-space:nowrap;padding:3px 7px;font-size:11.5px}.login-wrap{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.login-hero{background:linear-gradient(150deg, var(--kau-primary-01), var(--kau-secondary-01));color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.login-hero img{width:168px;margin-bottom:26px}.login-hero h1{margin-bottom:12px;font-size:27px}.login-hero p{color:var(--kau-secondary-03);max-width:420px;font-size:14px;line-height:1.85}.login-form{background:var(--surface);justify-content:center;align-items:center;padding:40px;display:flex}.login-form .inner{width:min(378px,100%)}.login-form h2{margin-bottom:6px}@media (width<=960px){.login-wrap{grid-template-columns:1fr}.login-hero{padding:36px 24px}.login-hero img{width:112px;margin-bottom:16px}.sidebar{inset-inline-start:0;z-index:60;transition:transform .2s;position:fixed;top:0;transform:translate(100%)}.sidebar.open{transform:none}.content{padding:16px}}.nav-toggle{display:none}@media (width<=960px){.nav-toggle{display:block}}.print-only{display:none}@media print{.sidebar,.topbar,.toolbar,.btn,.no-print{display:none!important}.print-only{display:block}.content{padding:0}.card{box-shadow:none;border-color:#ccc}}.act-active{background:var(--kau-secondary-02);color:#fff}.act-moderate{background:var(--kau-primary-03);color:#10331d}.act-low{color:#92600a;background:#fff5e0;border-color:#f0d9a0}.act-stalled{color:#a3241d;background:#fdeceb;border-color:#f3bebb}.act-notStarted{background:var(--kau-primary-05);color:var(--text-muted);border-color:var(--kau-neutral-04)}.act-noAccount{color:#fff;background:#7f1d1d}.comp-complete{background:var(--kau-primary-01)}.comp-advanced{background:var(--kau-secondary-02)}.comp-behind{background:var(--kau-primary-03)}.comp-struggling{background:#d97706}.comp-notStarted,.comp-none{background:var(--kau-neutral-04)}.ring-complete{stroke:var(--kau-primary-01)}.ring-advanced{stroke:var(--kau-secondary-02)}.ring-behind{stroke:var(--kau-primary-03)}.ring-struggling{stroke:#d97706}.ring-notStarted,.ring-none{stroke:var(--kau-neutral-04)}