:root{--dzf-color-badge-halal-expired:{color.status.error};--dzf-color-badge-halal-pending:{color.status.warning};--dzf-color-badge-halal-valid:{color.status.success};--dzf-color-brand-accent:{color.desert-gold.500};--dzf-color-brand-primary:{color.zellige-blue.500};--dzf-color-brand-secondary:{color.mediterranean.500};--dzf-color-desert-gold-500:#c9a227;--dzf-color-mediterranean-500:#2a6f97;--dzf-color-neutral-0:#fff;--dzf-color-neutral-50:#f8fafc;--dzf-color-neutral-900:#0f172a;--dzf-color-saharan-earth-500:#8b6914;--dzf-color-status-error:#b91c1c;--dzf-color-status-info:#1d4ed8;--dzf-color-status-success:#1b6b3a;--dzf-color-status-warning:#b45309;--dzf-color-surface-default:{color.neutral.0};--dzf-color-surface-muted:{color.neutral.50};--dzf-color-text-on-primary:{color.neutral.0};--dzf-color-text-primary:{color.neutral.900};--dzf-color-zellige-blue-500:#1e4d7b;--dzf-duration-base:200ms;--dzf-duration-fast:100ms;--dzf-duration-instant:0ms;--dzf-duration-slow:350ms;--dzf-easing-ease-in:cubic-bezier(0.4,0,1,1);--dzf-easing-ease-in-out:cubic-bezier(0.4,0,0.2,1);--dzf-easing-ease-out:cubic-bezier(0,0,0.2,1);--dzf-font-family-arabic:"Noto Sans Arabic","IBM Plex Sans",sans-serif;--dzf-font-family-body:"IBM Plex Sans",system-ui,sans-serif;--dzf-font-family-display:"IBM Plex Sans",system-ui,sans-serif;--dzf-font-size-body-lg:1.125rem;--dzf-font-size-body-md:1rem;--dzf-font-size-body-sm:0.875rem;--dzf-font-size-caption:0.75rem;--dzf-font-size-heading-1:clamp(1.75rem,4vw,2.5rem);--dzf-font-size-heading-2:clamp(1.5rem,3vw,2rem);--dzf-font-weight-medium:500;--dzf-font-weight-regular:400;--dzf-font-weight-semibold:600;--dzf-radius-full:9999px;--dzf-radius-lg:0.75rem;--dzf-radius-md:0.5rem;--dzf-radius-sm:0.25rem;--dzf-shadow-card:0 1px 3px rgba(15,23,42,.12);--dzf-shadow-card-elevated:0 4px 12px rgba(15,23,42,.15);--dzf-spacing-0:0;--dzf-spacing-1:0.25rem;--dzf-spacing-2:0.5rem;--dzf-spacing-3:0.75rem;--dzf-spacing-4:1rem;--dzf-spacing-6:1.5rem;--dzf-spacing-8:2rem;--dzf-zIndex-dropdown:1000;--dzf-zIndex-modal:1100;--dzf-zIndex-toast:1200}:root{--shell-nav-height:56px;--shell-sidebar-width:240px;--shell-sidebar-collapsed:56px;--shell-accent:#0d6e4f;--shell-bg:#f8faf9;--shell-border:#e2e8e6;--shell-text:#1a2e28;--shell-muted:#5c726c;--shell-danger:#c0392b}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,Segoe UI,sans-serif;color:var(--shell-text);background:var(--shell-bg)}html[dir=rtl] body{font-family:Segoe UI,Cairo,Noto Kufi Arabic,sans-serif}a{color:inherit;text-decoration:none}.shell-layout{min-height:100vh;display:flex;flex-direction:column}.shell-topnav{position:-webkit-sticky;position:sticky;top:0;z-index:100;height:var(--shell-nav-height);gap:1rem;padding:0 1rem;background:#fff;border-bottom:1px solid var(--shell-border)}.shell-logo,.shell-topnav{display:flex;align-items:center}.shell-logo{gap:.5rem;font-weight:700;color:var(--shell-accent);min-width:44px;min-height:44px}.shell-logo svg{width:28px;height:28px}.shell-nav-links{display:flex;gap:.75rem;flex:1 1;overflow-x:auto}.shell-nav-links a{padding:.5rem .75rem;border-radius:6px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.shell-nav-links a.active,.shell-nav-links a:hover{background:#eef6f3;color:var(--shell-accent)}.shell-nav-actions{display:flex;align-items:center;gap:.5rem;-webkit-margin-start:auto;margin-inline-start:auto}.shell-body{display:flex;flex:1 1;min-height:0}.shell-sidebar{width:var(--shell-sidebar-width);-webkit-border-end:1px solid var(--shell-border);border-inline-end:1px solid var(--shell-border);background:#fff;transition:width .2s ease-in-out;overflow-y:auto}.shell-sidebar.collapsed{width:var(--shell-sidebar-collapsed)}.shell-sidebar nav a{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;min-height:44px;-webkit-border-start:3px solid transparent;border-inline-start:3px solid transparent}.shell-sidebar nav a.active{border-inline-start-color:var(--shell-accent);font-weight:600;background:#eef6f3}.shell-sidebar nav a.muted{color:var(--shell-muted)}.shell-sidebar nav a.locked{opacity:.6;cursor:not-allowed}.shell-main{flex:1 1;padding:1rem 1.25rem 2rem;min-width:0}.shell-breadcrumbs{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.875rem;color:var(--shell-muted);margin-bottom:1rem}.shell-breadcrumbs a:hover{color:var(--shell-accent);text-decoration:underline}.shell-breadcrumbs .current{color:var(--shell-text);font-weight:500}.shell-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--shell-accent);z-index:200;animation:shell-progress 1.2s ease-in-out infinite}@keyframes shell-progress{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.shell-progress{animation:none}.shell-skeleton-shimmer{animation:none!important}}.shell-skeleton{background:linear-gradient(90deg,#e8eeec 25%,#f4f7f6 50%,#e8eeec 75%);background-size:200% 100%;border-radius:6px}.shell-skeleton-shimmer{animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shell-bell{position:relative;min-width:44px;min-height:44px;border:none;background:transparent;cursor:pointer;font-size:1.25rem}.shell-badge{position:absolute;top:6px;inset-inline-end:4px;background:var(--shell-danger);color:#fff;font-size:.65rem;padding:.1rem .35rem;border-radius:999px;min-width:1.1rem;text-align:center}.shell-dropdown{position:absolute;top:calc(100% + 4px);inset-inline-end:0;background:#fff;border:1px solid var(--shell-border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.08);min-width:280px;max-width:360px;z-index:150}.shell-hamburger{display:none;min-width:44px;min-height:44px}@media (max-width:767px){.shell-nav-links{display:none}.shell-hamburger{display:inline-flex;align-items:center;justify-content:center}.shell-sidebar{display:none}.shell-sidebar.mobile-open{display:block;width:100%;max-width:320px;z-index:90;box-shadow:4px 0 24px rgba(0,0,0,.12)}.shell-backdrop,.shell-sidebar.mobile-open{position:fixed;inset:0;top:var(--shell-nav-height)}.shell-backdrop{background:rgba(0,0,0,.35);z-index:80}}.shell-page-card{background:#fff;border:1px solid var(--shell-border);border-radius:8px;padding:1.25rem}.shell-error-page{text-align:center;padding:3rem 1rem;max-width:480px;margin:0 auto}.shell-error-page .actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.shell-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem 1rem;border-radius:6px;border:1px solid var(--shell-border);background:#fff;cursor:pointer;font:inherit}.shell-btn-primary{background:var(--shell-accent);color:#fff;border-color:var(--shell-accent)}.shell-btn-danger{color:var(--shell-danger)}.welcome-page{min-height:100vh;padding:1.5rem 1rem 3rem;max-width:960px;margin:0 auto}.welcome-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.welcome-pillars{display:grid;grid-gap:1rem;gap:1rem;margin:2rem 0}@media (min-width:640px){.welcome-pillars{grid-template-columns:repeat(3,1fr)}}.welcome-pillar{background:#fff;border:1px solid var(--shell-border);border-radius:8px;padding:1rem}.welcome-ctas{display:flex;flex-wrap:wrap;gap:.75rem}.welcome-cta{min-width:48px;min-height:48px}.onboarding-stepper{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem}.onboarding-step.active{font-weight:700}.onboarding-step.active,.onboarding-step.done{color:var(--shell-accent)}.onboarding-banner{background:#eef6f3;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem}.first-actions-card{margin-bottom:1.5rem}.tour-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:1rem}.tour-scrim{position:absolute;inset:0;background:rgba(0,0,0,.4)}.tour-panel{position:relative;z-index:1;width:100%;max-width:400px}@media (min-width:768px){.tour-overlay{align-items:center}}.shell-admin-badge{font-size:.65rem;background:#2c3e50;color:#fff;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:var(--dzf-duration-instant,0ms)!important}}.dzf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--dzf-spacing-2);font-family:var(--dzf-font-family-body);font-size:var(--dzf-font-size-body-md);font-weight:var(--dzf-font-weight-medium);border-radius:var(--dzf-radius-md);border:none;cursor:pointer;transition:transform var(--dzf-duration-fast) var(--dzf-easing-ease-out),opacity var(--dzf-duration-fast) var(--dzf-easing-ease-out);padding-inline:var(--dzf-spacing-4);padding-block:var(--dzf-spacing-2)}.dzf-btn:disabled{opacity:.5;cursor:not-allowed}.dzf-btn--primary{background:var(--dzf-color-brand-primary)}.dzf-btn--primary,.dzf-btn--secondary{color:var(--dzf-color-text-on-primary)}.dzf-btn--secondary{background:var(--dzf-color-brand-secondary)}.dzf-btn--ghost{background:transparent;color:var(--dzf-color-brand-primary);border:1px solid var(--dzf-color-brand-primary)}.dzf-btn--danger{background:var(--dzf-color-status-error);color:var(--dzf-color-text-on-primary)}.dzf-btn--sm{font-size:var(--dzf-font-size-body-sm);padding-inline:var(--dzf-spacing-3)}.dzf-btn--lg{font-size:var(--dzf-font-size-body-lg);padding-inline:var(--dzf-spacing-6)}.dzf-input{font-family:var(--dzf-font-family-body);font-size:var(--dzf-font-size-body-md);padding-inline:var(--dzf-spacing-3);padding-block:var(--dzf-spacing-2);border:1px solid var(--dzf-color-neutral-50);border-radius:var(--dzf-radius-md);width:100%}.dzf-input[aria-invalid=true]{border-color:var(--dzf-color-status-error)}[dir=rtl] .dzf-input{text-align:right}.dzf-badge{display:inline-flex;align-items:center;gap:var(--dzf-spacing-1);font-size:var(--dzf-font-size-body-sm);padding-inline:var(--dzf-spacing-2);padding-block:var(--dzf-spacing-1);border-radius:var(--dzf-radius-full);color:var(--dzf-color-text-on-primary)}.dzf-badge--halal-valid{background:var(--dzf-color-badge-halal-valid)}.dzf-badge--halal-expired{background:var(--dzf-color-badge-halal-expired)}.dzf-badge--halal-pending{background:var(--dzf-color-badge-halal-pending)}.dzf-card{background:var(--dzf-color-surface-default);border-radius:var(--dzf-radius-lg);box-shadow:var(--dzf-shadow-card-elevated);padding:var(--dzf-spacing-4)}.dzf-toast{position:fixed;inset-block-end:var(--dzf-spacing-4);inset-inline-end:var(--dzf-spacing-4);z-index:var(--dzf-zIndex-toast);background:var(--dzf-color-status-success);color:var(--dzf-color-text-on-primary);padding:var(--dzf-spacing-3) var(--dzf-spacing-4);border-radius:var(--dzf-radius-md);animation:dzf-toast-in var(--dzf-duration-base) var(--dzf-easing-ease-out)}@keyframes dzf-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dzf-form-field__label{display:block;-webkit-margin-after:var(--dzf-spacing-1);margin-block-end:var(--dzf-spacing-1);font-size:var(--dzf-font-size-body-sm)}.dzf-form-field__error{color:var(--dzf-color-status-error);font-size:var(--dzf-font-size-caption);-webkit-margin-before:var(--dzf-spacing-1);margin-block-start:var(--dzf-spacing-1)}