.route-state{width:100%;min-height:clamp(18rem,48vh,34rem);color:var(--color-text-main);place-items:center;padding:clamp(1.5rem,4vw,3rem);display:grid}.route-state--admin-shell{background:var(--color-bg-main);min-height:100vh}.route-state__content,.route-state__card{text-align:center;flex-direction:column;align-items:center;gap:.7rem;width:min(100%,34rem);display:flex}.route-state__content>span:last-child,.route-state__card>span:not(.route-state__error-icon){color:var(--color-text-secondary)}.route-state--loading{min-height:18rem;padding:1rem;display:block}.route-state__pending{max-width:var(--layout-content-max);border-radius:var(--radius-control);background:var(--color-bg-secondary);height:3px;margin-inline:auto;overflow:hidden}.route-state__pending:before{content:"";background:var(--color-primary);width:35%;height:100%;animation:1.4s ease-in-out infinite route-pending;display:block}@keyframes route-pending{0%{transform:translate(0)}to{transform:translate(300%)}}@media (prefers-reduced-motion:reduce){.route-state__pending:before{opacity:.5;width:100%;animation:none}}.route-state__chrome{width:min(100%, var(--layout-content-max));border-bottom:1px solid var(--color-border);grid-template-columns:minmax(7rem,12rem) minmax(12rem,1fr) minmax(5rem,10rem);align-items:center;gap:1rem;margin:0 auto 2rem;padding-bottom:1rem;display:grid}.route-state__chrome span{border-radius:var(--radius-control);background:var(--color-bg-secondary);height:2.75rem}.route-state--admin-shell .route-state__chrome{max-width:1180px}.route-state__card{border:1px solid var(--color-border);background:var(--color-bg-card);box-shadow:var(--shadow-sm);border-radius:.75rem;padding:clamp(1.5rem,4vw,2.25rem)}.route-state__error-icon{width:2.5rem;height:2.5rem;color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 12%, transparent);border-radius:50%;place-items:center;font-size:1.25rem;font-weight:800;display:grid}.route-state__action{margin-top:.5rem}@media (width<=767px){.route-state--loading{padding-inline:1rem}.route-state__chrome{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem}}.site-main{flex:1;padding-block:clamp(1rem,2vw,1.5rem) clamp(2.5rem,5vw,4rem)}.storefront-page{min-height:72vh;padding-block-start:var(--space-page-start)}.storefront-page-intro{border:1px solid var(--color-border);border-radius:var(--radius-feature);background:linear-gradient(135deg, var(--color-bg-card), var(--color-bg-secondary));max-width:780px;box-shadow:var(--shadow-sm);text-align:center;margin:0 auto clamp(1.75rem,3vw,2.5rem);padding:clamp(1.5rem,3vw,2.25rem)}.storefront-page-intro>span{background:var(--color-primary-transparent);min-height:30px;color:var(--color-primary-readable);border-radius:999px;align-items:center;padding-inline:.8rem;font-weight:750;display:inline-flex}.storefront-page-intro h1{color:var(--color-text-main);text-wrap:balance;margin-top:.3rem;font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.15}.storefront-page-intro>p{max-width:62ch;color:var(--color-text-secondary);margin:.65rem auto 0;line-height:1.75}.page-title{color:var(--color-text-main);text-wrap:balance;font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.15}.items-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:stretch;gap:clamp(1rem,2vw,1.5rem);display:grid}.items-grid>*{min-width:0}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);min-height:var(--control-height);border-radius:var(--radius-control);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary:hover{background-color:var(--color-primary-light);color:var(--color-on-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-main);min-height:var(--control-height);border-radius:var(--radius-control);transition:all var(--transition-fast);padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.btn-secondary:hover{background-color:var(--color-border)}.btn-outline{border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-control);transition:all var(--transition-fast);padding:.5rem 1rem;font-weight:600}.btn-outline:hover{background-color:var(--color-primary-transparent)}.btn-icon{background-color:var(--color-bg-secondary);width:2.5rem;height:2.5rem;color:var(--color-text-main);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.btn-icon:hover{background-color:var(--color-border);transform:scale(1.05)}@media (width<=680px){.storefront-page{padding-block-start:1.25rem}.storefront-page-intro{border-radius:var(--radius-card);margin-bottom:1.5rem;padding:1.25rem 1rem}.storefront-page-intro h1{font-size:clamp(1.75rem,8vw,2.25rem)}.items-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}@media (width<=359px){.items-grid{grid-template-columns:1fr}}:root{--color-primary:#374151;--color-primary-dark:#111827;--color-primary-light:#4b5563;--color-primary-soft:#9ca3af;--color-primary-transparent:#f3f4f6;--color-primary-readable:#374151;--color-on-primary:#fff;--color-on-primary-hover:#fff;--color-bg-main:#fff;--color-bg-secondary:#f1f5f9;--color-bg-card:#fff;--color-text-main:#111827;--color-text-secondary:#4b5563;--color-border:#e5e7eb;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-on-success:#fff;--font-arabic:"Baloo Bhaijaan 2", "Segoe UI", Tahoma, Arial, sans-serif;--font-english:"Inter", "Segoe UI", Arial, sans-serif;--transition-fast:.2s ease;--transition-normal:.3s ease;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--layout-content-max:1280px;--layout-gutter:clamp(1rem, 3vw, 1.5rem);--space-page-start:clamp(1.5rem, 3vw, 2.75rem);--space-section:clamp(3.5rem, 6vw, 5.5rem);--space-grid:clamp(.875rem, 2vw, 1.5rem);--radius-control:.75rem;--radius-card:1rem;--radius-feature:1.25rem;--control-height:46px;--color-service:#7c3aed;--color-service-transparent:#7c3aed1f}.dark{--color-bg-main:#111827;--color-bg-secondary:#1f2937;--color-bg-card:#1f2937;--color-text-main:#f8fafc;--color-text-secondary:#d1d5db;--color-border:#374151;--color-primary-transparent:#9ca3af2e;--color-primary-readable:#d1d5db;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080}@media (width<=767px){:root{--space-section:2.5rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;font-size:16px}html[dir=rtl]{font-family:var(--font-arabic)}html[dir=ltr]{font-family:var(--font-english)}body{background-color:var(--color-bg-main);color:var(--color-text-main);transition:background-color var(--transition-normal), color var(--transition-normal);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}img{max-width:100%}a{color:var(--color-primary-readable);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.container{width:100%;max-width:var(--layout-content-max);padding-inline:var(--layout-gutter);margin:0 auto}.glass{background:color-mix(in srgb, var(--color-bg-card) 84%, transparent);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border)}.dark .glass{background:#1e293bb3;border:1px solid #ffffff0d}:focus-visible{outline:3px solid var(--color-primary-transparent);outline-offset:2px}