:root{--brand-ink: #064E3B;--brand-active: #0A6A51;--brand-champagne: #F8E7C9;--brand-cream: #FFF9EE;--on-brand: #FFFFFF;--on-brand-warm: #F8E7C9;--ink-900: #12231D;--ink-700: #3A4A43;--ink-500: #65746D;--ink-300: #CBD3CE;--ink-100: #E7EBE8;--ink-50: #F4F6F4;--surface: #FFFFFF;--success-700: #15803D;--success-800: #166534;--warning-800: #92400E;--danger-700: #B91C1C;--info-700: #1D4ED8;--text-primary: var(--ink-900);--text-secondary: var(--ink-700);--text-muted: var(--ink-500);--border: var(--ink-300);--border-strong: var(--ink-500);--bg-app: var(--ink-50);--bg-surface: var(--surface);--bg-warm: var(--brand-cream);--bg-celebrate: var(--brand-champagne);--nav-bg: var(--brand-ink);--nav-fg: var(--on-brand);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-input: 8px;--radius-button: 10px;--radius-card: 12px;--radius-modal: 16px;--shadow-menu: 0 4px 12px rgb(18 35 29 / .1);--shadow-modal: 0 12px 32px rgb(18 35 29 / .16);--canvas-max: 1440px;--gutter-desktop: 24px;--gutter-mobile: 16px;--touch-min: 44px;--font-latin: "Inter Variable", Inter, system-ui, -apple-system, sans-serif;--font-arabic: "Noto Sans Arabic", system-ui, sans-serif;--font-numeric: var(--font-latin);--text-display: 32px;--lh-display: 1.2;--text-section: 20px;--lh-section: 1.3;--text-body: 16px;--lh-body: 1.5;--text-body-admin: 14px;--text-caption: 12px;--lh-caption: 1.4;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--focus-ring: 2px solid var(--brand-active);--focus-offset: 2px;--duration-fast: .12s;--duration-base: .2s;--ease: cubic-bezier(.2, 0, .2, 1)}:root:lang(ar){--font-latin: var(--font-arabic);--lh-body: 1.75;--lh-section: 1.5;--lh-display: 1.35}.numeric,[data-numeric],td[data-type=number],td[data-type=money]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}[dir=rtl] .icon-directional{transform:scaleX(-1)}[dir=rtl] .chart-canvas{direction:ltr}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}button,a[role=button],[role=tab],input[type=checkbox],input[type=radio]{min-block-size:var(--touch-min);min-inline-size:var(--touch-min)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-latin);line-height:var(--lh-body);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg-app);color:var(--text-primary);font-size:var(--text-body);background-image:radial-gradient(1200px 480px at 50% -8%,color-mix(in srgb,var(--brand-champagne) 34%,transparent),transparent 70%);background-attachment:fixed}h1{font-size:var(--text-display);line-height:var(--lh-display);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--brand-ink);margin-block:0 var(--space-4)}h2{font-size:var(--text-section);line-height:var(--lh-section);font-weight:var(--weight-semibold);letter-spacing:-.01em;margin-block:0 var(--space-3)}h3{font-weight:var(--weight-semibold);margin-block:0 var(--space-2)}p{margin-block:0 var(--space-3)}a{color:var(--brand-active);text-decoration-color:color-mix(in srgb,var(--brand-active) 40%,transparent);text-underline-offset:2px;transition:color var(--duration-fast) var(--ease)}a:hover{color:var(--brand-ink);text-decoration-color:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-button);background:var(--bg-surface);color:var(--text-primary);font:inherit;font-weight:var(--weight-medium);min-block-size:var(--touch-min);cursor:pointer;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.btn:hover{background:var(--bg-warm);border-color:var(--brand-active)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary,.btn[aria-pressed=true]{background:var(--brand-ink);color:var(--on-brand);border-color:var(--brand-ink)}.btn-primary:hover{background:var(--brand-active);border-color:var(--brand-active)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-5)}.skeleton{background:linear-gradient(90deg,var(--ink-100) 25%,color-mix(in srgb,var(--ink-100) 55%,var(--surface)) 37%,var(--ink-100) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}section[style*=--bg-surface]{transition:box-shadow var(--duration-base) var(--ease)}input,select,textarea{border-radius:var(--radius-input)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-color:var(--brand-active)}table{border-collapse:collapse}thead th{font-weight:var(--weight-semibold);color:var(--text-secondary);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.04em}tbody tr{transition:background var(--duration-fast) var(--ease)}tbody tr:hover{background:var(--bg-warm)}.table-cards{border-collapse:collapse;inline-size:100%}.table-cards th,.table-cards td{padding:var(--space-2);text-align:start}.table-cards thead tr{border-block-end:2px solid var(--border)}.table-cards tbody tr{border-block-end:1px solid var(--border)}@media (max-width: 640px){.table-cards thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.table-cards tbody tr{display:grid;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);margin-block-end:var(--space-3);background:var(--bg-surface)}.table-cards tbody tr:hover{background:var(--bg-surface)}.table-cards td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:0}.table-cards td:before{content:attr(data-label);color:var(--text-muted);font-size:var(--text-caption);font-weight:var(--weight-medium)}.table-cards td.card-title{font-size:var(--text-section);font-weight:var(--weight-semibold);margin-block-end:var(--space-1)}.table-cards td.card-title:before{content:none}}.app-header{position:sticky;inset-block-start:0;z-index:20;display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-3) clamp(var(--gutter-mobile),4vw,var(--gutter-desktop));background:color-mix(in srgb,var(--bg-surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-block-end:1px solid var(--border)}.brand-mark{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);font-size:1.125rem;color:var(--brand-ink);text-decoration:none}.brand-mark:before{content:"";inline-size:1.5rem;block-size:1.5rem;border-radius:8px;background:linear-gradient(135deg,var(--brand-ink),var(--brand-active))}.nav{display:flex;gap:var(--space-1);flex-wrap:wrap}.nav-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-button);text-decoration:none;color:var(--text-secondary);font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.nav-ic{inline-size:1.15rem;text-align:center;flex:0 0 1.15rem;opacity:.9}.nav-link:hover{background:var(--bg-warm);color:var(--brand-ink)}.nav-link.active{background:var(--brand-ink);color:var(--on-brand)}.app-main{padding:var(--space-8) clamp(var(--gutter-mobile),4vw,var(--gutter-desktop));max-inline-size:var(--canvas-max);margin-inline:auto}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-block-size:100vh}.sidebar{background:var(--brand-ink);color:var(--on-brand);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-4);position:sticky;inset-block-start:0;block-size:100vh;overflow-y:auto}.sidebar-brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--on-brand);font-weight:var(--weight-bold);font-size:1.125rem;text-decoration:none}.sidebar-brand:before{content:"";inline-size:1.5rem;block-size:1.5rem;border-radius:8px;background:linear-gradient(135deg,var(--brand-champagne),var(--brand-active))}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-block-size:var(--touch-min);border-radius:var(--radius-button);color:color-mix(in srgb,var(--on-brand) 82%,transparent);text-decoration:none;font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.sidebar-link:hover{background:color-mix(in srgb,var(--on-brand) 12%,transparent);color:var(--on-brand)}.sidebar-link.active{background:var(--brand-active);color:var(--on-brand)}.app-body{display:flex;flex-direction:column;min-inline-size:0}.app-topbar{position:sticky;inset-block-start:0;z-index:10;display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:flex-end;padding:var(--space-3) clamp(var(--gutter-mobile),4vw,var(--gutter-desktop));background:color-mix(in srgb,var(--bg-surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-block-end:1px solid var(--border)}@media (max-width: 1023px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;block-size:auto;flex-direction:row;align-items:center;gap:var(--space-3);overflow-x:auto;padding:var(--space-3) clamp(var(--gutter-mobile),4vw,var(--gutter-desktop))}.sidebar-nav{flex-direction:row;gap:var(--space-1)}.sidebar-link{white-space:nowrap}}.member-shell{display:flex;flex-direction:column;min-block-size:100vh}.member-main{padding-block-end:calc(var(--space-8) + 68px + env(safe-area-inset-bottom,0px))}.tabbar{position:fixed;inset-inline:0;inset-block-end:0;z-index:30;display:flex;justify-content:space-around;gap:var(--space-1);padding-block:var(--space-1);padding-block-end:calc(var(--space-1) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg-surface) 92%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-block-start:1px solid var(--border)}.tabbar-link{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-block-size:var(--touch-min);padding:var(--space-1);text-decoration:none;color:var(--text-muted);transition:color var(--duration-fast) var(--ease)}.tabbar-ic{font-size:1.35rem;line-height:1}.tabbar-label{font-size:.72rem;font-weight:var(--weight-medium)}.tabbar-link:hover{color:var(--brand-ink)}.tabbar-link.active{color:var(--brand-active)}@media (min-width: 768px){.member-main{max-inline-size:640px}}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-block-start:-3rem;inset-inline-start:var(--space-3);z-index:100;padding:var(--space-2) var(--space-4);background:var(--brand-ink);color:var(--on-brand);border-radius:var(--radius-button);transition:inset-block-start var(--duration-fast) var(--ease)}.skip-link:focus-visible{inset-block-start:var(--space-3)}