@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Tajawal:wght@400;500;700;800&display=swap";:root{--bg-main: #e6f2f8;--header-bg: #f5f5f5;--btn-primary: #3f8a54;--btn-secondary: #2196f3;--text-primary: #000000;--text-secondary: #000000;--section-bg: #faf9f6;--accent-danger: #d32f2f;--bg: var(--bg-main);--bg-soft: var(--section-bg);--surface: rgba(245, 245, 245, .9);--surface-subtle: rgba(250, 249, 246, .92);--surface-raised: rgba(255, 255, 255, .97);--text: var(--text-primary);--text-soft: var(--text-secondary);--line: rgba(51, 51, 51, .08);--line-strong: rgba(51, 51, 51, .14);--primary: var(--btn-primary);--primary-strong: #000000;--secondary: var(--btn-secondary);--secondary-strong: #000000;--danger: var(--accent-danger);--danger-soft: rgba(211, 47, 47, .12);--accent-soft: rgba(33, 150, 243, .14);--shadow: 0 24px 60px rgba(33, 52, 71, .1);--selection-bg: rgba(63, 138, 84, .2);--selection-text: #1f3b28;--font-display: "Tajawal", sans-serif;--font-body: "Tajawal", sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--bg: #101a22;--bg-soft: #16232d;--surface: rgba(25, 34, 42, .9);--surface-subtle: rgba(30, 42, 52, .88);--surface-raised: rgba(36, 49, 60, .95);--text: #ffffff;--text-soft: #ffffff;--line: rgba(243, 245, 247, .08);--line-strong: rgba(243, 245, 247, .14);--primary: #7fcf96;--primary-strong: #ffffff;--secondary: #76c2ff;--secondary-strong: #ffffff;--danger: #ff8a80;--danger-soft: rgba(255, 138, 128, .16);--accent-soft: rgba(118, 194, 255, .16);--shadow: 0 24px 58px rgba(0, 0, 0, .34);--selection-bg: rgba(127, 207, 150, .22);--selection-text: #f6fbfd}html[lang=en]{--font-display: "Manrope", sans-serif;--font-body: "Manrope", sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 8% 12%,rgba(33,150,243,.12),transparent 22%),radial-gradient(circle at 88% 8%,rgba(63,138,84,.1),transparent 22%),radial-gradient(circle at 52% 84%,rgba(250,249,246,.8),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.5),transparent 28%),linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),rgba(51,51,51,.02) calc(100% - 1px)),linear-gradient(transparent 0,transparent calc(100% - 1px),rgba(51,51,51,.02) calc(100% - 1px)),var(--bg);background-size:auto,auto,auto,auto,80px 80px,80px 80px,auto;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-soft) 84%,transparent),transparent 34%),var(--bg);font-family:var(--font-body);transition:background-color .26s ease,color .26s ease}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 16% 18%,color-mix(in srgb,var(--secondary) 12%,transparent),transparent 22%),radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 20%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 26%);opacity:.9}body,button,input{font:inherit}button{border:0;background:none}input{appearance:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}#root{min-height:100vh}::selection{background:var(--selection-bg);color:var(--selection-text)}.surface{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 88%,transparent),transparent),color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid color-mix(in srgb,var(--line) 90%,transparent);border-radius:1.4rem;box-shadow:var(--shadow),inset 0 1px #ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;animation:surface-enter .48s ease both}.surface--nested{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-subtle) 94%,transparent),transparent),color-mix(in srgb,var(--surface-subtle) 92%,transparent);box-shadow:none}.surface:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at top,rgba(255,255,255,.42),transparent 45%),linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,transparent),transparent 56%);opacity:.9;pointer-events:none}@keyframes surface-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(1.5rem,-1rem,0) scale(1.08)}}.dashboard-shell{position:relative;display:grid;grid-template-columns:minmax(17.5rem,20rem) minmax(0,1fr);gap:1rem;width:min(1680px,calc(100% - 1.5rem));margin:0 auto;padding:.75rem 0 1.25rem}.admin-shell{position:relative;width:min(1680px,calc(100% - 1.5rem));margin:0 auto;padding:.75rem 0 1.25rem}.admin-main{display:grid;gap:1rem;min-width:0}.admin-topbar{margin-bottom:0}.admin-workspace{display:grid;grid-template-columns:minmax(16rem,18.5rem) minmax(0,1fr);gap:1rem;align-items:start}.admin-sidebar{position:sticky;inset-block-start:5.35rem;display:grid;align-self:start;padding:.95rem;min-height:calc(100vh - 6.1rem)}.admin-content{min-width:0}.dashboard-shell__glow{position:fixed;z-index:-1;border-radius:999px;filter:blur(92px);opacity:.58;pointer-events:none;animation:glow-drift 16s ease-in-out infinite alternate}.dashboard-shell__glow--one{inset-block-start:-6rem;inset-inline-start:-4rem;width:22rem;height:22rem;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 30%,transparent),transparent 72%)}.dashboard-shell__glow--two{inset-block-end:-9rem;inset-inline-end:-6rem;width:28rem;height:28rem;background:radial-gradient(circle,color-mix(in srgb,var(--secondary) 28%,transparent),transparent 72%);animation-duration:20s;animation-direction:alternate-reverse}.dashboard-sidebar{position:sticky;inset-block-start:.75rem;display:grid;align-self:start;gap:.85rem;padding:.95rem;min-height:calc(100vh - 1.5rem)}.brand-panel,.sidebar-link,.icon-button,.login-button,.language-switch__button,.admin-user-menu__trigger,.admin-user-menu__item,.footer-chip,.feature-card--interactive,.timeline-card,.action-button,.text-button{cursor:pointer}.brand-panel{display:flex;align-items:center;gap:.9rem;padding:.2rem;text-align:start}.brand-logo{width:3.95rem;height:3.95rem;object-fit:contain;padding:.2rem;border-radius:1rem;background:#ffffffeb;border:1px solid color-mix(in srgb,var(--secondary) 18%,var(--line))}.brand-copy{min-width:0;display:grid;gap:.35rem}.brand-copy__row{display:flex;align-items:center;gap:.6rem;min-width:0}.brand-title{color:var(--text);font-family:var(--font-display);font-size:1.25rem;font-weight:800;line-height:1.2}.brand-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;height:2rem;padding:0 .7rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary-strong);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.brand-subtitle{color:var(--text-soft);font-size:.88rem;line-height:1.55}.sidebar-nav-shell{display:grid;gap:.7rem}.sidebar-nav-group{display:grid;gap:.75rem}.sidebar-nav-group__title{color:var(--text-soft);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sidebar-nav-list{display:grid;gap:.4rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;min-height:2.9rem;padding:.62rem .75rem;border-radius:.95rem;color:var(--text-soft);text-align:start;transition:transform .18s ease,color .18s ease,background-color .18s ease,border-color .18s ease}.sidebar-link__icon{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:.8rem;background:color-mix(in srgb,var(--surface-subtle) 88%,transparent);border:1px solid color-mix(in srgb,var(--line) 85%,transparent);color:var(--primary-strong);flex:0 0 auto}.sidebar-link__icon svg,.feature-card__icon svg,.timeline-card__icon svg,.icon-button svg,.login-button svg,.card-link svg{width:1.05rem;height:1.05rem}.sidebar-link__label{min-width:0;font-weight:700;line-height:1.4}.sidebar-link--active{color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,transparent),color-mix(in srgb,var(--secondary) 10%,transparent));border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);box-shadow:0 18px 30px -26px color-mix(in srgb,var(--primary) 42%,black)}.sidebar-link--active .sidebar-link__icon{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#f9fdff;border-color:transparent}.dashboard-main{display:grid;gap:1rem;min-width:0}.dashboard-topbar{position:sticky;inset-block-start:.75rem;z-index:10;display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.5rem .75rem;overflow:visible}.dashboard-topbar__page-title{min-width:0;display:flex;align-items:center}.dashboard-topbar__page-title span{display:inline-flex;align-items:center;min-height:2.35rem;max-width:100%;padding:.42rem .85rem;border-radius:999px;background:color-mix(in srgb,var(--surface-subtle) 94%,transparent);border:1px solid color-mix(in srgb,var(--line) 88%,transparent);color:var(--text);font-family:var(--font-display);font-size:.92rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-topbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}.admin-user-menu{position:relative}.admin-user-menu__trigger{display:inline-flex;align-items:center;gap:.65rem;min-height:2.7rem;padding:.3rem .4rem .3rem .35rem;border-radius:999px;background:color-mix(in srgb,var(--surface-raised) 95%,white);border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));box-shadow:inset 0 1px #ffffffeb,0 12px 24px -18px color-mix(in srgb,var(--primary) 24%,black);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.admin-user-menu__trigger--open,.admin-user-menu__trigger:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 22%,var(--line))}.admin-user-menu__avatar{width:2rem;height:2rem;border-radius:999px;object-fit:cover;flex:0 0 auto}.admin-user-menu__name{color:var(--text);font-weight:800;line-height:1}.admin-user-menu__chevron{width:.65rem;height:.65rem;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;color:var(--text-soft);transform:rotate(45deg) translateY(-1px);transition:transform .18s ease}.admin-user-menu__trigger--open .admin-user-menu__chevron{transform:rotate(-135deg) translateY(-1px)}.admin-user-menu__dropdown{position:absolute;inset-block-start:calc(100% + .55rem);inset-inline-end:0;z-index:20;min-width:12rem;display:grid;gap:.2rem;padding:.45rem;border-radius:1.1rem}.admin-user-menu__item{display:flex;align-items:center;width:100%;min-height:2.6rem;padding:.65rem .8rem;border-radius:.85rem;color:var(--text);font-weight:700;text-align:start;transition:background-color .18s ease,color .18s ease,transform .18s ease}.admin-user-menu__item:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--surface-subtle) 96%,transparent)}.admin-user-menu__item--danger{color:color-mix(in srgb,var(--danger) 82%,var(--text))}.admin-user-menu__item--danger:hover{background:color-mix(in srgb,var(--danger-soft) 92%,transparent)}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.8rem;color:var(--primary);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:1.4rem;height:1px;background:currentColor;opacity:.45}.eyebrow--compact{margin-bottom:.45rem;font-size:.68rem}.icon-button,.login-button,.language-switch{border-radius:999px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.55rem;height:2.55rem;background:color-mix(in srgb,var(--surface-raised) 94%,white);border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));color:var(--text);box-shadow:inset 0 1px #ffffffe6,0 10px 24px -18px color-mix(in srgb,var(--primary) 28%,black)}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:2.55rem;padding:0 1rem;background:color-mix(in srgb,var(--surface-raised) 95%,white);border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));color:var(--text);font-weight:800;font-size:.95rem;box-shadow:inset 0 1px #ffffffeb,0 12px 24px -18px color-mix(in srgb,var(--primary) 24%,black)}.topbar-link-button{text-decoration:none}.language-switch{display:inline-flex;align-items:center;gap:.2rem;padding:.18rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 98%,white),color-mix(in srgb,var(--surface-subtle) 96%,transparent));box-shadow:inset 0 1px #ffffffeb,0 10px 22px -18px color-mix(in srgb,var(--primary) 20%,black)}.language-switch__button{min-width:2.55rem;height:2.2rem;padding:0 .72rem;border-radius:999px;color:var(--text-soft);font-weight:800;font-size:.83rem}.language-switch__button--active{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 94%,white),color-mix(in srgb,var(--secondary) 90%,white));color:#fff;box-shadow:0 10px 16px -12px color-mix(in srgb,var(--primary) 84%,black)}.overview-strip,.dashboard-content{display:grid;gap:.9rem}.overview-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-tile{display:grid;gap:.25rem;padding:.9rem 1rem}.overview-tile span{color:var(--text-soft);font-size:.82rem;font-weight:700}.overview-tile strong{color:var(--text);font-size:1.2rem;font-weight:800}.dashboard-grid{display:grid;gap:.9rem}.dashboard-grid--hero{grid-template-columns:minmax(0,1.25fr) minmax(19rem,.85fr)}.dashboard-grid--split,.dashboard-grid--nested{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid--page{grid-template-columns:minmax(0,1.2fr) minmax(19rem,.8fr)}.dashboard-panel,.subpanel,.dashboard-footer{padding:1.1rem}.panel-heading h1,.panel-heading h2{margin:0;color:var(--text);font-family:var(--font-display);font-size:clamp(1.2rem,2.1vw,2rem);font-weight:800;line-height:1.2}.panel-heading p{margin-top:.6rem;color:var(--text-soft);line-height:1.8}.panel-heading--compact h2{font-size:1.15rem}.hero-note{display:grid;gap:.35rem;padding:.9rem 1rem;margin-top:1rem;border-radius:1.2rem;background:color-mix(in srgb,var(--surface-subtle) 92%,transparent);border:1px solid color-mix(in srgb,var(--line) 85%,transparent)}.hero-note__label{color:var(--primary);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-note p{color:var(--text-soft);line-height:1.8}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.metric-card{display:grid;gap:.35rem;padding:.9rem;border-radius:1rem;background:color-mix(in srgb,var(--surface-subtle) 94%,transparent);border:1px solid color-mix(in srgb,var(--line) 84%,transparent)}.metric-card strong{color:var(--text);font-size:1.2rem;font-weight:800}.metric-card span{color:var(--text-soft);font-size:.88rem;line-height:1.7}.action-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.action-button{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:2.7rem;padding:.68rem 1rem;border-radius:.9rem;font-weight:800;font-size:.93rem;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.action-button--primary{background:linear-gradient(140deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 18px 30px -20px color-mix(in srgb,var(--primary) 72%,black)}.action-button--secondary{background:color-mix(in srgb,var(--surface-subtle) 92%,transparent);border:1px solid color-mix(in srgb,var(--line) 90%,transparent);color:var(--text)}.action-button--primary:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.26) 50%,transparent 72%);transform:translate(-120%);transition:transform .48s ease}.action-button--primary:hover:after{transform:translate(120%)}.action-button--wide{width:100%}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.9rem}.feature-grid--wide{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{display:flex;flex-direction:column;gap:.7rem;min-height:13rem;padding:.9rem;border-radius:1.15rem;text-align:start;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 90%,transparent),transparent),color-mix(in srgb,var(--surface-subtle) 94%,transparent);border:1px solid color-mix(in srgb,var(--line) 84%,transparent);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feature-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.feature-card__icon,.timeline-card__icon{display:inline-flex;align-items:center;justify-content:center;width:2.45rem;height:2.45rem;border-radius:.9rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,transparent),color-mix(in srgb,var(--secondary) 12%,transparent));border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary-strong);flex:0 0 auto}.feature-card__chips{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.card-tag,.card-metric,.timeline-card__label,.insight-card__metric{display:inline-flex;align-items:center;min-height:1.65rem;padding:.2rem .58rem;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.card-tag{background:color-mix(in srgb,var(--secondary) 12%,transparent);color:var(--secondary-strong)}.card-metric,.insight-card__metric{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary-strong)}.feature-card h3,.timeline-card strong,.insight-card h3{margin:0;color:var(--text);font-size:1.05rem;font-weight:800;line-height:1.55}.feature-card p,.timeline-card p,.insight-card p,.footer-note,.check-list,.helper-text{margin:0;color:var(--text-soft);line-height:1.8}.card-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:auto;color:var(--primary);font-weight:800}.timeline-list,.insight-list{display:grid;gap:.75rem;margin-top:.9rem}.timeline-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:flex-start;padding:.85rem .9rem;border-radius:1.05rem;text-align:start;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 90%,transparent),transparent),color-mix(in srgb,var(--surface-subtle) 94%,transparent);border:1px solid color-mix(in srgb,var(--line) 84%,transparent);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.timeline-card__body{min-width:0;display:grid;gap:.35rem}.timeline-card__label{width:fit-content;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary-strong)}.insight-card{display:grid;gap:.55rem;padding:.9rem;border-radius:1.05rem;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 88%,transparent),transparent),color-mix(in srgb,var(--surface-subtle) 94%,transparent);border:1px solid color-mix(in srgb,var(--line) 84%,transparent)}.check-list{list-style:none;padding:0;margin-top:.85rem;display:grid;gap:.6rem}.check-list li{position:relative;padding-inline-start:1.25rem}.check-list li:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.8rem;width:.42rem;height:.42rem;border-radius:999px;background:var(--secondary)}.check-list--compact{margin-top:.7rem}.subpanel{display:grid;gap:.8rem}.pill-list,.chip-list{display:flex;flex-wrap:wrap;gap:.55rem}.info-pill,.footer-chip{display:inline-flex;align-items:center;min-height:2.05rem;padding:.45rem .75rem;border-radius:999px;background:color-mix(in srgb,var(--surface-subtle) 92%,transparent);border:1px solid color-mix(in srgb,var(--line) 86%,transparent);color:var(--text);font-weight:700}.login-panel,.login-panel form{display:grid;gap:1rem}.field{display:grid;gap:.55rem}.field span,.checkbox-field span{color:var(--text);font-weight:700}.field input{width:100%;min-height:2.95rem;padding:.75rem .95rem;color:var(--text);background:color-mix(in srgb,var(--surface-subtle) 94%,transparent);border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:1rem;outline:none}.field input::placeholder{color:color-mix(in srgb,var(--text-soft) 78%,transparent)}.field input:focus{border-color:color-mix(in srgb,var(--primary) 36%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.login-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.checkbox-field{display:inline-flex;align-items:center;gap:.55rem}.checkbox-field input{width:1rem;height:1rem;accent-color:var(--primary)}.text-button{padding:0;color:var(--primary);font-weight:800}.dashboard-footer{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:1rem}.footer-block{display:grid;gap:.85rem}.footer-note{padding-inline-end:1rem}.footer-credits{grid-column:1 / -1;display:grid;gap:.55rem;padding-top:.9rem;border-top:1px solid color-mix(in srgb,var(--line) 86%,transparent);justify-items:center;text-align:center}.footer-credits__line,.footer-visitor{margin:0;color:var(--text-soft);line-height:1.8}.footer-credits__line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.2rem}html[dir=rtl] .footer-credits__line{flex-direction:row-reverse}.footer-credits__link{color:var(--primary);font-weight:800}.footer-visitor{display:inline-flex;align-items:center;gap:.35rem;justify-self:center;padding:.45rem .8rem;border-radius:999px;background:color-mix(in srgb,var(--surface-subtle) 92%,transparent);border:1px solid color-mix(in srgb,var(--line) 84%,transparent)}.footer-visitor strong{color:var(--text);font-size:.98rem}.footer-chip{transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.sidebar-link:hover,.icon-button:hover,.language-switch__button:hover,.feature-card--interactive:hover,.timeline-card:hover,.footer-chip:hover,.action-button:hover{transform:translateY(-2px)}.feature-card--interactive:hover,.timeline-card:hover{border-color:color-mix(in srgb,var(--primary) 24%,transparent);box-shadow:0 24px 34px -24px color-mix(in srgb,var(--primary) 32%,black)}.sidebar-link:hover,.footer-chip:hover,.icon-button:hover,.login-button:hover{background:color-mix(in srgb,var(--surface-raised) 96%,white);border-color:color-mix(in srgb,var(--primary) 18%,var(--line))}.card-link svg{transition:transform .18s ease}.feature-card--interactive:hover .card-link svg{transform:translate(3px)}html[dir=rtl] .feature-card--interactive:hover .card-link svg{transform:translate(-3px)}html[dir=rtl] .card-link svg{transform:rotate(180deg)}:root[data-theme=light] .language-switch__button--active{color:#000}:root[data-theme=light] .eyebrow,:root[data-theme=light] .hero-note__label,:root[data-theme=light] .card-link,:root[data-theme=light] .text-button,:root[data-theme=light] .footer-credits__link,:root[data-theme=light] .message-card__kicker,:root[data-theme=light] .about-story-card__signature,:root[data-theme=light] .directory-results-header strong,:root[data-theme=light] .admin-user-menu__item--danger{color:#000}:root[data-theme=dark] .brand-logo{background:#ffffff0a;border-color:#e2eef51a}:root[data-theme=dark] .login-button{background:#0b1620e6;border-color:#e2eef51f;color:#fff}:root[data-theme=dark] .language-switch__button--active{color:#fff}:root[data-theme=dark] .icon-button{background:#0b1620e6;border-color:#e2eef51f;color:#fff}:root[data-theme=dark] .admin-user-menu__trigger{background:#0b1620e6;border-color:#e2eef51f}:root[data-theme=dark] .admin-user-menu__item:hover{background:#ffffff0a}:root[data-theme=dark] .dashboard-topbar__page-title span{background:#0b1620e6;border-color:#e2eef51f;color:#fff}:root[data-theme=dark] .language-switch{border-color:color-mix(in srgb,var(--primary) 24%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 96%,transparent),color-mix(in srgb,var(--surface) 94%,transparent))}:root[data-theme=dark] .footer-visitor{background:#0b1620e6;border-color:#e2eef51f}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .hero-note__label,:root[data-theme=dark] .card-link,:root[data-theme=dark] .text-button,:root[data-theme=dark] .footer-credits__link,:root[data-theme=dark] .message-card__kicker,:root[data-theme=dark] .about-story-card__signature,:root[data-theme=dark] .directory-results-header strong,:root[data-theme=dark] .admin-user-menu__item--danger{color:#fff}.message-card{display:grid;gap:1.4rem;align-items:start;padding:1.3rem;direction:ltr}.message-card--ar{grid-template-columns:minmax(16.5rem,21rem) minmax(0,1fr);grid-template-areas:"media content"}.message-card--en{grid-template-columns:minmax(0,1fr) minmax(13.5rem,17rem);grid-template-areas:"content media"}.message-card__media{grid-area:media;position:sticky;inset-block-start:6rem}.message-card__portrait{display:block;width:100%;border-radius:1.2rem;object-fit:cover;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);box-shadow:0 24px 36px -28px #0f172a59}.message-card__content{grid-area:content;display:grid;gap:1.15rem;min-width:0;text-align:start}.message-card__heading{display:grid;gap:.35rem}.message-card__kicker{color:var(--primary);font-size:.95rem;font-weight:800;letter-spacing:.08em}.message-card__title{margin:0;color:var(--text);font-family:var(--font-display);font-size:clamp(1.85rem,3vw,3rem);font-weight:800;line-height:1.35;letter-spacing:-.02em}.message-card__reference{margin:0;color:var(--text-soft);font-size:1rem;font-weight:700}.message-card__text{display:grid;gap:1rem}.message-card__text p,.message-card__list{margin:0;color:var(--text);font-size:1.02rem;line-height:2}.message-card__divider{width:100%;height:1px;margin:.15rem 0;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--primary) 32%,transparent) 0 14px,transparent 14px 20px);opacity:.9}.message-card__list{display:grid;gap:.8rem;padding:0;list-style:none}.message-card__list li{position:relative;padding-inline-start:1.1rem}.message-card__list li:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.9rem;width:.42rem;height:.42rem;border-radius:999px;background:var(--secondary)}.message-card__signature{display:flex;justify-content:flex-start}.message-card__signature-image{display:block;max-width:min(100%,16rem);width:auto;height:auto;object-fit:contain}.about-story-card{display:grid;gap:1.35rem;padding:1.35rem}.about-story-card__hero{display:grid;justify-items:center;gap:.9rem;text-align:center}.about-story-card__portrait{display:block;width:min(100%,18rem);aspect-ratio:1 / 1;object-fit:cover;border-radius:1.4rem;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);box-shadow:0 26px 38px -30px #0f172a61}.about-story-card__title{margin:0;color:var(--text);font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.6rem);font-weight:800;line-height:1.25}.about-story-card__divider{width:min(100%,24rem);height:1px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--primary) 34%,transparent) 0 14px,transparent 14px 20px)}.about-story-card__body{display:grid;gap:1rem;text-align:start}.about-story-card__body p,.about-story-card__list{margin:0;color:var(--text);font-size:1.02rem;line-height:2}.about-story-card__section-title{margin:0;color:var(--text);font-family:var(--font-display);font-size:1.28rem;font-weight:800}.about-story-card__list{display:grid;gap:.7rem;padding:0;list-style:none}.about-story-card__list li{position:relative;padding-inline-start:1.15rem}.about-story-card__list li:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.9rem;width:.42rem;height:.42rem;border-radius:999px;background:var(--secondary)}.about-story-card__signature{color:var(--primary);font-weight:800}.message-card--ar .message-card__content,html[dir=rtl] .about-story-card__body{text-align:right}.message-card--ar .message-card__heading,.message-card--ar .message-card__text,.message-card--ar .message-card__list{direction:rtl}.message-card--en .message-card__heading,.message-card--en .message-card__text,.message-card--en .message-card__list{direction:ltr}.message-card--ar .message-card__signature{justify-content:flex-end}.message-card--en .message-card__signature{justify-content:flex-start}.directory-page{display:grid;gap:1rem}.directory-card{display:grid;gap:1rem;padding:1.2rem}.directory-card__header h1,.directory-results-header h2{margin:0;color:var(--text);font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,2.1rem);font-weight:800;line-height:1.2}.directory-card__header p,.directory-results-header p{margin-top:.5rem;color:var(--text-soft);line-height:1.8}.directory-filter-card{display:grid;gap:.95rem;padding:1rem}.directory-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.directory-filter{display:grid;gap:.45rem}.directory-filter span{color:var(--text);font-weight:700}.directory-filter select{width:100%;min-height:3rem;padding:.75rem .95rem;color:var(--text);background:color-mix(in srgb,var(--surface-subtle) 94%,transparent);border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:1rem;outline:none;appearance:none}.directory-filter select:focus{border-color:color-mix(in srgb,var(--primary) 36%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.directory-results-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.directory-results-header strong{color:var(--primary);font-size:.96rem}.directory-table-wrap{overflow-x:auto;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:1.1rem}.directory-table{width:100%;min-width:900px;border-collapse:collapse;background:color-mix(in srgb,var(--surface-raised) 90%,transparent)}.directory-table th,.directory-table td{padding:.9rem 1rem;text-align:start;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent)}.directory-table th{color:var(--text);font-size:.9rem;font-weight:800;background:color-mix(in srgb,var(--surface-subtle) 96%,transparent);white-space:nowrap}.directory-table td{color:var(--text-soft);line-height:1.7}.directory-table__serial{width:4.25rem;text-align:center!important;white-space:nowrap}.directory-table__action{width:6.75rem;text-align:center!important;white-space:nowrap}.directory-row-button,.directory-modal__close{display:inline-flex;align-items:center;justify-content:center;min-height:2.3rem;padding:.45rem .85rem;border-radius:.85rem;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.directory-row-button{border-radius:.85rem;border:1px solid color-mix(in srgb,var(--secondary) 26%,var(--line));background:color-mix(in srgb,var(--surface-subtle) 94%,transparent);color:var(--secondary);font-weight:800;box-shadow:0 14px 24px -18px color-mix(in srgb,var(--secondary) 28%,black)}.directory-modal__close{border:1px solid color-mix(in srgb,var(--line) 88%,transparent);background:color-mix(in srgb,var(--surface-subtle) 94%,transparent);color:var(--text);font-weight:800}.directory-row-button:hover,.directory-modal__close:hover{transform:translateY(-1px)}.directory-row-button:hover{border-color:color-mix(in srgb,var(--secondary) 42%,var(--line));background:color-mix(in srgb,var(--secondary) 8%,var(--surface-subtle));box-shadow:0 18px 28px -18px color-mix(in srgb,var(--secondary) 85%,black)}.directory-table tbody tr:last-child td{border-bottom:0}.directory-table__empty{text-align:center!important;color:var(--text-soft)}.directory-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.directory-pagination span{color:var(--text-soft);font-weight:700}.directory-pagination__actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.directory-pagination__button,.directory-page-button{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem;padding:0 .85rem;border-radius:.9rem;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);background:color-mix(in srgb,var(--surface-subtle) 94%,transparent);color:var(--text);font-weight:700;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.directory-page-button--active{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent;color:#fff}.directory-page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2.5rem;color:var(--text-soft);font-weight:800}.directory-pagination__button:disabled{opacity:.45;cursor:not-allowed}.directory-pagination__button:not(:disabled):hover,.directory-page-button:hover{transform:translateY(-1px)}.directory-modal-backdrop{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:1rem;background:#08111a70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.directory-modal{width:min(760px,100%);max-height:calc(100vh - 2rem);overflow-y:auto;display:grid;gap:1rem;padding:1.1rem}.directory-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.directory-modal__header h3{margin:0;color:var(--text);font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.7rem);font-weight:800;line-height:1.35}.directory-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.directory-detail-item{display:grid;gap:.35rem;padding:.95rem;border-radius:1rem}.directory-detail-item span{color:var(--text-soft);font-size:.86rem;font-weight:700}.directory-detail-item strong{color:var(--text);font-size:.98rem;font-weight:800;line-height:1.7}.directory-modal__content,.directory-detail-sections{display:grid;gap:.9rem}.directory-detail-tabs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.directory-detail-tab-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;padding:.55rem .95rem;border-radius:.95rem;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);background:color-mix(in srgb,var(--surface-subtle) 94%,transparent);color:var(--text);font-weight:800;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.directory-detail-tab-button--active{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent;color:#fff}.directory-detail-tab-button:hover{transform:translateY(-1px)}.directory-detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.directory-detail-section{display:grid;gap:.8rem;padding:1rem;border-radius:1rem}.directory-detail-section__header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.directory-detail-section__header h4{margin:0;color:var(--text);font-size:1rem;font-weight:800;line-height:1.5}.directory-detail-section__empty{margin:0;color:var(--text-soft);line-height:1.8}.directory-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.directory-detail-card{display:grid;gap:.35rem;padding:.95rem;border-radius:1rem;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--line) 84%,transparent)}.directory-detail-card strong{color:var(--text);font-size:.98rem;font-weight:800;line-height:1.6}.directory-detail-card span,.directory-detail-card p{margin:0;color:var(--text-soft);line-height:1.8}.youtube-page{display:grid;gap:1rem}.youtube-channel-card,.youtube-videos-card{display:grid;gap:1rem;padding:1.2rem}.youtube-channel-card__content{display:grid;gap:.85rem}.youtube-channel-card__content h1,.youtube-videos-card h2,.youtube-video-card__body h3{margin:0;color:var(--text);font-family:var(--font-display)}.youtube-channel-card__content h1{font-size:clamp(1.5rem,2.8vw,2.3rem);font-weight:800;line-height:1.25}.youtube-channel-card__content p{margin:0;color:var(--text-soft);line-height:1.85}.youtube-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.youtube-video-card{display:grid;gap:.85rem;padding:.9rem;border-radius:1.15rem}.youtube-video-card__frame{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:1rem;background:#0f1720}.youtube-video-card__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.youtube-video-card__body{display:grid;gap:.7rem}.youtube-video-card__body h3{font-size:1rem;font-weight:800;line-height:1.5}.contact-page{display:grid;gap:1rem}.contact-page .directory-card__header{text-align:center}.contact-page .directory-card__header>div{display:grid;gap:.55rem;justify-items:center}.contact-page .directory-card__header p{max-width:min(100%,52rem);margin-top:0;color:var(--secondary);font-size:1.02rem;font-weight:700;line-height:1.9}.contact-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.contact-person-card{display:grid;gap:.95rem;padding:1.1rem}.contact-person-card__head h2{margin:0;color:var(--text);font-family:var(--font-display);font-size:1.25rem;font-weight:800;line-height:1.3}.contact-person-card__head p{margin-top:.35rem;color:var(--text-soft);font-size:.96rem;font-weight:700;line-height:1.7}.contact-person-card__body{display:grid;gap:.75rem}.contact-person-card__row{display:grid;gap:.3rem;padding:.8rem .9rem;border-radius:1rem;background:color-mix(in srgb,var(--surface-subtle) 94%,transparent);border:1px solid color-mix(in srgb,var(--line) 84%,transparent)}.contact-person-card__row span{color:var(--text-soft);font-size:.86rem;font-weight:700}.contact-person-card__row strong{color:var(--text);font-size:.96rem;font-weight:800;line-height:1.7}.contact-person-card__value,.contact-person-card__link{font-size:.96rem;font-weight:800;line-height:1.7;word-break:break-word}.contact-person-card__value{color:var(--text)}.contact-person-card__link{color:var(--secondary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18rem}.contact-feedback-card{display:grid;gap:.9rem;justify-items:center;padding:1.2rem;text-align:center}.contact-feedback-card p{color:var(--text);font-size:1rem;font-weight:700;line-height:1.8}.login-page{display:grid;place-items:center;min-height:min(70vh,42rem);padding:.5rem 0}.login-page__card{width:min(100%,32rem);display:grid;gap:1rem;padding:1.2rem}.login-page__form,.admin-dashboard-page,.editor-page{display:grid;gap:1rem}.admin-dashboard-empty,.editor-page__hero,.editor-page__content{padding:1.2rem}.admin-dashboard-empty{min-height:10rem;align-content:center}.admin-sidebar-nav{display:grid;align-content:start;gap:.75rem;min-height:100%}.admin-sidebar-nav__group,.admin-sidebar-nav__child{width:100%;text-align:start}.admin-sidebar-nav__group{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:3rem;padding:.7rem .8rem;border-radius:1rem;color:var(--text);background:color-mix(in srgb,var(--surface-subtle) 94%,transparent);border:1px solid color-mix(in srgb,var(--line) 84%,transparent);transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.admin-sidebar-nav__group:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 18%,var(--line))}.admin-sidebar-nav__group-icon,.admin-sidebar-nav__group-arrow{display:inline-flex;align-items:center;justify-content:center}.admin-sidebar-nav__group-icon{width:2.15rem;height:2.15rem;border-radius:.85rem;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary-strong)}.admin-sidebar-nav__group-icon svg,.admin-sidebar-nav__group-arrow svg{width:1.05rem;height:1.05rem}.admin-sidebar-nav__group-label{min-width:0;font-weight:800;line-height:1.5}.admin-sidebar-nav__group-arrow{color:var(--text-soft);transition:transform .18s ease}.admin-sidebar-nav__group--open .admin-sidebar-nav__group-arrow{transform:rotate(90deg)}.admin-sidebar-nav__children{display:grid;gap:.4rem;padding-inline-start:.7rem}.admin-sidebar-nav__child{display:flex;align-items:center;gap:.65rem;min-height:2.7rem;padding:.62rem .8rem;border-radius:.95rem;color:var(--text-soft);transition:transform .18s ease,color .18s ease,background-color .18s ease,border-color .18s ease}.admin-sidebar-nav__child:hover{transform:translateY(-1px);color:var(--text);background:color-mix(in srgb,var(--surface-subtle) 92%,transparent)}.admin-sidebar-nav__child-bullet{width:.5rem;height:.5rem;border-radius:999px;background:color-mix(in srgb,var(--secondary) 85%,white);flex:0 0 auto}.admin-sidebar-nav__child--active{color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,transparent),color-mix(in srgb,var(--secondary) 10%,transparent));border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);box-shadow:0 18px 30px -26px color-mix(in srgb,var(--primary) 38%,black)}.editor-tabs{display:flex;align-items:center;gap:.5rem;padding:.7rem;overflow-x:auto}.editor-tab-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:.55rem 1rem;border-radius:.95rem;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);background:color-mix(in srgb,var(--surface-subtle) 94%,transparent);color:var(--text);font-weight:800;white-space:nowrap;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.editor-tab-button--active{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent;color:#fff}.editor-tab-button:hover{transform:translateY(-1px)}.editor-section-list{display:grid;gap:.9rem;margin-top:.9rem}.editor-section{display:grid;gap:.9rem;padding:1rem}.editor-section__header{display:grid;gap:.3rem}.editor-section__header h3{margin:0;color:var(--text);font-size:1.05rem;font-weight:800}.editor-section__header p,.editor-info-card p{margin:0;color:var(--text-soft);line-height:1.8}.editor-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.editor-field{display:grid;gap:.5rem}.editor-field--full{grid-column:1 / -1}.editor-field span{color:var(--text);font-weight:700}.editor-field input,.editor-field textarea,.editor-field select{width:100%;min-height:2.95rem;padding:.75rem .95rem;color:var(--text);background:color-mix(in srgb,var(--surface-subtle) 94%,transparent);border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:1rem;outline:none;resize:vertical}.editor-field textarea{min-height:7.5rem}.editor-field input::placeholder,.editor-field textarea::placeholder{color:color-mix(in srgb,var(--text-soft) 78%,transparent)}.editor-field input:focus,.editor-field textarea:focus,.editor-field select:focus{border-color:color-mix(in srgb,var(--primary) 36%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.editor-checklist-grid,.editor-info-grid,.editor-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.editor-check-item,.editor-info-card,.editor-media-slot{display:grid;gap:.35rem;padding:.9rem;border-radius:1rem;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--line) 82%,transparent)}.editor-check-item{grid-template-columns:auto 1fr;align-items:center;gap:.65rem}.editor-check-item input{width:1rem;height:1rem;accent-color:var(--primary)}.editor-check-item span,.editor-info-card strong,.editor-media-slot strong{color:var(--text);font-weight:800}.editor-info-card span,.editor-media-slot span{color:var(--text-soft);line-height:1.8}@media(max-width:1320px){.dashboard-shell{grid-template-columns:minmax(16rem,18.5rem) minmax(0,1fr)}.admin-workspace{grid-template-columns:minmax(14.5rem,16.5rem) minmax(0,1fr)}.feature-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1120px){.dashboard-shell,.admin-workspace{grid-template-columns:1fr}.dashboard-sidebar{position:static;min-height:auto}.admin-sidebar{position:static;inset-block-start:auto;min-height:auto}.dashboard-topbar{position:static}.message-card{grid-template-columns:1fr}.message-card__media{grid-area:auto;position:static;max-width:22rem;margin:0 auto}.message-card__content{grid-area:auto}.directory-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-detail-grid,.directory-detail-summary,.directory-detail-list,.youtube-video-grid,.contact-card-grid,.admin-dashboard-grid,.editor-form-grid,.editor-checklist-grid,.editor-info-grid,.editor-media-grid,.overview-strip,.dashboard-grid--hero,.dashboard-grid--split,.dashboard-grid--page,.dashboard-footer{grid-template-columns:1fr}}@media(max-width:820px){.dashboard-shell,.admin-shell{width:min(100%,calc(100% - 1rem));padding-top:.5rem}.dashboard-topbar{padding:.45rem .6rem}.dashboard-topbar__page-title{flex:1 1 auto}.dashboard-topbar__page-title span{max-width:100%}.dashboard-topbar__actions{justify-content:flex-end}.admin-user-menu__name{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-strip,.feature-grid,.feature-grid--wide,.dashboard-grid--nested,.metric-grid{grid-template-columns:1fr}.dashboard-panel,.subpanel,.dashboard-footer{padding:1rem}.message-card{padding:1rem;gap:1rem}.about-story-card,.directory-card,.youtube-channel-card,.youtube-videos-card,.admin-dashboard-hero,.admin-dashboard-card,.editor-page__hero,.editor-page__content,.editor-section,.login-page__card{padding:1rem}.footer-credits{justify-items:center}}@media(max-width:560px){.brand-panel{align-items:flex-start}.brand-logo{width:3.6rem;height:3.6rem}.brand-title{font-size:1.05rem}.sidebar-link{padding-inline:.75rem}.timeline-card{grid-template-columns:1fr}.login-card__meta{flex-direction:column;align-items:flex-start}.action-row{flex-direction:column}.action-button{width:100%}.dashboard-topbar__actions{gap:.35rem}.admin-user-menu{order:-1}.admin-user-menu__trigger{min-height:2.5rem;padding-inline-end:.6rem}.admin-user-menu__name{max-width:5.8rem}.dashboard-topbar__page-title span{min-height:2.15rem;padding-inline:.7rem;font-size:.85rem}.message-card__text p,.message-card__list{font-size:.96rem;line-height:1.9}.message-card__title{font-size:1.55rem}.message-card__reference{font-size:.92rem}.about-story-card__body p,.about-story-card__list{font-size:.96rem;line-height:1.9}.about-story-card__title{font-size:1.45rem}.about-story-card__section-title{font-size:1.12rem}.directory-filter-grid{grid-template-columns:1fr}.directory-results-header,.directory-pagination{align-items:flex-start}.directory-modal{padding:1rem}.directory-modal__header{flex-direction:column}.directory-modal__close,.directory-pagination__actions{width:100%}.editor-tabs{padding:.6rem}.editor-tab-button{min-height:2.45rem;padding-inline:.85rem}.login-button{padding-inline:.8rem}.language-switch__button{min-width:2.35rem;padding-inline:.6rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.surface,.dashboard-shell__glow,.action-button--primary:after,.sidebar-link,.icon-button,.login-button,.language-switch__button,.feature-card--interactive,.timeline-card,.action-button,.footer-chip{animation:none!important;transition:none!important;transform:none!important}}