:root{--burgundy:#5e1a2a;--burgundy-deep:#4a1421;--wax:#8e2235;--ruby:#a3243a;--gold:#c9a45c;--gold-light:#e3c99a;--gold-muted:#b08a4a;--bronze:#7a5a22;--cream:#f4eee3;--paper:#fbf8f2;--sand:#f1ebe0;--sand-deep:#eae2d3;--line:#e6ddcd;--ink:#3b2329;--ink-soft:#5f4c50;--ink-muted:#7d6b6e;--ok:#2f6b45;--warn:#8a5a12;--sidebar-w:264px;--topbar-h:60px;--font-en:var(--font-dm-sans), "Helvetica Neue", Arial, sans-serif;--font-ar:"Geeza Pro", var(--font-plex-ar), Tahoma, sans-serif;--ease:cubic-bezier(.22, .61, .36, 1)}html[lang=ar]{--font-body:var(--font-ar);--leading:1.8}html[lang=en]{--font-body:var(--font-en);--leading:1.55}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:var(--leading);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{color:var(--burgundy);margin:0;font-weight:500;line-height:1.3}a{color:var(--burgundy);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}:focus-visible{outline:2px solid var(--gold-muted);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.skip{background:var(--burgundy);color:var(--cream);z-index:100;padding:8px 14px;position:absolute;inset-block-start:-60px;inset-inline-start:8px}.skip:focus{inset-block-start:8px}.wordmark{color:var(--cream);align-items:center;gap:12px;display:inline-flex}.wordmark__latin{font-family:var(--font-cinzel), serif;letter-spacing:.2em;color:var(--gold-light);font-size:1.05rem;font-weight:500}.wordmark__ar{font-family:var(--font-ruqaa), serif;color:var(--cream);font-size:1.55rem;font-weight:700;line-height:1}.wordmark__rule{align-items:center;gap:4px;display:inline-flex}.wordmark__rule:before,.wordmark__rule:after{content:"";background:var(--gold);block-size:14px;inline-size:1px}.wordmark__rule i{background:var(--gold);block-size:6px;inline-size:6px;transform:rotate(45deg)}.wordmark--dark .wordmark__latin{color:var(--bronze)}.wordmark--dark .wordmark__ar{color:var(--burgundy)}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-block-size:100vh;display:grid}.sidebar{background:var(--burgundy);color:var(--cream);flex-direction:column;block-size:100vh;display:flex;position:sticky;inset-block-start:0;overflow-y:auto}.sidebar__brand{border-block-end:1px solid #c9a45c4d;padding:20px 22px}.sidebar__brand small{color:var(--gold-light);opacity:.85;margin-block-start:6px;font-size:.75rem;display:block}.nav{flex:1;margin:0;padding:12px 10px;list-style:none}.nav__group{margin-block-end:2px}.nav__top{color:var(--cream);border-inline-start:2px solid #0000;align-items:center;gap:12px;padding:10px 12px;font-weight:500;display:flex}.nav__top:hover{background:#ffffff12;text-decoration:none}.nav__top[aria-current=true]{border-inline-start-color:var(--gold);color:#fff;background:#ffffff1a}.nav__top svg{block-size:18px;inline-size:18px;stroke:var(--gold-light);fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none}.nav__sub{margin:2px 0 8px;padding:0;list-style:none}.nav__sub a{padding:6px 12px;color:#f4eee3cc;align-items:center;gap:8px;padding-inline-start:42px;font-size:.9rem;display:flex}.nav__sub a:hover{color:#fff;background:#ffffff0d;text-decoration:none}.nav__sub a[aria-current=page]{color:#fff;font-weight:500}.nav__soon{color:var(--gold-light);border:1px solid #c9a45c80;margin-inline-start:auto;padding:1px 6px;font-size:.65rem}.main{flex-direction:column;min-inline-size:0;display:flex}.topbar{z-index:20;block-size:var(--topbar-h);background:var(--cream);border-block-end:1px solid var(--line);align-items:center;gap:14px;padding-inline:clamp(16px,3vw,40px);display:flex;position:sticky;inset-block-start:0}.topbar__spacer{flex:1}.topbar__user{color:var(--ink-soft);font-size:.88rem}.menu-button{display:none}.content{flex:1;inline-size:100%;max-inline-size:1280px;margin-inline:auto;padding:clamp(18px,3vw,40px)}.crumbs{color:var(--ink-muted);flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;font-size:.82rem;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--gold-muted);margin-inline-end:6px}.crumbs a{color:var(--ink-muted)}.page-header{border-block-end:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-block-end:24px;padding-block-end:16px;display:flex}.page-header h1{font-size:1.6rem}.page-header__actions{flex-wrap:wrap;gap:10px;display:flex}.button{border:1px solid var(--burgundy);background:var(--burgundy);min-block-size:40px;color:var(--cream);font:inherit;cursor:pointer;transition:background .25s var(--ease), color .25s var(--ease);justify-content:center;align-items:center;gap:8px;padding:8px 20px;font-weight:500;display:inline-flex}.button:hover{background:var(--burgundy-deep);color:var(--cream);text-decoration:none}.button--outline{color:var(--burgundy);background:0 0}.button--outline:hover{background:var(--burgundy)}.button--danger{border-color:var(--ruby);color:var(--ruby);background:0 0}.button--danger:hover{background:var(--ruby);color:#fff}.button--sm{min-block-size:32px;padding:4px 12px;font-size:.85rem}.button:disabled{opacity:.5;cursor:not-allowed}.field{flex-direction:column;gap:6px;margin-block-end:16px;display:flex}.field label{color:var(--ink-soft);font-size:.9rem;font-weight:500}.input,select.input,textarea.input{border:1px solid var(--line);min-block-size:40px;inline-size:100%;color:var(--ink);font:inherit;background:#fff;padding:8px 12px}.input:focus{border-color:var(--gold-muted);outline:none;box-shadow:0 0 0 2px #c9a45c4d}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 20px;display:grid}.hint{color:var(--ink-muted);font-size:.82rem}.card{border:1px solid var(--line);background:#fff;padding:20px}.card+.card{margin-block-start:20px}.card h2{margin-block-end:12px;font-size:1.05rem}.grid{gap:20px;display:grid}.grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-block-end:16px;display:flex}.toolbar .input{max-inline-size:320px}.table-wrap{border:1px solid var(--line);background:#fff;overflow-x:auto}table.table{border-collapse:collapse;inline-size:100%}.table th{text-align:start;color:var(--ink-muted);background:var(--sand);white-space:nowrap;padding:10px 14px;font-size:.8rem;font-weight:500}.table td{border-block-start:1px solid var(--line);vertical-align:middle;padding:10px 14px}.table tbody tr:hover{background:var(--paper)}.thumb{object-fit:cover;background:var(--sand);border:1px solid var(--line);block-size:44px;inline-size:44px;display:block}.badge{border:1px solid var(--line);background:var(--sand);color:var(--ink-soft);padding:1px 10px;font-size:.78rem;display:inline-block}.badge--active{color:var(--ok);background:#e7f1ea;border-color:#bcd6c5}.badge--draft{color:var(--warn);background:#f6ecd7;border-color:#e3cf9f}.badge--archived{background:var(--sand-deep)}.pagination{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:12px;margin-block-start:14px;font-size:.88rem;display:flex}.pagination__links{gap:8px;display:flex}.state{text-align:center;border:1px dashed var(--gold-muted);background:var(--cream);color:var(--ink-soft);padding:48px 20px}.state h2{margin-block-end:8px}.state--error{border-color:var(--ruby);background:#fbeff0}.state--planned{text-align:start}.notice{border:1px solid var(--gold-light);background:var(--cream);color:var(--ink-soft);margin-block-end:16px;padding:12px 16px;font-size:.9rem}.notice--error{color:var(--ruby);background:#fbeff0;border-color:#e2a8b0}.toast{background:var(--burgundy);color:var(--cream);opacity:0;pointer-events:none;transition:.3s var(--ease);z-index:200;padding:10px 20px;position:fixed;inset-block-end:20px;inset-inline-start:50%;transform:translate(-50%)translateY(20px)}html[dir=rtl] .toast{transform:translate(50%)translateY(20px)}.toast[data-show]{opacity:1;transform:translate(-50%)}html[dir=rtl] .toast[data-show]{transform:translate(50%)}.toast[data-kind=error]{background:var(--ruby)}dialog.confirm{border:1px solid var(--gold-muted);background:var(--paper);max-inline-size:420px;color:var(--ink);padding:24px}dialog.confirm::backdrop{background:#3b232980}dialog.confirm h2{margin-block-end:8px}dialog.confirm .row{justify-content:flex-end;gap:10px;margin-block-start:20px;display:flex}.media-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.media-card{border:1px solid var(--line);background:#fff}.media-card img{aspect-ratio:1;object-fit:cover;background:var(--sand);inline-size:100%;display:block}.media-card__body{color:var(--ink-muted);gap:6px;padding:10px;font-size:.8rem;display:grid}.metric{border:1px solid var(--line);background:#fff;padding:18px}.metric__label{color:var(--ink-muted);font-size:.85rem}.metric__value{color:var(--burgundy);font-size:1.8rem;font-weight:500}.metric__value--na{color:var(--ink-muted);font-size:1rem}.login{background:var(--cream);place-items:center;min-block-size:100vh;padding:24px;display:grid}.login__card{border:1px solid var(--line);background:#fff;inline-size:min(100%,400px);padding:32px}.login__brand{justify-content:center;margin-block-end:24px;display:flex}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{z-index:50;inline-size:min(86vw,300px);transition:transform .3s var(--ease);position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-100%)}html[dir=rtl] .sidebar{transform:translate(100%)}body[data-menu-open] .sidebar{transform:none;box-shadow:0 0 40px #0000004d}.menu-button{display:inline-flex}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
