:root{--red:#ee2038;--blue:#062643;--black:#171717;--white:#fff;--ink:var(--black);--ink-mid:var(--blue);--red-lt:#f45c6c;--red-dp:#a8102a;--red-pale:#fde7e9;--blue-pale:#eaeef2;--paper:var(--blue-pale);--muted:#4b5563;--muted-lt:#87919c;--border:#0626431f;--border-md:#06264338;--shadow-sm:0 1px 8px #06264317;--shadow-md:0 4px 24px #0626431f;--shadow-lg:0 12px 48px #06264333;--r:12px;--r-lg:18px;--r-xl:24px;--navy:var(--ink);--navy-mid:var(--ink-mid);--navy-lt:var(--red);--navy-pale:var(--paper);--orange:var(--red);--orange-lt:var(--red-lt);--orange-md:var(--red);--orange-pale:var(--red-pale);--orange-soft:var(--red-lt);--gold:var(--red);--gold-lt:var(--red-lt);--gold-pale:var(--red-pale);--cream:var(--paper)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--cream);color:var(--ink);min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=680px){.hdr-pills{display:none}.seg-grid,.cards-grid{grid-template-columns:1fr}main{padding:24px 16px 60px}.hdr-inner{gap:10px;padding:0 14px}}header{z-index:200;background:var(--black);border-bottom:2px solid var(--red);position:sticky;top:0;box-shadow:0 2px 16px #0000003d}.hdr-inner{align-items:center;gap:16px;max-width:1320px;height:62px;margin:0 auto;padding:0 24px;display:flex}.logo-wrap{cursor:pointer;flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-img-wrap{flex-shrink:0;align-items:center;display:flex}.inst-logo{object-fit:contain;width:auto;max-width:160px;height:44px;display:block}.logo-badge{background:linear-gradient(135deg, var(--orange), var(--orange-lt));width:36px;height:36px;color:var(--white);border-radius:9px;justify-content:center;align-items:center;font-family:serif;font-size:17px;font-weight:700;display:flex}.logo-text{color:var(--white);font-size:16px;font-weight:600;line-height:1.15}.logo-text small{color:#ffffff8c;letter-spacing:.1em;text-transform:uppercase;margin-top:1px;font-size:10px;font-weight:400;display:block}.srch-box{flex:1;max-width:420px;margin-left:auto;position:relative}.srch-input{width:100%;color:var(--white);background:#ffffff14;border:1px solid #ffffff29;border-radius:50px;outline:none;padding:9px 14px 9px 38px;font-family:inherit;font-size:13px;transition:all .2s}.srch-input::placeholder{color:#ffffff73}.srch-input:focus{border-color:var(--red);background:#ffffff24;box-shadow:0 0 0 3px #ee203840}.srch-ico{color:#ffffff8c;pointer-events:none;font-size:15px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.lang-tgl{background:#ffffff14;border:1px solid #ffffff29;border-radius:50px;flex-shrink:0;gap:2px;padding:3px;display:flex}.lang-btn{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:50px;padding:5px 13px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.lang-btn.on{background:var(--red);color:var(--white)}.user-switcher{background:#ffffff14;border:1px solid #ffffff29;border-radius:50px;flex-shrink:0;gap:2px;padding:3px;display:flex}.user-btn{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:50px;padding:5px 13px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.user-btn.on{background:var(--blue);color:var(--white)}.hdr-pills{flex-shrink:0;gap:10px;display:flex}.hdr-pill{color:#ffffffa6;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff29;border-radius:50px;padding:4px 11px;font-size:11px}.hdr-pill b{color:var(--red-lt)}.bc-bar{border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;align-items:center;gap:2px;min-height:44px;padding:0 24px;display:flex;overflow-x:auto}.bc-bar::-webkit-scrollbar{height:2px}.bc-bar::-webkit-scrollbar-thumb{background:var(--border)}.bc-item{color:var(--navy-lt);cursor:pointer;white-space:nowrap;border-radius:6px;padding:3px 7px;font-size:12.5px;font-weight:500;transition:all .15s}.bc-item:hover{background:#06264314}.bc-item.cur{color:var(--ink);cursor:default;font-weight:600}.bc-item.cur:hover{background:0 0}.bc-sep{color:var(--border-md);padding:0 1px;font-size:14px}main{max-width:1320px;margin:0 auto;padding:36px 24px 80px}.pg-hdr{margin-bottom:28px;animation:.35s both fadeUp}.pg-eye{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:7px;font-size:11px;font-weight:600}.pg-title{color:var(--navy);margin-bottom:6px;font-size:clamp(22px,3vw,34px);font-weight:700;line-height:1.2}.pg-sub{color:var(--muted);max-width:560px;font-size:14px;line-height:1.5}.seg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:780px;display:grid}.seg-card{border:1.5px solid var(--border);border-radius:var(--r-xl);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;padding:32px;transition:all .25s;animation:.4s both fadeUp;position:relative;overflow:hidden}.seg-card:nth-child(2){animation-delay:70ms}.seg-card:after{content:"";background:linear-gradient(90deg, var(--navy-mid), var(--navy-lt));transform-origin:0;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.seg-card:hover:after{transform:scaleX(1)}.seg-card:hover{border-color:var(--navy-lt);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.seg-icon{margin-bottom:16px;font-size:40px;display:block}.seg-title{color:var(--muted);margin-bottom:4px;font-size:15px;font-weight:400}.seg-title-ar{color:var(--navy);text-align:right;direction:rtl;margin-bottom:4px;font-size:22px;font-weight:700}.seg-desc{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.6}.seg-meta{border-top:1px solid var(--border);gap:20px;padding-top:16px;display:flex}.seg-stat{text-align:left}.seg-stat-n{color:var(--navy);font-size:20px;font-weight:700;display:block}.seg-stat-l{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10.5px}.lbl-primary{color:var(--navy);font-size:14px;font-weight:600;line-height:1.35;display:block}.lbl-secondary{color:var(--muted);margin-top:1px;font-size:11.5px;font-weight:400;line-height:1.3;display:block}.seg-lbl-primary{color:var(--navy);font-size:21px;font-weight:700;line-height:1.2;display:block}.seg-lbl-secondary{color:var(--muted);margin-top:2px;font-size:14px;font-weight:400;line-height:1.3;display:block}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.nav-card{border:1px solid var(--border);border-radius:var(--r);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:8px;padding:18px;transition:all .22s;animation:.35s both fadeUp;display:flex;position:relative;overflow:hidden}.nav-card:hover{border-color:var(--navy-lt);box-shadow:var(--shadow-md);transform:translateY(-2px)}.nav-card:before{content:"";background:linear-gradient(90deg, var(--gold), var(--gold-lt));transform-origin:0;height:2px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-card:hover:before{transform:scaleX(1)}.nc-icon{margin-bottom:2px;font-size:24px}.nc-code{letter-spacing:.1em;color:var(--gold);text-transform:uppercase;font-size:10px;font-weight:700}.nc-name{color:var(--muted);font-size:12.5px;font-weight:400;line-height:1.3}.nc-name-ar{color:var(--navy);text-align:right;direction:rtl;font-size:14px;font-weight:600;line-height:1.4}.nc-desc{color:var(--muted);flex:1;font-size:12px;line-height:1.5}.nc-ref{background:var(--red-pale);color:var(--red-dp);border:1px solid #ee203840;border-radius:4px;padding:2px 7px;font-size:10px;display:inline-block}.nc-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.nc-count{color:var(--muted);font-size:11.5px}.nc-count b{color:var(--navy-mid)}.nc-arr{color:var(--muted);font-size:16px;transition:all .2s}.nav-card:hover .nc-arr{color:var(--navy-lt);transform:translate(3px)}.nav-card.no-click{cursor:default}.nav-card.no-click:hover{border-color:var(--border);box-shadow:var(--shadow-sm);transform:none}.nav-card.no-click:before{display:none}.cards-grid .nav-card:first-child{animation-delay:0s}.cards-grid .nav-card:nth-child(2){animation-delay:40ms}.cards-grid .nav-card:nth-child(3){animation-delay:80ms}.cards-grid .nav-card:nth-child(4){animation-delay:.12s}.cards-grid .nav-card:nth-child(5){animation-delay:.16s}.cards-grid .nav-card:nth-child(6){animation-delay:.2s}.cards-grid .nav-card:nth-child(n+7){animation-delay:.24s}.back-btn{border:1px solid var(--border-md);color:var(--navy-lt);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:50px;align-items:center;gap:7px;margin-bottom:24px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.back-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.sr-wrap{border:1px solid var(--border-md);border-radius:var(--r-lg);background:#fff;max-height:460px;overflow:hidden auto}.sr-wrap::-webkit-scrollbar{width:4px}.sr-wrap::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:2px}.sr-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.sr-item:last-child{border-bottom:none}.sr-item:hover{background:var(--cream)}.sr-code{color:var(--gold);letter-spacing:.08em;white-space:nowrap;margin-top:2px;font-size:10px;font-weight:700}.sr-body{flex:1}.sr-en{color:var(--navy);margin-bottom:2px;font-size:14px;font-weight:600}.sr-ar{color:var(--muted);margin-bottom:4px;font-size:13px}.sr-path{color:var(--muted-lt);flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;display:flex}.sr-path-seg{background:var(--cream);border:1px solid var(--border);border-radius:4px;padding:1px 7px;font-size:10.5px}.empty-state{text-align:center;color:var(--muted);padding:60px 20px}.empty-icon{opacity:.4;margin-bottom:12px;font-size:36px}.empty-text{font-size:14px}.toast{background:var(--navy);color:#fff;pointer-events:none;opacity:0;z-index:9999;white-space:nowrap;box-shadow:var(--shadow-lg);border-radius:50px;padding:10px 22px;font-size:13px;transition:opacity .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.card-review{top:10px;z-index:2;align-items:center;gap:4px;display:flex;position:absolute;inset-inline-end:10px}.nav-card:has(.card-review) .nc-code{padding-inline-end:100px}.crv-btn{border:1.5px solid var(--border-md);cursor:pointer;min-width:24px;height:24px;color:var(--muted);box-shadow:var(--shadow-sm);background:#fff;border-radius:50px;justify-content:center;align-items:center;gap:3px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s;display:flex}.crv-btn:hover{border-color:var(--muted);color:var(--ink)}.crv-btn.approve:hover{color:#2e7d32;background:#e8f5e9;border-color:#2e7d32}.crv-btn.decline:hover{color:#c62828;background:#fce4ec;border-color:#c62828}.crv-btn.comment:hover{border-color:var(--red)}.crv-btn.approve.active{color:#fff;background:#2e7d32;border-color:#2e7d32}.crv-btn.decline.active{color:#fff;background:#c62828;border-color:#c62828}.crv-btn.comment.has-comments{border-color:var(--red);color:var(--red-dp);background:var(--red-pale)}.crv-ico{font-size:10px;line-height:1}.crv-count{font-size:10px;font-weight:700}.modal-overlay{z-index:1000;background:#0b133873;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{border-radius:var(--r-xl);box-shadow:var(--shadow-lg);background:#fff;width:100%;max-width:480px;max-height:90vh;animation:.2s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.modal-hdr-left{align-items:center;gap:8px;display:flex}.modal-node-code{letter-spacing:.1em;color:var(--gold);text-transform:uppercase;font-size:11px;font-weight:700}.modal-node-type{color:var(--muted);background:var(--cream);border:1px solid var(--border-md);text-transform:capitalize;border-radius:4px;padding:2px 7px;font-size:10px}.modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;padding:0 4px;font-size:22px;line-height:1;transition:all .15s}.modal-close:hover{background:var(--cream);color:var(--navy)}.modal-body{padding:18px 20px 20px}.modal-label-en{color:var(--navy);margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.3}.modal-label-ar{color:var(--muted);text-align:right;direction:rtl;margin:0 0 18px;font-size:14px}.modal-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.modal-comments{margin-top:4px}.review-btn{cursor:pointer;border:1px solid;border-radius:50px;align-items:center;gap:4px;padding:4px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.review-btn.approve{color:#2e7d32;background:#e8f5e9;border-color:#a5d6a7}.review-btn.approve:hover{color:#fff;background:#2e7d32}.review-btn.decline{color:#c62828;background:#fce4ec;border-color:#ef9a9a}.review-btn.decline:hover{color:#fff;background:#c62828}.review-status-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:50px;padding:2px 8px;font-size:10px;font-weight:700}.review-status-badge.approved{color:#2e7d32;background:#e8f5e9}.review-status-badge.declined{color:#c62828;background:#fce4ec}.review-status-badge.pending{background:var(--cream);color:var(--muted)}.review-btn.approve.active{color:#fff;background:#2e7d32}.review-btn.decline.active{color:#fff;background:#c62828}.comment-thread{background:var(--navy-pale);border:1px solid var(--border-md);border-radius:var(--r);flex-direction:column;gap:10px;width:100%;margin-top:10px;padding:12px 14px;display:flex}.comment-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.comment-item{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 10px}.comment-meta{align-items:center;gap:8px;margin-bottom:4px;display:flex}.comment-author{color:var(--navy);font-size:11px;font-weight:700}.comment-time{color:var(--muted-lt);flex:1;font-size:10.5px}.comment-del{cursor:pointer;color:var(--muted-lt);background:0 0;border:none;border-radius:4px;padding:0 2px;font-size:15px;line-height:1;transition:all .15s}.comment-del:hover{color:#c62828}.comment-body{color:var(--ink);margin:0;font-size:12.5px;line-height:1.5}.comment-empty{color:var(--muted-lt);text-align:center;margin:0;font-size:12px}.comment-form{gap:6px;display:flex}.comment-input{border:1px solid var(--border-md);color:var(--ink);background:#fff;border-radius:50px;outline:none;flex:1;padding:6px 11px;font-family:inherit;font-size:12.5px;transition:all .2s}.comment-input:focus{border-color:var(--navy-lt);box-shadow:0 0 0 2px #4f5fa81f}.comment-submit{background:var(--navy-mid);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.comment-submit:hover:not(:disabled){background:var(--navy)}.comment-submit:disabled{opacity:.45;cursor:default}