input[type=email],input[type=tel],input[type=url]{direction:ltr;text-align:start;unicode-bidi:plaintext}.icon-segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;gap:var(--space-1);width:100%;padding:var(--space-1);border-radius:var(--radius-md);background:var(--surface-muted)}.icon-segmented[data-disabled]{opacity:.6}.icon-segmented-option{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:calc(var(--control-height) - (var(--space-1) * 2));padding-inline:var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font:inherit;font-size:.82rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color .18s cubic-bezier(.2,0,0,1),color .18s cubic-bezier(.2,0,0,1),box-shadow .18s cubic-bezier(.2,0,0,1)}.icon-segmented-option:hover:not(:disabled){color:var(--text)}.icon-segmented-option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.icon-segmented-option[data-active=true]{background:var(--surface-card);color:var(--text);box-shadow:0 1px 2px rgb(0 0 0/8%)}.icon-segmented-option:disabled{cursor:not-allowed;opacity:.5}.icon-segmented-icon{display:inline-flex;width:16px;height:16px;flex:none}.icon-segmented-label{white-space:nowrap}.icon-segmented-option[data-icon-only=true]{padding-inline:var(--space-1)}@media (prefers-reduced-motion:reduce){.icon-segmented-option{transition:none}}.info-tooltip{position:relative;display:inline-flex;margin-inline-start:6px;vertical-align:middle}.info-tooltip-trigger{display:inline-grid;width:16px;height:16px;padding:0;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface-card);color:var(--text-muted);font-size:.68rem;font-weight:700;line-height:1;cursor:help}.info-tooltip-trigger:focus-visible,.info-tooltip-trigger:hover{border-color:var(--primary);color:var(--primary);outline:none}.info-tooltip-bubble{position:fixed;z-index:1000;width:max-content;max-width:220px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--text);color:var(--surface);font-size:.75rem;font-weight:500;line-height:1.4;text-align:center;pointer-events:none;box-shadow:var(--shadow-md)}.info-tooltip-bubble[data-placement=top]{transform:translate(-50%,-100%)}.info-tooltip-bubble[data-placement=bottom]{transform:translate(-50%)}.ui-form-field{display:flex;flex-direction:column;gap:var(--space-1)}.ui-form-field-label{display:inline-flex;align-items:center;font-size:.82rem;font-weight:600;color:var(--text-muted)}.ui-form-field-required{margin-inline-start:2px;color:var(--danger)}.ui-form-field-control{display:flex}.ui-form-field-control>input,.ui-form-field-control>select,.ui-form-field-control>textarea{box-sizing:border-box;width:100%;min-height:var(--control-height);padding-inline:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text);font:inherit}.ui-form-field-control>textarea{min-height:calc(var(--control-height) * 2);padding-block:var(--space-2)}.ui-form-field-control>input:focus,.ui-form-field-control>select:focus,.ui-form-field-control>textarea:focus{outline:2px solid color-mix(in srgb,var(--primary) 25%,transparent);border-color:var(--primary)}.ui-form-field-hint{margin:0;color:var(--text-muted);font-size:.75rem}.design-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-muted);font-size:.8rem}.design-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-2);width:100%}.design-preset{display:inline-flex;position:relative;align-items:center;justify-content:flex-start;gap:8px;min-block-size:var(--control-height);padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:transform .18s cubic-bezier(.2,0,0,1),box-shadow .18s cubic-bezier(.2,0,0,1)}.design-preset:hover{transform:translateY(-1px)}.design-preset:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.design-preset[data-active=true]{box-shadow:0 0 0 2px var(--surface-card),0 0 0 4px var(--primary)}.design-preset-dot{flex:none;width:14px;height:14px;border-radius:50%}.design-preset-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:700}.design-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.design-color{display:flex;flex-direction:column;gap:var(--space-1)}.design-color-label{font-size:.75rem;font-weight:600;color:var(--text-muted)}.design-color input[type=color]{box-sizing:border-box;width:100%;height:var(--control-height);padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-card);cursor:pointer}.design-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.design-color input[type=color]::-webkit-color-swatch{border:0;border-radius:calc(var(--radius-sm) - 2px)}.design-reset{margin-top:var(--space-2)}[data-design=direction-a]{--da-bg:#f7f6f2;--da-surface:#ffffff;--da-surface-2:#f2f1ec;--da-border:#c8d2d0;--da-border-strong:#7a8b87;--da-text:#16242b;--da-text-muted:#53626a;--da-primary:#075c59;--da-primary-hover:#064a47;--da-primary-fg:#ffffff;--da-action:#075c59;--da-action-hover:#064a47;--da-action-fg:#ffffff;--bg:var(--da-bg);--surface:var(--da-surface);--surface-2:var(--da-surface-2);--border:var(--da-border);--border-strong:var(--da-border-strong);--text:var(--da-text);--text-muted:var(--da-text-muted);--primary:var(--da-primary);--primary-hover:var(--da-primary-hover);--primary-foreground:var(--da-primary-fg);--da-danger:#a5272a;--da-danger-soft:rgba(165,39,42,0.1);--da-success:#186a44;--da-success-soft:rgba(24,106,68,0.1);--da-warning:#8a5a12;--da-warning-soft:rgba(217,119,6,0.12);--da-neutral-soft:rgba(22,36,43,0.07);--danger:var(--da-danger);--radius:10px;--radius-sm:10px;--radius-md:10px;--radius-lg:16px;--radius-xl:16px;--shadow-sm:0 1px 2px rgba(22,36,43,0.06);--shadow-md:0 4px 16px rgba(22,36,43,0.05);--shadow-lg:0 8px 40px rgba(22,36,43,0.14);--surface-muted:#f2f1ec;--surface-card:#ffffff;font-family:var(--font-cairo),Cairo,var(--font-jakarta),Inter,"Segoe UI",system-ui,-apple-system,Arial,"Noto Sans Arabic",Tahoma,sans-serif;background:var(--bg);color:var(--text);border-radius:0;padding:28px 32px;min-height:calc(100vh - 64px);color-scheme:light;scrollbar-color:color-mix(in srgb,var(--text) 22%,transparent) transparent}html:not([data-theme=light]) [data-design=direction-a]{--da-bg:#0a1b2b;--da-surface:#12293e;--da-surface-2:#0e2335;--da-border:#24425c;--da-border-strong:#527a9e;--da-text:#e9f1f8;--da-text-muted:#9fb4c9;--da-primary:#5ec9bd;--da-primary-hover:#7fd9cf;--da-primary-fg:#05221f;--da-action:var(--site-primary);--da-action-hover:var(--site-primary-strong);--da-action-fg:var(--site-on-primary);--da-danger:#f0998f;--da-danger-soft:rgba(240,153,143,0.14);--da-success:#6fd39b;--da-success-soft:rgba(111,211,155,0.14);--da-warning:#e8b45f;--da-warning-soft:rgba(232,180,95,0.14);--da-neutral-soft:rgba(255,255,255,0.08);--danger:var(--da-danger);--shadow-sm:0 1px 2px rgba(0,0,0,0.35);--shadow-md:0 6px 24px rgba(0,0,0,0.32);--shadow-lg:0 16px 44px rgba(0,0,0,0.5);--surface-muted:#0e2335;--surface-card:#12293e;color-scheme:dark}html:not([data-theme=light]) [data-design=direction-a] .button-secondary{border-color:color-mix(in srgb,var(--da-primary) 24%,var(--da-border))}[data-design=direction-a] .block-item,[data-design=direction-a] .builder-card,[data-design=direction-a] .card{background:var(--surface);border-color:var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}[data-design=direction-a] :focus-visible{outline:3px solid var(--primary);outline-offset:2px}.site [data-design=direction-a] .button,[data-design=direction-a] .button{border-radius:10px;font-weight:600}.site [data-design=direction-a] .button-primary,[data-design=direction-a] .button-primary{background:var(--da-action);border-color:var(--da-action);color:var(--da-action-fg)}.site [data-design=direction-a] .button-primary:hover:not(:disabled),[data-design=direction-a] .button-primary:hover:not(:disabled){background:var(--da-action-hover);border-color:var(--da-action-hover);color:var(--da-action-fg)}.site [data-design=direction-a] .button-primary:disabled,[data-design=direction-a] .button-primary:disabled{background:color-mix(in srgb,var(--text) 12%,var(--surface));border-color:transparent;color:var(--text-muted);opacity:1;filter:none}.site [data-design=direction-a] .button-secondary,[data-design=direction-a] .button-secondary{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.site [data-design=direction-a] .button-secondary:hover:not(:disabled),[data-design=direction-a] .button-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--text) 7%,var(--surface-2));border-color:var(--primary);color:var(--primary)}.site [data-design=direction-a] .button-ghost,[data-design=direction-a] .button-ghost{background:transparent;color:var(--text-muted)}.site [data-design=direction-a] .button-ghost:hover:not(:disabled),[data-design=direction-a] .button-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text)}[data-design=direction-a] .status-badge{border:1px solid transparent}[data-design=direction-a] .status-active,[data-design=direction-a] .status-published{background:var(--da-success-soft);border-color:color-mix(in srgb,var(--da-success) 35%,transparent);color:var(--da-success)}[data-design=direction-a] .status-draft{background:var(--da-neutral-soft);border-color:color-mix(in srgb,var(--text-muted) 30%,transparent);color:var(--text-muted)}[data-design=direction-a] .status-disabled{background:var(--da-warning-soft);border-color:color-mix(in srgb,var(--da-warning) 35%,transparent);color:var(--da-warning)}[data-design=direction-a] .status-deleted,[data-design=direction-a] .status-suspended{background:var(--da-danger-soft);border-color:color-mix(in srgb,var(--da-danger) 35%,transparent);color:var(--da-danger)}.site [data-design=direction-a] .auth-form .field input,.site [data-design=direction-a] .auth-form .field select,.site [data-design=direction-a] .auth-form .field textarea{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.site [data-design=direction-a] .auth-form .field input::placeholder,.site [data-design=direction-a] .auth-form .field textarea::placeholder{color:var(--text-muted)}.site [data-design=direction-a] .auth-form .field label{color:var(--text)}.site [data-design=direction-a] .auth-form .field input:focus,.site [data-design=direction-a] .auth-form .field select:focus,.site [data-design=direction-a] .auth-form .field textarea:focus{border-color:var(--primary);outline:2px solid color-mix(in srgb,var(--primary) 30%,transparent);outline-offset:1px}[data-design=direction-a] .page-title{color:var(--text)}[data-design=direction-a] .page-subtitle{color:var(--text-muted)}[data-design=direction-a] .builder-tab{background:var(--surface);border-color:var(--border);color:var(--text)}[data-design=direction-a] .builder-tab:hover:not(.active){border-color:var(--border-strong);background:var(--surface-2)}[data-design=direction-a] .builder-tab.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}[data-design=direction-a] .builder-status{color:var(--text-muted)}[data-design=direction-a] .builder-status-saving{color:var(--primary)}[data-design=direction-a] .builder-status-saved{color:var(--da-success)}[data-design=direction-a] .builder-status-dirty{color:var(--da-warning)}[data-design=direction-a] .builder-status-error{color:var(--da-danger)}[data-design=direction-a] .display-mode-switch,[data-design=direction-a].builder .icon-segmented{background:color-mix(in srgb,var(--text) 7%,transparent);box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}[data-design=direction-a] .display-mode-btn{color:var(--text-muted)}[data-design=direction-a] .display-mode-btn:hover:not([data-active=true]){color:var(--text)}[data-design=direction-a] .display-mode-btn[data-active=true],[data-design=direction-a].builder .icon-segmented-option[data-active=true]{background:var(--surface);color:var(--primary);box-shadow:0 1px 2px rgba(0,0,0,.14)}[data-design=direction-a].builder .card-completion{background:color-mix(in srgb,var(--primary) 8%,var(--surface));border-color:color-mix(in srgb,var(--primary) 20%,var(--border));box-shadow:var(--shadow-sm)}[data-design=direction-a].builder{--editor-bg:var(--da-bg)!important;--editor-surface:var(--da-surface)!important;--editor-surface-raised:var(--da-surface)!important;--editor-text:var(--da-text)!important;--editor-text-muted:var(--da-text-muted)!important;--editor-border:var(--da-border)!important;--editor-accent:var(--da-primary)!important;--editor-accent-strong:var(--da-primary)!important;--editor-accent-deep:var(--da-primary-hover)!important;--editor-danger:var(--da-danger)!important;--primary-hover:var(--da-primary-hover)!important;--primary-foreground:var(--da-primary-fg)!important;--sheen:transparent!important;--hairline:var(--da-border)!important;--inset-sheen:none!important;--raised-tint:transparent!important;--accent-gradient:var(--da-action)!important;--accent-glow:none!important;--card-shadow:var(--shadow-sm)!important}[data-design=direction-a].builder .button-primary{background:var(--da-action);border-color:transparent;color:var(--da-action-fg);box-shadow:none;transition:background-color .18s ease}[data-design=direction-a].builder .button-primary:hover:not(:disabled){background:var(--da-action-hover);filter:none;transform:none;box-shadow:none}[data-design=direction-a].builder .button-primary:active:not(:disabled){transform:none;filter:none}[data-design=direction-a].builder .button-primary:disabled{background:color-mix(in srgb,var(--text) 12%,var(--surface));color:var(--text-muted);opacity:1;filter:none;box-shadow:none}[data-design=direction-a].builder .button-secondary{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}[data-design=direction-a].builder .button-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--text) 7%,var(--surface-2));border-color:var(--primary);color:var(--primary);transform:none}.console-content:has(>[data-design=direction-a]){padding:0;max-width:none;margin-inline:0}@media (max-width:900px){[data-design=direction-a]{padding:20px 16px}}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:initial}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0))}}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}