html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-theme=dark]{--mat-sys-background: #121316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2f3033;--mat-sys-inverse-primary: #005cbb;--mat-sys-inverse-surface: #e3e2e6;--mat-sys-on-background: #e3e2e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #002f65;--mat-sys-on-primary-container: #d7e3ff;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #283041;--mat-sys-on-secondary-container: #dae2f9;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #e3e2e6;--mat-sys-on-surface-variant: #e0e2ec;--mat-sys-on-tertiary: #0001ac;--mat-sys-on-tertiary-container: #e0e0ff;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #8e9099;--mat-sys-outline-variant: #44474e;--mat-sys-primary: #abc7ff;--mat-sys-primary-container: #00458f;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #bec6dc;--mat-sys-secondary-container: #3e4759;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #121316;--mat-sys-surface-bright: #38393c;--mat-sys-surface-container: #1f2022;--mat-sys-surface-container-high: #292a2c;--mat-sys-surface-container-highest: #343537;--mat-sys-surface-container-low: #1a1b1f;--mat-sys-surface-container-lowest: #0d0e11;--mat-sys-surface-dim: #121316;--mat-sys-surface-tint: #abc7ff;--mat-sys-surface-variant: #44474e;--mat-sys-tertiary: #bec2ff;--mat-sys-tertiary-container: #0000ef;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light dark;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}:root{--app-header-h: clamp(96px, 11vh, 148px);--bp-mobile: 480px;--bp-tablet: 768px;--bp-laptop: 1024px;--bp-desktop: 1440px;--bp-ultra: 1920px;--content-max: 1600px;--content-max-wide: 2200px;--content-max-narrow: 960px;--ui-scale: 1;--font-xs: calc(.75rem * var(--ui-scale));--font-sm: calc(.875rem * var(--ui-scale));--font-md: calc(1rem * var(--ui-scale));--font-lg: calc(1.125rem * var(--ui-scale));--font-xl: calc(1.25rem * var(--ui-scale));--font-2xl: calc(1.5rem * var(--ui-scale));--space-xs: calc(.25rem * var(--ui-scale));--space-sm: calc(.375rem * var(--ui-scale));--space-md: calc(.75rem * var(--ui-scale));--space-lg: calc(1rem * var(--ui-scale));--space-xl: calc(1.25rem * var(--ui-scale));--radius-sm: calc(.5rem * var(--ui-scale));--radius: calc(.625rem * var(--ui-scale));--radius-lg: calc(.875rem * var(--ui-scale));--control-h: calc(2.25rem * var(--ui-scale));--control-pad-x: calc(.75rem * var(--ui-scale));--control-pad-y: calc(.5rem * var(--ui-scale))}@media (max-width: 600px){:root{--ui-scale: 1.25}}@media (min-width: 1920px){:root{--ui-scale: 1.05}}@media (min-width: 2400px){:root{--ui-scale: 1.2}}@media (min-width: 3200px){:root{--ui-scale: 1.45}}*,*:before,*:after{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:root{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-overlay: rgba(15, 23, 42, .45);--bg-glass: rgba(255, 255, 255, .78);--bg-hover: #f1f5f9;--bg-active: #e2e8f0;--bg-skeleton: #eef2f7;--bg-skeleton-shine: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-muted: #64748b;--text-inverse: #ffffff;--text-on-accent: #ffffff;--text-disabled: #cbd5e1;--text-link: #2563eb;--border-color: #d1d5db;--border-strong: #9ca3af;--border-subtle: #e5e7eb;--border-focus: #3b82f6;--accent: #3b82f6;--accent-hover: #2563eb;--accent-soft: rgba(59, 130, 246, .1);--accent-glow: rgba(59, 130, 246, .35);--focus-ring: 0 0 0 3px rgba(59, 130, 246, .25);--input-border: #d1d5db;--input-border-hover: #9ca3af;--input-border-focus: #3b82f6;--input-bg: #ffffff;--input-text: #111827;--input-placeholder: #6b7280;--btn-primary-bg: #3b82f6;--btn-primary-hover: #2563eb;--btn-primary-border: #2563eb;--btn-primary-text: #ffffff;--btn-secondary-bg: #ffffff;--btn-secondary-hover-bg: #f3f4f6;--btn-secondary-text: #374151;--btn-secondary-border: #d1d5db;--card-border: #e5e7eb;--success: #16a34a;--success-soft: rgba(22, 163, 74, .12);--warning: #d97706;--warning-soft: rgba(217, 119, 6, .12);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .12);--info: #0ea5e9;--info-soft: rgba(14, 165, 233, .12);--shadow-soft: 0 4px 20px rgba(15, 23, 42, .08);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 8px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 28px rgba(15, 23, 42, .1), 0 4px 8px rgba(15, 23, 42, .06);--shadow-xl: 0 24px 48px rgba(15, 23, 42, .12), 0 8px 16px rgba(15, 23, 42, .06);--icon-primary: #475569;--icon-secondary: #94a3b8;--icon-active: var(--accent);--header-bg: var(--bg-card);--header-gradient: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-card) 100%);--header-text: var(--text-primary);--header-text-secondary: var(--text-secondary);--header-border: var(--border-color);--header-shadow: var(--shadow-sm);--map-bg: var(--bg-secondary);--map-accent: var(--accent);--map-circle-border: rgba(59, 130, 246, .3);--map-circle-fill: rgba(59, 130, 246, .06);--stat-dot-color: var(--accent);--stat-number-color: var(--text-primary);--stat-change-positive: var(--success);--stat-label-color: var(--text-secondary);--sidebar-bg: var(--bg-card);--sidebar-active-bg: var(--accent);--sidebar-icon-color: var(--icon-secondary);--sidebar-active-icon: var(--text-on-accent);--bg-body: var(--bg-primary);--bg-card-elevated: var(--bg-elevated);--bg-input: var(--bg-card);--text-heading: var(--text-primary);--text-on-primary: var(--text-on-accent);--border-light: var(--border-subtle);--primary-color: var(--accent);--primary-hover: var(--accent-hover);--primary-light: var(--accent-soft);--primary-glow: var(--accent-glow);--primary-neon: var(--accent);--success-color: var(--success);--success-glow: var(--success-soft);--warning-color: var(--warning);--warning-glow: var(--warning-soft);--error-color: var(--danger);--error-glow: var(--danger-soft);--info-color: var(--info);--info-glow: var(--info-soft);--text-accent: var(--accent);--text-bright: var(--text-primary);--text-neon-cyan: var(--accent);--text-neon-purple: var(--accent);--text-neon-pink: var(--accent);--border-glow: var(--accent-glow);--border-neon: var(--accent-glow);--shadow-glow-blue: 0 0 20px var(--accent-glow);--shadow-glow-cyan: 0 0 20px var(--accent-glow);--shadow-glow-purple: 0 0 20px var(--accent-glow);--shadow-card: var(--shadow-soft);--gradient-primary: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);--gradient-neon: var(--gradient-primary);--gradient-success: linear-gradient(135deg, var(--success) 0%, var(--accent) 100%);--gradient-header: var(--header-gradient);--gradient-card: linear-gradient(145deg, var(--bg-card) 0%, var(--bg-elevated) 100%);--gradient-glow: radial-gradient(ellipse at center, var(--accent-soft) 0%, transparent 70%);--gradient-mesh: radial-gradient(at 0% 0%, var(--accent-soft) 0px, transparent 50%);--glass-blur: blur(12px);--glass-bg: var(--bg-glass);--glass-border: var(--border-color);--glass-shadow: var(--shadow-soft);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, sans-serif;--font-family-ar: "Cairo", "Noto Sans Arabic", "Tajawal", var(--font-family);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-spring: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary: #0b0f14;--bg-secondary: #111827;--bg-card: #1f2937;--bg-elevated: #243042;--bg-overlay: rgba(2, 6, 12, .72);--bg-glass: rgba(17, 24, 39, .78);--bg-hover: rgba(59, 130, 246, .1);--bg-active: rgba(59, 130, 246, .18);--bg-skeleton: #1a2230;--bg-skeleton-shine: #243042;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-inverse: #0b0f14;--text-on-accent: #ffffff;--text-disabled: #4b5563;--text-link: #60a5fa;--border-color: #3b4759;--border-strong: #4b5563;--border-subtle: #2d3748;--border-focus: #60a5fa;--focus-ring: 0 0 0 3px rgba(96, 165, 250, .35);--input-border: #3b4759;--input-border-hover: #6b7280;--input-border-focus: #60a5fa;--input-bg: #1f2937;--input-text: #f9fafb;--input-placeholder: #9ca3af;--btn-primary-bg: #3b82f6;--btn-primary-hover: #2563eb;--btn-primary-border: #2563eb;--btn-primary-text: #ffffff;--btn-secondary-bg: #1f2937;--btn-secondary-hover-bg: #243042;--btn-secondary-text: #e5e7eb;--btn-secondary-border: #3b4759;--card-border: #3b4759;--accent: #3b82f6;--accent-hover: #2563eb;--accent-soft: rgba(59, 130, 246, .16);--accent-glow: rgba(59, 130, 246, .45);--success: #22c55e;--success-soft: rgba(34, 197, 94, .16);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .16);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .16);--info: #38bdf8;--info-soft: rgba(56, 189, 248, .16);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .55), 0 4px 8px rgba(0, 0, 0, .35);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .6), 0 8px 16px rgba(0, 0, 0, .35);--icon-primary: #cbd5e1;--icon-secondary: #94a3b8;--icon-active: var(--accent);--header-bg: var(--bg-glass);--header-gradient: linear-gradient(180deg, rgba(17, 24, 39, .92) 0%, rgba(11, 15, 20, .85) 100%);--header-text: var(--text-primary);--header-text-secondary: var(--text-secondary);--header-border: var(--border-color);--header-shadow: 0 1px 0 var(--border-subtle), var(--shadow-soft);--map-bg: var(--bg-secondary);--map-circle-border: rgba(59, 130, 246, .45);--map-circle-fill: rgba(59, 130, 246, .1);--stat-number-color: var(--text-primary);--stat-change-positive: var(--success);--stat-label-color: var(--text-secondary);--sidebar-bg: var(--bg-glass);--sidebar-icon-color: var(--icon-secondary);--sidebar-active-icon: var(--text-on-accent);--bg-body: var(--bg-primary);--bg-card-elevated: var(--bg-elevated);--bg-input: var(--bg-secondary);--text-heading: var(--text-primary);--text-on-primary: var(--text-on-accent);--border-light: var(--border-subtle);--primary-color: var(--accent);--primary-hover: var(--accent-hover);--primary-light: var(--accent-soft);--primary-glow: var(--accent-glow);--primary-neon: var(--accent);--success-color: var(--success);--success-glow: var(--success-soft);--warning-color: var(--warning);--warning-glow: var(--warning-soft);--error-color: var(--danger);--error-glow: var(--danger-soft);--info-color: var(--info);--info-glow: var(--info-soft);--text-accent: var(--accent);--text-bright: var(--text-primary);--text-neon-cyan: var(--accent);--text-neon-purple: var(--accent);--text-neon-pink: var(--accent);--border-glow: var(--accent-glow);--border-neon: var(--accent-glow);--shadow-glow-blue: 0 0 24px var(--accent-glow);--shadow-glow-cyan: 0 0 24px var(--accent-glow);--shadow-glow-purple: 0 0 24px var(--accent-glow);--shadow-card: var(--shadow-soft);--gradient-primary: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);--gradient-neon: var(--gradient-primary);--gradient-success: linear-gradient(135deg, var(--success) 0%, var(--accent) 100%);--gradient-header: var(--header-gradient);--gradient-card: linear-gradient(145deg, var(--bg-card) 0%, var(--bg-elevated) 100%);--gradient-glow: radial-gradient(ellipse at center, var(--accent-soft) 0%, transparent 70%);--gradient-mesh: radial-gradient(at 0% 0%, rgba(59, 130, 246, .1) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(59, 130, 246, .08) 0px, transparent 50%);--glass-blur: blur(14px);--glass-bg: var(--bg-glass);--glass-border: var(--border-color);--glass-shadow: var(--shadow-soft);color-scheme:dark}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,fill .3s ease,stroke .3s ease!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family)}html{height:100%;width:100%;max-width:100vw;overflow-x:hidden;overflow-y:hidden;font-size:clamp(13px,.4vw + 8px,15px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11"}@media (min-width: 1920px){html{font-size:16px}}@media (min-width: 2400px){html{font-size:18px}}@media (min-width: 3200px){html{font-size:22px}}body,app-root{transform:none!important;zoom:1!important}.app-container,.page{width:100%;max-width:clamp(320px,100%,1600px);margin-inline:auto;padding-inline:clamp(12px,2vw,40px);box-sizing:border-box}.app-container--wide,.page--wide{max-width:clamp(320px,100%,2200px)}body{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;margin:0;font-family:var(--font-family);width:100%;max-width:100vw;font-size:.875rem;line-height:1.55;background-color:var(--bg-body);color:var(--text-primary);transition:background-color var(--transition-slow),color var(--transition-slow);display:flex;flex-direction:column}:where(h1){font-size:1.5rem;line-height:1.25;font-weight:600;margin:0 0 var(--space-md)}:where(h2){font-size:1.25rem;line-height:1.3;font-weight:600;margin:0 0 var(--space-sm)}:where(h3){font-size:1.125rem;line-height:1.35;font-weight:600;margin:0 0 var(--space-sm)}:where(h4){font-size:1rem;line-height:1.4;font-weight:600;margin:0 0 var(--space-xs)}:where(h5){font-size:.9375rem;line-height:1.4;font-weight:600;margin:0 0 var(--space-xs)}:where(h6){font-size:.875rem;line-height:1.4;font-weight:600;margin:0 0 var(--space-xs)}app-root{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;background-color:var(--bg-body);overflow:hidden}app-root>app-header{display:block;flex:0 0 auto;position:relative;top:auto;z-index:1000}app-root>router-outlet+*{flex:1 1 auto;min-height:0;display:block;overflow-y:auto;overflow-x:hidden;background-color:var(--bg-body);-webkit-overflow-scrolling:touch}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:var(--font-xl)}h2{font-size:var(--font-lg)}h3{font-size:calc(18px * var(--ui-scale))}h4{font-size:var(--font-md)}h5{font-size:var(--font-sm)}h6{font-size:var(--font-xs)}p{margin:0;line-height:1.6}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}input,select,textarea{font-family:inherit;font-size:var(--font-sm);background-color:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:var(--control-pad-y) var(--control-pad-x);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 1px 2px #0f172a0a;width:100%;max-width:100%}input:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:var(--input-border-hover)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--input-border-focus);background-color:var(--input-bg);box-shadow:var(--focus-ring)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;cursor:pointer}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;background:#fff;border:1.5px solid #cbd5e1;border-radius:4px;cursor:pointer;display:inline-block;vertical-align:middle;position:relative;flex-shrink:0;transition:border-color .15s ease,background-color .15s ease}input[type=checkbox]:hover{border-color:#3b82f6}input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-size:100% 100%;background-position:center;background-repeat:no-repeat}input[type=checkbox]:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}input[type=checkbox]:disabled{background:#f1f5f9;border-color:#e2e8f0;cursor:not-allowed;opacity:.6}input::placeholder,textarea::placeholder{color:var(--input-placeholder);opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--text-tertiary) var(--bg-body)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-muted{color:var(--text-secondary)!important}.text-primary{color:var(--primary-color)!important}.text-success{color:var(--success-color)!important}.text-warning{color:var(--warning-color)!important}.text-error{color:var(--error-color)!important}html[dir=rtl],body.rtl{font-family:var(--font-family-ar);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga" 1,"kern" 1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}html[dir=rtl] table,html[dir=rtl] th,html[dir=rtl] td,body.rtl table,body.rtl th,body.rtl td{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga" 1,"kern" 1;line-height:1.7}html[dir=rtl] .status-badge,html[dir=rtl] .badge,html[dir=rtl] .sensor-value,html[dir=rtl] .door-badge,body.rtl .status-badge,body.rtl .badge,body.rtl .sensor-value,body.rtl .door-badge{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:.015em}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-body)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 100%);border-radius:4px;border:2px solid var(--bg-body);box-shadow:0 0 10px #388bfd4d}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,#d896ff 100%);box-shadow:var(--shadow-glow-blue)}[data-theme=dark] .material-icons{color:inherit;filter:drop-shadow(0 0 2px currentColor)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--bg-card-elevated);color:var(--text-primary);border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 2px #0003}[data-theme=dark] input:hover,[data-theme=dark] select:hover,[data-theme=dark] textarea:hover{border-color:#fff3;background-color:#ffffff0d}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--primary-color);background-color:var(--bg-card);box-shadow:0 0 0 4px #388bfd26,0 1px 2px #0000004d}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-tertiary);opacity:.7}[data-theme=dark] button{color:var(--text-primary);transition:all var(--transition-normal)}[data-theme=dark] button:hover{box-shadow:var(--shadow-glow-blue);transform:translateY(-1px)}[data-theme=dark] .header{background:var(--gradient-header)!important;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-xl),0 0 40px #388bfd1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=dark] .sidebar,[data-theme=dark] .stat-card,[data-theme=dark] .warehouse-card,[data-theme=dark] .data-table,[data-theme=dark] .user-profile,[data-theme=dark] .dropdown-menu{background:var(--gradient-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color);box-shadow:var(--shadow-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--transition-normal)}[data-theme=dark] .stat-card:hover,[data-theme=dark] .warehouse-card:hover{background:var(--bg-card-elevated)!important;border-color:var(--primary-color);box-shadow:var(--shadow-glow-blue),0 8px 48px #000000e6,0 0 1px #388bfd4d,inset 0 1px #ffffff14;transform:translateY(-4px) scale(1.02)}[data-theme=dark] .warehouse-item:hover,[data-theme=dark] .menu-item:hover,[data-theme=dark] tbody tr:hover{background:linear-gradient(90deg,var(--bg-hover) 0%,transparent 100%)!important;border-left:2px solid var(--primary-color);padding-left:14px;transition:all var(--transition-normal)}[data-theme=dark] .text-muted,[data-theme=dark] .card-subtitle,[data-theme=dark] .warehouse-location,[data-theme=dark] .stat-text{color:var(--text-secondary)!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-theme=dark] .divider,[data-theme=dark] hr{border-color:var(--border-color);box-shadow:0 0 10px #388bfd1a;opacity:.5}[data-theme=dark] #map{filter:invert(1) hue-rotate(180deg) brightness(.95) contrast(.9) saturate(.8)}[data-theme=dark] .glass-effect{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light)}[data-theme=dark] .glow-primary{box-shadow:0 0 20px var(--primary-glow)}[data-theme=dark] .glow-success{box-shadow:0 0 20px var(--success-light)}[data-theme=dark] .menu-btn{background:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-sm)}[data-theme=dark] .menu-btn:hover{background:var(--bg-hover);border-color:var(--primary-color)}[data-theme=dark] .menu-btn .material-icons{color:var(--text-secondary)}[data-theme=dark] .logo-container{background:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-md),0 0 15px #3b82f61a}[data-theme=dark] .search-container{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-full)}[data-theme=dark] .search-input{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--text-primary)}[data-theme=dark] .search-input::placeholder{color:var(--text-tertiary)}[data-theme=dark] .search-icon{color:var(--text-tertiary)}[data-theme=dark] .enter-btn{background:var(--bg-card-elevated);color:var(--text-secondary);border:1px solid var(--border-color)}[data-theme=dark] .enter-btn:hover{background:var(--primary-color);color:var(--text-inverse);border-color:var(--primary-color)}[data-theme=dark] .add-btn,[data-theme=dark] .notification-btn{background:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-sm)}[data-theme=dark] .add-btn:hover,[data-theme=dark] .notification-btn:hover{background:var(--bg-hover);border-color:var(--primary-color);box-shadow:var(--shadow-glow)}[data-theme=dark] .add-btn .material-icons{color:var(--text-secondary)}[data-theme=dark] .user-profile{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)}[data-theme=dark] .user-profile:hover{background:var(--bg-hover)!important;border-color:var(--primary-color)!important}[data-theme=dark] .user-name{color:var(--text-primary)}[data-theme=dark] .user-role,[data-theme=dark] .dropdown-icon{color:var(--text-tertiary)}[data-theme=dark] .dropdown-menu{background:var(--bg-card)!important;border:1px solid var(--border-color);box-shadow:var(--shadow-xl),0 0 30px #0000004d}[data-theme=dark] .menu-item{color:var(--text-secondary)}[data-theme=dark] .menu-item:hover{background:var(--bg-hover)!important;color:var(--text-primary)}[data-theme=dark] .menu-item svg path{stroke:var(--text-secondary)}[data-theme=dark] .menu-item:hover svg path{stroke:var(--text-primary)}[data-theme=dark] .pro-tag{background:var(--gradient-success)}[data-theme=dark] .language-code{color:var(--text-tertiary)}[data-theme=dark] .greeting-title{color:var(--text-primary)}.greeting-title{font-size:clamp(13px,1.1vw,15px)}[data-theme=dark] .greeting-date{color:var(--text-secondary)}[data-theme=dark] .action-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:var(--shadow-sm)}[data-theme=dark] .action-btn:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--text-primary)}[data-theme=dark] .today-btn .material-icons,[data-theme=dark] .export-btn .material-icons{color:var(--text-secondary)}[data-theme=dark] .stats-grid{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color)}[data-theme=dark] .stat-card{background:transparent!important;border-right-color:var(--border-color)!important}[data-theme=dark] .stat-card:last-child{border-right:none!important}[data-theme=dark] .stat-label{color:var(--text-secondary)}[data-theme=dark] .stat-label svg path{stroke:var(--primary-color)}[data-theme=dark] .stat-value p{color:var(--text-primary)}[data-theme=dark] .stat-change{color:var(--success-color)}[data-theme=dark] .stat-change.positive{background:var(--success-light);color:var(--success-color)}[data-theme=dark] .stat-change.negative{background:var(--error-light);color:var(--error-color)}[data-theme=dark] .stat-change .material-icons{color:inherit}[data-theme=dark] .sidebar{background:var(--bg-card)!important;border-right:1px solid var(--border-color);box-shadow:var(--shadow-lg)}[data-theme=dark] .panel-header{border-bottom:1px solid var(--border-color)}[data-theme=dark] .panel-title{color:var(--text-primary)}[data-theme=dark] .search-icon-btn{color:var(--text-tertiary)}[data-theme=dark] .search-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}[data-theme=dark] .filter-tabs{background:var(--bg-body);border-bottom:1px solid var(--border-color)}[data-theme=dark] .filter-tab{background:transparent;color:var(--text-secondary);border:1px solid transparent}[data-theme=dark] .filter-tab:hover{background:var(--bg-hover);color:var(--text-primary)}[data-theme=dark] .filter-tab.active{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color)}[data-theme=dark] .filter-btn{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color)}[data-theme=dark] .filter-btn:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--text-primary)}[data-theme=dark] .warehouse-list{background:transparent}[data-theme=dark] .warehouse-item{background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:8px}[data-theme=dark] .warehouse-item:hover{background:var(--bg-hover)!important;border-color:var(--primary-color)}[data-theme=dark] .warehouse-name{color:var(--text-primary)}[data-theme=dark] .warehouse-location{color:var(--text-tertiary)!important}[data-theme=dark] .location-icon{color:var(--text-tertiary)}[data-theme=dark] .expand-btn{background:var(--bg-input);color:var(--text-secondary)}[data-theme=dark] .expand-btn:hover{background:var(--primary-light);color:var(--primary-color)}[data-theme=dark] .warehouse-body{background:var(--bg-body);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md)}[data-theme=dark] .data-table{background:transparent!important}[data-theme=dark] .data-table thead{background:var(--bg-input)}[data-theme=dark] .data-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-weight:600}[data-theme=dark] .data-table td{color:var(--text-primary);border-bottom:1px solid var(--border-light)}[data-theme=dark] .data-table tbody tr{background:transparent}[data-theme=dark] .data-table tbody tr:hover{background:var(--bg-hover)!important}[data-theme=dark] .data-table tbody tr:last-child td{border-bottom:none}[data-theme=dark] .badge{font-weight:600}[data-theme=dark] .badge-healthy{background:var(--success-light);color:var(--success-color);border:1px solid var(--success-color)}[data-theme=dark] .badge-issue{background:var(--error-light);color:var(--error-color);border:1px solid var(--error-color)}[data-theme=dark] .action-dots{color:var(--text-tertiary)}[data-theme=dark] .map-section{background:var(--bg-body)}[data-theme=dark] .warehouse-card{background:var(--bg-card)!important;border:1px solid var(--border-color);box-shadow:var(--shadow-card)}[data-theme=dark] .warehouse-card:hover{background:var(--bg-card-elevated)!important;border-color:var(--primary-color);box-shadow:var(--shadow-glow),var(--shadow-lg)}[data-theme=dark] .card-title{color:var(--text-primary)}[data-theme=dark] .card-location,[data-theme=dark] .card-location .material-icons{color:var(--text-tertiary)}[data-theme=dark] .card-stats{background:var(--bg-body);border-radius:var(--radius-sm);padding:8px;margin-top:8px}[data-theme=dark] .card-stat{color:var(--text-secondary)}[data-theme=dark] .card-stat .stat-value{color:var(--text-primary);font-weight:600}[data-theme=dark] .card-stat svg path{stroke:var(--primary-color)}[data-theme=dark] .sidebar-container{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xl)}[data-theme=dark] .nav-section,[data-theme=dark] .bottom-section{background:transparent}[data-theme=dark] .nav-item{background:transparent;color:var(--text-secondary)}[data-theme=dark] .nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}[data-theme=dark] .nav-item.active{background:var(--primary-light);color:var(--primary-color)}[data-theme=dark] .theme-toggle .theme-switch{background:var(--bg-input);border-radius:var(--radius-full);padding:4px 8px}[data-theme=dark] .theme-toggle .theme-switch .material-icons{color:var(--warning-color)}[data-theme=dark] ::selection{background:var(--primary-color);color:var(--text-inverse)}[data-theme=dark] :focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}[data-theme=dark] a{color:var(--primary-color)}[data-theme=dark] a:hover{color:var(--primary-hover)}[data-theme=dark] .dot.owned{background:var(--success-color);box-shadow:0 0 6px var(--success-color)}[data-theme=dark] .dot.rented{background:var(--info-color);box-shadow:0 0 6px var(--info-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){html{font-size:14px}h1{font-size:1.375rem}h2{font-size:1.125rem}h3{font-size:1rem}}@media (max-width: 480px){html{font-size:13px}h1{font-size:1.25rem}h2{font-size:1.125rem}h3{font-size:.875rem}}.cdk-overlay-container,.mat-datepicker-popup,.mat-datepicker-content,.date-range-picker-panel{z-index:1100!important}.cdk-overlay-pane:has(.mat-datepicker-content){z-index:1100!important}.heatmap-3d-label{pointer-events:auto;text-align:center}.heatmap-3d-label .label-temp{display:inline-block;padding:3px 10px;border-radius:10px;font-size:.78rem;font-weight:700;letter-spacing:.3px;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);color:var(--text-inverse);box-shadow:0 2px 12px #00000080;white-space:nowrap}.heatmap-3d-label .label-temp.cold{color:#93c5fd}.heatmap-3d-label .label-temp.cool{color:#67e8f9}.heatmap-3d-label .label-temp.optimal{color:#86efac}.heatmap-3d-label .label-temp.warning{color:#fde047}.heatmap-3d-label .label-temp.critical{color:#fca5a5}.heatmap-3d-name{pointer-events:none;text-align:center;font-size:.65rem;font-weight:500;color:#ffffffb3;text-shadow:0 1px 4px rgba(0,0,0,.8);white-space:nowrap}.auth-container{display:flex;flex-direction:column}.auth-container>*{margin-bottom:10px}.auth-container>*:last-child{margin-bottom:0}.auth-logo{margin-top:20px;margin-bottom:20px}.auth-container .input-group,.auth-container .field-group,.auth-container .admin-field,.auth-container label,.auth-container .form-label,.auth-container .field-label,.auth-container button[type=submit],.auth-container .sign-in-btn,.auth-container .login-btn,.auth-container .register-btn,.auth-container .admin-submit-btn,.auth-container .google-btn,.auth-container .org-join-btn,.auth-container .divider,.auth-container .forgot-password,.auth-container .form-options,.auth-container .login-link,.auth-container .signup-link,.auth-container .error-message,.auth-container a,.auth-container .remember-me,.auth-container .code-inputs,.auth-container .otp-inputs,.auth-container .resend-text,.auth-container .resend-container,.auth-container .tenant-tabs,.auth-container .tenant-resolved,.auth-container .admin-banner,.auth-container .title,.auth-container .subtitle,.auth-container h1,.auth-container h2,.auth-container p{margin-bottom:10px;margin-top:0}@media (max-width: 1200px){.auth-container>*{margin-bottom:10px}.auth-logo{margin-top:20px;margin-bottom:20px}}@media (max-width: 768px){.auth-container>*{margin-bottom:10px}.auth-logo{margin-top:20px;margin-bottom:20px}}@media (max-width: 480px){.auth-container>*{margin-bottom:10px}.auth-logo{margin-top:20px;margin-bottom:20px}}@media (max-width: 360px){.auth-container>*{margin-bottom:10px}.auth-logo{margin-top:20px;margin-bottom:20px}}.wh-overlay-wrapper{background:transparent!important;border:none!important}.wh-overlay{position:relative;width:220px;height:220px}.wh-marker-icon{background:transparent!important;border:none!important;overflow:visible;position:relative}.wh-marker-shell{position:relative;width:160px;height:135px;overflow:visible}.wh-marker-icon svg{width:160px;height:auto;display:block;filter:drop-shadow(0 8px 18px rgba(15,23,42,.18))}.wh-marker-label{position:absolute;left:50%;top:-30px;max-width:178px;min-width:86px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;padding:6px 12px 7px;border:1px solid rgba(255,255,255,.92);border-radius:8px;background:linear-gradient(180deg,#fffffff5,#f5faffe0);color:#0f172a;box-shadow:0 10px 24px #0f172a29,0 0 0 1px #2563eb14,inset 0 1px #fffffff2;-webkit-backdrop-filter:blur(12px) saturate(1.25);backdrop-filter:blur(12px) saturate(1.25);pointer-events:none;white-space:nowrap;z-index:2;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.wh-marker-label:before{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;transform:translate(-50%) rotate(45deg);border-right:1px solid rgba(255,255,255,.92);border-bottom:1px solid rgba(255,255,255,.92);background:#f5faffe6;box-shadow:4px 4px 10px #0f172a0f}.wh-marker-label span{display:block;max-width:146px;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:800;line-height:1.15;letter-spacing:0}[dir=rtl] .wh-marker-label span{direction:rtl}.wh-marker-icon:hover .wh-marker-label{transform:translate(-50%) translateY(-3px);background:linear-gradient(180deg,#fff,#eff7fff0);box-shadow:0 14px 30px #0f172a33,0 0 0 1px #2563eb24,inset 0 1px #fff}.wh-marker-icon:after{content:"";position:absolute;top:50%;left:50%;width:180px;height:180px;border-radius:50%;border:2px solid rgba(59,130,246,.25);transform:translate(-50%,-50%);pointer-events:none;animation:wh-pulse 2.4s ease-in-out infinite}@keyframes wh-pulse{0%{transform:translate(-50%,-50%) scale(.85);opacity:.7}70%{transform:translate(-50%,-50%) scale(1.15);opacity:0}to{transform:translate(-50%,-50%) scale(.85);opacity:0}}.wh-overlay-active .wh-marker-icon:after{display:none}body.wh-marker-zooming:before,body.cs-tile-zooming:before{content:"";position:fixed;inset:0;z-index:800;pointer-events:none;background:radial-gradient(ellipse at center,#ffffff73,#ebf4ffbf 70%,#d2e2f7e6);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);opacity:0;animation:scene-backdrop-in .6s cubic-bezier(.22,.61,.36,1) forwards}@keyframes scene-backdrop-in{to{opacity:1}}.wh-marker-icon.is-zooming{z-index:1000!important}.wh-marker-icon.is-zooming svg{transform-origin:center center;animation:wh-marker-pulse .6s cubic-bezier(.22,.61,.36,1) forwards;filter:drop-shadow(0 36px 60px rgba(13,38,76,.45))}@keyframes wh-marker-pulse{0%{transform:scale(1)}to{transform:scale(2.2)}}.wh-marker-icon.is-zooming:after{display:none}.leaflet-marker-icon.wh-overlay-wrapper{z-index:1500!important}.wh-overlay-wrapper .wh-overlay{transform-origin:center center;animation:wh-overlay-pulse .6s cubic-bezier(.22,.61,.36,1) forwards}@keyframes wh-overlay-pulse{0%{transform:scale(1)}to{transform:scale(2.2)}}@media (prefers-reduced-motion: reduce){body.wh-marker-zooming:before,body.cs-tile-zooming:before{animation-duration:.15s}.wh-marker-icon.is-zooming svg,.wh-overlay-wrapper .wh-overlay{animation-duration:.2s}}.wh-outer-ring{position:absolute;width:180px;height:180px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:transparent;pointer-events:none}.wh-outer-ring:before{content:"";position:absolute;inset:-4px;border-radius:50%;padding:4px;background:linear-gradient(270.25deg,#0366e800 .22%,#0366e880 99.79%) border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.wh-metric{position:absolute;width:80px;height:80px;border-radius:50%;background:#fff9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;box-sizing:border-box;overflow:hidden;border:1px solid rgba(255,255,255,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px #0000001f;cursor:pointer;animation:whFadePop .25s ease;transition:transform .15s ease,box-shadow .15s ease}.wh-metric:before{content:"";position:absolute;inset:-4px;border-radius:50%;padding:4px;background:linear-gradient(270.25deg,#0366e800 .22%,#0366e8 99.79%) border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.wh-metric:hover{transform:scale(1.06);box-shadow:0 14px 30px #00000029}.wh-metric-cold{top:10px;left:10px}.wh-metric-devices{bottom:10px;right:10px}.wh-metric-icon{font-size:16px!important;color:#3b82f6;line-height:1;font-family:Material Icons,sans-serif}.wh-metric-value{font-size:18px;font-weight:600;color:#111;line-height:1;font-family:inherit}.wh-metric-label{font-size:9px;color:#6b7280;line-height:1.1;font-family:inherit;text-align:center;max-width:64px;white-space:normal;word-break:break-word;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}@keyframes whFadePop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.cs-marker-wrapper{background:transparent!important;border:none!important;overflow:visible}.cs-marker-icon{width:56px;height:56px;border-radius:50%;background:#fff;border:2.5px solid rgba(0,120,255,.5);box-shadow:0 4px 16px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.cs-marker-icon:hover{transform:scale(1.1);box-shadow:0 6px 20px #0003}.cs-marker-icon .material-icons{font-size:26px!important;color:#3b82f6;line-height:1}.cs-marker-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#111;background:#ffffffeb;padding:2px 6px;border-radius:4px;white-space:nowrap;box-shadow:0 1px 4px #0000001a;pointer-events:none}.cs-marker-icon.cs-selected{background:#3b82f6;border-color:#2563eb;box-shadow:0 4px 20px #3b82f666}.cs-marker-icon.cs-selected .material-icons{color:#fff}.cs-overlay-wrapper{background:transparent!important;border:none!important}.cs-overlay{position:relative;width:220px;height:220px}.cs-outer-ring{position:absolute;width:180px;height:180px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(0,120,255,.6);pointer-events:none;animation:csFadePop .25s ease}.cs-metric{position:absolute;width:80px;height:80px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid rgba(0,120,255,.2);box-shadow:0 10px 25px #0000001f;cursor:pointer;animation:csFadePop .25s ease;transition:transform .15s ease,box-shadow .15s ease}.cs-metric:hover{transform:scale(1.06);box-shadow:0 14px 30px #00000029}.cs-metric-devices{top:10px;left:10px}.cs-metric-status{bottom:10px;right:10px}.cs-metric-icon{font-size:16px!important;color:#3b82f6;line-height:1;font-family:Material Icons,sans-serif}.cs-metric-value{font-size:18px;font-weight:600;color:#111;line-height:1;font-family:inherit}.cs-metric-label{font-size:10px;color:#6b7280;line-height:1;font-family:inherit;text-align:center}@keyframes csFadePop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.leaflet-container,.leaflet-container *,.leaflet-container .leaflet-control,.leaflet-container .leaflet-popup,.leaflet-container .leaflet-tooltip{font-size:12px}.container{width:100%;max-width:1400px;margin:0 auto;padding-left:var(--space-md);padding-right:var(--space-md)}.u-card{padding:var(--space-md);border-radius:var(--radius)}.u-btn{padding:var(--control-pad-y) var(--control-pad-x);font-size:var(--font-sm);border-radius:var(--radius-sm)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea,.form-control,.form-input,.form-select,.form-textarea{border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--input-text);border-radius:var(--radius-md, 8px)}.input-wrapper>input,.input-wrapper>select,.input-wrapper>textarea,.input-wrapper input.form-input,.admin-input-group>input,.admin-input-group>select,.admin-input-group>textarea,.invite-input-wrapper>input,.invite-input-wrapper>select,.range-inputs>input,.range-inputs>select,.dm-search>input,.search-wrapper>input,.search-wrapper>select,.search-input-wrapper>input,.search-input-wrapper>input.search-input,.field-with-icon>input,.field-with-icon>select,.input-icon-wrapper>input,.input-icon-wrapper>select{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding-inline:0}.input-wrapper>input:focus,.input-wrapper>select:focus,.input-wrapper>textarea:focus,.input-wrapper input.form-input:focus,.admin-input-group>input:focus,.admin-input-group>select:focus,.admin-input-group>textarea:focus,.invite-input-wrapper>input:focus,.range-inputs>input:focus,.dm-search>input:focus,.search-wrapper>input:focus,.search-input-wrapper>input:focus,.search-input-wrapper>input.search-input:focus,.field-with-icon>input:focus,.input-icon-wrapper>input:focus{outline:none!important;box-shadow:none!important}input:disabled,select:disabled,textarea:disabled,.form-control:disabled{background-color:#f3f4f6;color:#6b7280;border-color:var(--border-subtle);cursor:not-allowed;opacity:.85}[data-theme=dark] input:disabled,[data-theme=dark] select:disabled,[data-theme=dark] textarea:disabled{background-color:#1a2230;color:#6b7280;border-color:var(--border-subtle)}input:invalid:not(:placeholder-shown),select:invalid:not(:focus),textarea:invalid:not(:placeholder-shown),.ng-invalid.ng-touched:not(form):not(div){border-color:var(--danger, #dc2626)!important}input:invalid:not(:placeholder-shown):focus,.ng-invalid.ng-touched:not(form):not(div):focus{box-shadow:0 0 0 3px #dc262633!important}:focus-visible{outline:2px solid var(--input-border-focus);outline-offset:2px}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--input-border-focus);outline-offset:2px;box-shadow:var(--focus-ring)}.btn-primary,button.btn-primary,.u-btn.btn-primary{background-color:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:var(--btn-primary-text);border-radius:var(--radius-md, 8px);padding:var(--control-pad-y) var(--control-pad-x);font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .1s ease}.btn-primary:hover:not(:disabled),button.btn-primary:hover:not(:disabled){background-color:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:focus-visible{outline:none;box-shadow:var(--focus-ring),0 0 0 4px #fff9 inset}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary,button.btn-secondary,.u-btn.btn-secondary{background-color:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text);border-radius:var(--radius-md, 8px);padding:var(--control-pad-y) var(--control-pad-x);font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.btn-secondary:hover:not(:disabled){background-color:var(--btn-secondary-hover-bg);border-color:var(--input-border-hover)}.btn-secondary:focus-visible{outline:none;border-color:var(--input-border-focus);box-shadow:var(--focus-ring)}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.btn-danger{background-color:var(--danger, #dc2626);border:1px solid var(--danger, #dc2626);color:#fff;border-radius:var(--radius-md, 8px);padding:var(--control-pad-y) var(--control-pad-x);font-weight:600;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.btn-danger:focus-visible{outline:none;box-shadow:0 0 0 3px #dc26264d}.btn-ghost{background-color:transparent;border:1px solid transparent;color:var(--text-primary);border-radius:var(--radius-md, 8px);padding:var(--control-pad-y) var(--control-pad-x);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.btn-ghost:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--input-border)}.card,.panel,.surface{background-color:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius-lg, 12px)}.card-glass,.glass{background:#ffffffd9;border:1px solid var(--card-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=dark] .card-glass,[data-theme=dark] .glass{background:#1f2937c7;border:1px solid var(--card-border)}.search-input,.filter-input,input[type=search]{border:1px solid var(--input-border)!important;background-color:var(--input-bg);color:var(--input-text)}.search-input:focus,.filter-input:focus,input[type=search]:focus{border-color:var(--input-border-focus)!important;box-shadow:var(--focus-ring)!important}@media (forced-colors: active){input,select,textarea,button,.btn-primary,.btn-secondary{border:1px solid CanvasText}:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:clamp(12px,2vw,32px);box-sizing:border-box}.container-narrow{max-width:var(--content-max-narrow)}.container-wide{max-width:var(--content-max-wide)}.container-fluid{max-width:100%;padding-inline:clamp(8px,2vw,24px)}.grid{display:grid;gap:var(--space-md);width:100%;min-width:0}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}@media (min-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1440px){.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.flex{display:flex;gap:var(--space-md);min-width:0;flex-wrap:wrap}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{align-items:center;justify-content:space-between}.flex-1{flex:1 1 0%;min-width:0}.flex-no-wrap{flex-wrap:nowrap}.min-w-0{min-width:0}.w-full{width:100%}.h-full{height:100%}img,video,svg,canvas,picture{max-width:100%;height:auto;display:block}.table-wrapper,.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrapper>table,.table-responsive>table{width:100%;min-width:600px;border-collapse:collapse}.map-container,.leaflet-container.responsive{width:100%;height:clamp(280px,50vh,720px)}.chart-container{width:100%;height:clamp(220px,40vh,520px);min-width:0}button,input,select,textarea{max-width:100%}.btn-block{display:block;width:100%}@media (max-width: 480px){.btn-stack-mobile>.btn-primary,.btn-stack-mobile>.btn-secondary,.btn-stack-mobile>button{width:100%}.btn-stack-mobile{flex-direction:column;align-items:stretch}}.show-mobile,.show-tablet,.show-desktop{display:none!important}@media (max-width: 767px){.hide-mobile{display:none!important}.show-mobile{display:revert!important}}@media (min-width: 768px) and (max-width: 1023px){.hide-tablet{display:none!important}.show-tablet{display:revert!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}.show-desktop{display:revert!important}}app-root,app-root>router-outlet+*,main{width:100%;max-width:100%;min-width:0;box-sizing:border-box}p,li,a,span,label,h1,h2,h3,h4,h5,h6,td,th,dt,dd{overflow-wrap:anywhere;word-break:normal}pre,code,kbd,samp{overflow-wrap:normal;word-break:normal;white-space:pre-wrap}.card,.panel,.surface,.card-glass,.glass{width:100%;min-width:0;max-width:100%;box-sizing:border-box}@media (max-width: 480px){.app-container,.page,.container{padding-inline:12px}app-header .header-actions,.toolbar,.filters-bar{flex-wrap:wrap;gap:var(--space-sm)}.modal-content,.dialog-content{width:100%!important;max-width:100vw!important;border-radius:0!important;margin:0!important}}@media (min-width: 481px) and (max-width: 1023px){.app-container,.page,.container{padding-inline:20px}}@media (min-width: 1024px){.sidebar-collapsible.is-persistent{transform:none!important;position:static}}@media (min-width: 1920px){.app-container,.page,.container{max-width:var(--content-max)}}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}app-header{padding-top:env(safe-area-inset-top)}}body.rtl app-home,body.rtl app-warehouse-detail,body.rtl app-cold-storage-detail,body.rtl app-device-detail,body.rtl app-gateway-detail,body.rtl app-login,body.rtl app-register,html[dir=rtl] app-home,html[dir=rtl] app-warehouse-detail,html[dir=rtl] app-cold-storage-detail,html[dir=rtl] app-device-detail,html[dir=rtl] app-gateway-detail,html[dir=rtl] app-login,html[dir=rtl] app-register{transform-origin:top right!important}body.rtl .warehouse-list,body.rtl .zone-list,body.rtl .cold-storage-list,body.rtl .device-list,body.rtl .main-content,body.rtl .table-container,body.rtl .logs-container,body.rtl .content-wrapper,html[dir=rtl] .warehouse-list,html[dir=rtl] .zone-list,html[dir=rtl] .cold-storage-list,html[dir=rtl] .device-list,html[dir=rtl] .main-content,html[dir=rtl] .table-container,html[dir=rtl] .logs-container,html[dir=rtl] .content-wrapper{transform:scaleX(-1)}body.rtl .warehouse-list>*,body.rtl .zone-list>*,body.rtl .cold-storage-list>*,body.rtl .device-list>*,body.rtl .main-content>*,body.rtl .table-container>*,body.rtl .logs-container>*,body.rtl .content-wrapper>*,html[dir=rtl] .warehouse-list>*,html[dir=rtl] .zone-list>*,html[dir=rtl] .cold-storage-list>*,html[dir=rtl] .device-list>*,html[dir=rtl] .main-content>*,html[dir=rtl] .table-container>*,html[dir=rtl] .logs-container>*,html[dir=rtl] .content-wrapper>*{transform:scaleX(-1)}html[dir=rtl],body.rtl,body.rtl *:not(.material-icons),[dir=rtl],[dir=rtl] *:not(.material-icons){font-family:var(--font-family-ar)!important;font-feature-settings:"liga" 1,"kern" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.rtl .material-icons,[dir=rtl] .material-icons,html[dir=rtl] .material-icons{font-family:Material Icons!important;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}body.rtl h1,body.rtl h2,body.rtl h3{font-weight:700}body.rtl h4,body.rtl h5,body.rtl h6,body.rtl p,body.rtl span:not(.material-icons),body.rtl div{font-weight:400}@keyframes slideInRightRTL{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}body.rtl{text-align:right;direction:rtl}body.rtl .ml-auto{margin-left:0!important;margin-right:auto!important}body.rtl .mr-auto{margin-right:0!important;margin-left:auto!important}body.rtl .header,body.rtl .upper-header,body.rtl .mid-header,body.rtl .lower-header,body.rtl .header-left,body.rtl .header-right{direction:rtl}body.rtl .logo-container.collapsed{margin-right:10px}body.rtl .search-container{direction:rtl;text-align:center!important}body.rtl .search-input{font-size:16px}body.rtl .profile-container{direction:rtl}body.rtl .user-profile{direction:rtl!important;padding:5px 5px 5px 12px!important;flex-direction:row-reverse!important}body.rtl .user-info{text-align:center;margin-right:0;margin-left:10px}body.rtl .user-avatar-icon{order:0}body.rtl .dropdown-icon{margin-left:0!important;margin-right:8px!important;order:1}body.rtl .menu-item{direction:rtl!important;justify-content:space-between;text-align:right}body.rtl .menu-item svg,body.rtl .menu-item .material-icons{margin-right:0!important;order:2}body.rtl .menu-item span:not(.material-icons):not(svg){order:0}body.rtl .pro-tag,body.rtl .theme-switch,body.rtl .language-selector,body.rtl .language-code{margin-left:0;margin-right:auto}body.rtl .greeting-section{direction:rtl!important;text-align:right}body.rtl .greeting-title,body.rtl .greeting-date{text-align:right!important}body.rtl .action-buttons{direction:rtl!important;gap:12px}body.rtl .action-btn{direction:rtl}body.rtl .action-btn .material-icons{margin-right:0;margin-left:6px;order:2}body.rtl .action-btn span:not(.material-icons){order:1}body.rtl .export-btn{direction:rtl}body.rtl .export-btn .material-icons{margin-right:0;margin-left:8px}body.rtl .stat-card{direction:rtl;border-right:none!important;border-left:1px solid var(--border-color)!important;text-align:right}body.rtl .stat-card:first-child{border-left:1px solid var(--border-color)!important}body.rtl .stat-card:last-child{border-left:none!important}body.rtl .stat-content{direction:rtl;text-align:right}body.rtl .stat-label{direction:rtl!important;justify-content:flex-end;flex-direction:row!important}body.rtl .stat-label svg,body.rtl .stat-label .material-icons{margin-right:0!important;margin-left:8px!important}body.rtl .stat-value{direction:rtl;text-align:center;justify-content:center}body.rtl .stat-icon{margin-left:16px;margin-right:0}body.rtl .sidebar-overlay{direction:rtl}body.rtl .sidebar-container{transform-origin:top right!important;animation:slideInRightRTL .3s cubic-bezier(.4,0,.2,1)!important}html[dir=rtl] .sidebar-container,body.rtl .sidebar-container,[dir=rtl] .sidebar-container{left:auto!important;animation-name:slideInRightRTL!important}body.rtl .sidebar-header{direction:rtl!important;padding:16px}body.rtl .collapse-btn{order:1;margin-right:0;margin-left:auto}body.rtl .collapse-btn .material-icons{transform:scaleX(-1)}body.rtl .menu-label{order:2;text-align:right;margin-right:12px}body.rtl .nav-section{direction:rtl;text-align:right}body.rtl .nav-item{direction:rtl!important;justify-content:flex-start;text-align:right;padding:12px 16px}body.rtl .nav-item:before{left:auto;right:0;border-radius:4px 0 0 4px}body.rtl .nav-item .material-icons{margin-right:0!important;margin-left:12px!important;order:2}body.rtl .nav-text{order:1;text-align:right}body.rtl .nav-item:hover{transform:translate(-4px)}body.rtl .bottom-section{direction:rtl;text-align:right}body.rtl .nav-label{text-align:right;padding:8px 16px 4px}body.rtl .menu-btn .material-icons{margin-left:10px!important}body.rtl .main-content{margin-left:0;margin-right:0}body.rtl .content-section{direction:rtl!important}body.rtl .sidebar{margin-left:0!important;margin-right:16px!important;order:1}body.rtl .map-section{order:0;direction:ltr!important}body.rtl .warehouses-panel,body.rtl .panel-header{direction:rtl}body.rtl .panel-title{text-align:right}body.rtl .search-icon-btn{margin-left:0;margin-right:auto}body.rtl .filter-tabs{direction:rtl!important}body.rtl .filter-tab{direction:rtl;text-align:right}body.rtl .filter-tab .material-icons{margin-right:0;margin-left:8px}body.rtl .filter-btn{margin-left:0;margin-right:auto}body.rtl .warehouse-list,body.rtl .warehouse-item{direction:rtl}body.rtl .warehouse-info,body.rtl .warehouse-name{text-align:right}body.rtl .warehouse-location{direction:rtl}body.rtl .warehouse-location svg,body.rtl .warehouse-location .location-icon,body.rtl .warehouse-location .material-icons{margin-right:0!important;margin-left:4px!important}body.rtl .expand-btn{transform:scaleX(-1)}body.rtl .expand-btn.rotated{transform:scaleX(-1) rotate(180deg)}body.rtl .warehouse-cards{left:70px!important;right:520px!important;direction:rtl}body.rtl .warehouse-card{text-align:right;direction:rtl}body.rtl .card-title,body.rtl .card-subtitle{text-align:right}body.rtl .card-location{direction:rtl;justify-content:flex-start}body.rtl .card-location .material-icons{margin-right:0!important;margin-left:4px!important}body.rtl .card-stats{direction:rtl}body.rtl .card-stat{direction:rtl;text-align:right}body.rtl .card-stat svg,body.rtl .card-stat .material-icons{margin-right:0!important;margin-left:10px!important}body.rtl .scroll-btn-left{left:auto!important;right:520px!important}body.rtl .scroll-btn-right{right:auto!important;left:20px!important}body.rtl .data-table{direction:rtl!important}body.rtl .data-table thead{direction:rtl}body.rtl .data-table th,body.rtl .data-table td{text-align:right!important}body.rtl .data-table th:first-child,body.rtl .data-table td:first-child{padding-right:16px!important;padding-left:8px!important}body.rtl .data-table th:last-child,body.rtl .data-table td:last-child{padding-left:16px!important;padding-right:8px!important}body.rtl table{direction:rtl}body.rtl th,body.rtl td,body.rtl .form-group{text-align:right}body.rtl .form-group label{text-align:right!important;display:block;margin-bottom:8px}body.rtl .form-row{direction:rtl;gap:16px}body.rtl input,body.rtl textarea,body.rtl select{text-align:right;direction:rtl;padding-right:16px;padding-left:16px}body.rtl input[type=text],body.rtl input[type=email],body.rtl input[type=password],body.rtl input[type=search],body.rtl textarea{text-align:right!important;direction:rtl}body.rtl input[type=number]{direction:ltr!important;text-align:left!important}body.rtl input::placeholder,body.rtl textarea::placeholder{text-align:right}body.rtl select{background-position:left .5rem center;padding-left:2.5rem;padding-right:16px}body.rtl input[type=checkbox]{margin-left:8px;margin-right:0}body.rtl button,body.rtl .btn-group{direction:rtl}body.rtl button .material-icons:first-child{margin-right:0;margin-left:8px}body.rtl button .material-icons:last-child{margin-left:0;margin-right:8px}body.rtl .modal{direction:rtl;text-align:right}body.rtl .modal-header{direction:rtl!important;justify-content:space-between}body.rtl .modal-title{text-align:right}body.rtl .modal-close{left:16px!important;right:auto!important;order:1}body.rtl .modal-body{text-align:right;direction:rtl}body.rtl .modal-footer{direction:rtl!important;gap:12px}body.rtl .pagination{direction:rtl}body.rtl .pagination-controls{direction:rtl!important}body.rtl .pagination-controls .material-icons{transform:scaleX(-1)}body.rtl .page-item:first-child .page-link{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--radius-md, 8px);border-bottom-right-radius:var(--radius-md, 8px)}body.rtl .page-item:last-child .page-link{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--radius-md, 8px);border-bottom-left-radius:var(--radius-md, 8px)}body.rtl .rows-per-page{direction:rtl;gap:8px}body.rtl .rows-per-page select{direction:ltr;text-align:left}body.rtl .page-prev,body.rtl .page-next{transform:scaleX(-1)}body.rtl ul,body.rtl ol{padding-right:1.5rem;padding-left:0}body.rtl li{text-align:right}body.rtl .list-item{direction:rtl}body.rtl .list-icon{margin-left:12px;margin-right:0}body.rtl .breadcrumb{direction:rtl}body.rtl .breadcrumb-separator{transform:scaleX(-1)}body.rtl .tabs,body.rtl .tab-header{direction:rtl}body.rtl .tab-item,body.rtl .tab-content{text-align:right}body.rtl .cold-storage-card,body.rtl .device-card{text-align:right!important;direction:rtl}body.rtl .card-header{direction:rtl!important}body.rtl .card-icon{margin-left:12px!important;margin-right:0!important}body.rtl .card-actions{direction:rtl;gap:8px}body.rtl .notification-dropdown{right:auto;left:0}body.rtl .notification-item{direction:rtl;text-align:right}body.rtl .notification-icon{margin-right:0!important;margin-left:12px!important}body.rtl .notification-content{text-align:right}body.rtl .toast{direction:rtl;text-align:right}body.rtl .toast-icon{margin-right:0!important;margin-left:12px!important}body.rtl .toast-content{text-align:right}body.rtl .toast-close{left:12px!important;right:auto!important}body.rtl .tooltip{direction:rtl;text-align:right}body.rtl .tooltip-arrow-left{left:auto;right:-8px;transform:rotate(180deg)}body.rtl .tooltip-arrow-right{right:auto;left:-8px;transform:rotate(180deg)}body.rtl .badge{direction:rtl;text-align:center}body.rtl .status-badge{direction:rtl;text-align:center;margin-left:0;margin-right:auto}body.rtl .log-level-badge{margin-left:0;margin-right:auto}body.rtl .date-range-picker,body.rtl .date-range-picker button{direction:rtl}body.rtl .date-range-picker .material-icons{margin-left:0;margin-right:8px}body.rtl .date-filter-banner{direction:rtl}body.rtl .clear-banner-btn{margin-left:0;margin-right:auto}body.rtl .customization-banner{direction:rtl}body.rtl .banner-title-section{text-align:right}body.rtl .banner-status-indicator{right:auto;left:0;flex-direction:row-reverse}body.rtl .banner-status-indicator .material-icons{margin-right:0;margin-left:4px}body.rtl .param-item{direction:rtl;flex-direction:row-reverse}body.rtl .param-details{text-align:right}body.rtl .param-input-wrapper{direction:rtl}body.rtl .param-input-wrapper input{margin-right:0;margin-left:4px;text-align:right}body.rtl .param-input-wrapper .edit-indicator{order:-1}body.rtl .banner-footer-actions{direction:rtl}body.rtl .banner-btn .material-icons{margin-right:0;margin-left:6px}body.rtl .zone-stats-container,body.rtl .zone-stat-item{direction:rtl}body.rtl .stat-info,body.rtl .stat-threshold{text-align:right}body.rtl .live-sensor-modal{direction:rtl}body.rtl .lsm-header{direction:rtl;flex-direction:row-reverse}body.rtl .lsm-header__brand{flex-direction:row-reverse}body.rtl .lsm-header__title{text-align:right}body.rtl .lsm-header__close{right:auto;left:0}body.rtl .lsm-status-bar{direction:rtl}body.rtl .status-pill{direction:rtl;flex-direction:row-reverse}body.rtl .info-panel{direction:rtl}body.rtl .device-header{direction:rtl;text-align:right}body.rtl .device-header h2{text-align:right}body.rtl .metric-box{direction:rtl}body.rtl .chart-section,body.rtl .section-header,body.rtl .chart-tabs,body.rtl .chart-footer,body.rtl .empty-state{direction:rtl}body.rtl .empty-state p{text-align:center}body.rtl .legend{direction:rtl}body.rtl .legend-item{direction:rtl;flex-direction:row-reverse}body.rtl .legend-item .dot{margin-left:0;margin-right:6px}body.rtl .data-table{direction:rtl}body.rtl .table-actions,body.rtl .table-controls,body.rtl .pagination{direction:rtl}body.rtl .icon-arrow-right,body.rtl .icon-chevron-right,body.rtl .icon-forward,body.rtl .icon-next,body.rtl .icon-arrow-left,body.rtl .icon-chevron-left,body.rtl .icon-back,body.rtl .icon-prev,body.rtl .material-icons.arrow_forward,body.rtl .material-icons.chevron_right,body.rtl .material-icons.keyboard_arrow_right,body.rtl .material-icons.navigate_next,body.rtl .material-icons.arrow_forward_ios,body.rtl .material-icons.play_arrow,body.rtl .material-icons.arrow_back,body.rtl .material-icons.chevron_left,body.rtl .material-icons.keyboard_arrow_left,body.rtl .material-icons.navigate_before,body.rtl .material-icons.arrow_back_ios,body.rtl .nav-arrow,body.rtl .carousel-arrow{transform:scaleX(-1)}body.rtl .go-back-btn{direction:rtl}body.rtl .go-back-btn .material-icons{transform:scaleX(-1);margin-right:0;margin-left:8px}body.rtl .back-btn{transform:scaleX(-1)}body.rtl .number,body.rtl .code,body.rtl .id,body.rtl .serial,body.rtl input[type=number],body.rtl input[type=tel],body.rtl .reading-value,body.rtl .temperature-value,body.rtl .humidity-value{direction:ltr;display:inline-block;text-align:left;unicode-bidi:embed}body.rtl #map,body.rtl .spinner{direction:ltr}body.rtl canvas{direction:ltr}body.rtl .isometric-container{direction:ltr}body.rtl .activity-log-item{direction:rtl;text-align:right}body.rtl .log-timestamp{margin-left:0;margin-right:auto}body.rtl .cold-storage-header{direction:rtl}body.rtl .storage-title{text-align:right}body.rtl .settings-panel{direction:rtl;text-align:right}body.rtl .settings-form{direction:rtl}body.rtl .settings-label{text-align:right}body.rtl .zone-readings{direction:rtl}body.rtl .reading-card{direction:rtl;text-align:right}body.rtl .reading-label{text-align:right}body.rtl .sensor-status-grid{direction:rtl}body.rtl .sensor-card{direction:rtl;text-align:right}body.rtl .sensor-header{direction:rtl}body.rtl .device-info-card{direction:rtl;text-align:right}body.rtl .device-info-header{direction:rtl}body.rtl .device-name{text-align:right}body.rtl .warehouse-header{direction:rtl}body.rtl .warehouse-title{text-align:right}body.rtl .cold-storage-grid{direction:rtl}body.rtl .storage-details,body.rtl .storage-card{direction:rtl;text-align:right}body.rtl .storage-card-header{direction:rtl}body.rtl .device-commands{text-align:right}body.rtl .command-item{direction:rtl;text-align:right}body.rtl .command-item .material-icons{margin-right:0!important;margin-left:12px!important;order:2}body.rtl .command-info{text-align:right;order:1}body.rtl .command-icon{margin-right:0;margin-left:12px}body.rtl .threshold-row{direction:rtl}body.rtl .threshold-label{text-align:right}body.rtl .quick-stats{direction:rtl}body.rtl .quick-stat-item{text-align:right}body.rtl .carousel-nav,body.rtl .cards-nav{direction:rtl}body.rtl .nav-prev{right:auto;left:-20px}body.rtl .nav-next{left:auto;right:-20px}body.rtl .warehouse-cards-container,body.rtl .warehouse-cards-scroll{direction:rtl}body.rtl .panel-subtitle{direction:rtl;justify-content:flex-end}body.rtl .panel-subtitle .location-icon,body.rtl .panel-subtitle .material-icons{margin-right:0;margin-left:4px}body.rtl .panel-title-wrapper{direction:rtl}body.rtl .panel-title-group{text-align:right}.rtl-hidden{display:none}body.rtl .rtl-hidden,.ltr-hidden{display:block}body.rtl .ltr-hidden{display:none}.rtl-flip{transform:scaleX(1)}body.rtl .rtl-flip{transform:scaleX(-1)}.text-start{text-align:left}body.rtl .text-start,.text-end{text-align:right}body.rtl .text-end{text-align:left}body.rtl .text-container,body.rtl .info-text,body.rtl .description{text-align:right;direction:rtl}body.rtl .device-detail-container,body.rtl .device-header{direction:rtl}body.rtl .device-info-section{direction:rtl;text-align:right}body.rtl .device-title-area{text-align:right}body.rtl .device-name-row{direction:rtl;flex-direction:row-reverse}body.rtl .device-status-badge{margin-right:12px;margin-left:0}body.rtl .device-stats-row,body.rtl .device-stat-item{direction:rtl}body.rtl .stat-icon{margin-left:12px;margin-right:0}body.rtl .stat-data{text-align:right}body.rtl .records-section,body.rtl .tabs-header,body.rtl .tabs{direction:rtl}body.rtl .tab-actions{direction:rtl;gap:12px}body.rtl .tab-badge{margin-right:6px;margin-left:0}body.rtl .device-commands-container,body.rtl .commands-btn{direction:rtl}body.rtl .commands-btn .material-icons:first-child{margin-left:8px;margin-right:0}body.rtl .commands-dropdown{left:0;right:auto;text-align:right}body.rtl .command-item{direction:rtl;flex-direction:row-reverse}body.rtl .command-item .material-icons{margin-right:0;margin-left:12px}body.rtl .command-info{text-align:right}body.rtl .records-table{direction:rtl}body.rtl .records-table th,body.rtl .records-table td{text-align:right}body.rtl .records-table .checkbox-col{padding-right:16px;padding-left:8px}body.rtl .date-cell{text-align:right}body.rtl .sort-icon{margin-right:4px;margin-left:0}body.rtl .pagination,body.rtl .pagination-right,body.rtl .rows-per-page{direction:rtl}body.rtl .rows-per-page span{margin-left:8px;margin-right:0}body.rtl .insights-content,body.rtl .insights-info-grid,body.rtl .info-tile{direction:rtl}body.rtl .tile-icon{margin-left:12px;margin-right:0}body.rtl .tile-data{text-align:right}body.rtl .insights-section,body.rtl .section-header{direction:rtl}body.rtl .section-header h3{text-align:right}body.rtl .section-icon{margin-left:12px;margin-right:0}body.rtl .metrics-row,body.rtl .metric-box{direction:rtl}body.rtl .metric-visual{margin-left:12px;margin-right:0}body.rtl .metric-info{text-align:right}body.rtl .stats-grid{direction:rtl}body.rtl .stat-card{direction:rtl;text-align:right}body.rtl .stat-header{direction:rtl;flex-direction:row-reverse}body.rtl .stat-icon{margin-left:8px;margin-right:0}body.rtl .stat-body{direction:rtl}body.rtl .stat-main{text-align:right}body.rtl .stat-range{direction:rtl}body.rtl .range-item{text-align:right}body.rtl .chart-tabs,body.rtl .chart-tabs button{direction:rtl}body.rtl .tab-indicator{margin-left:6px;margin-right:0}body.rtl .trend-chart-container,body.rtl .chart-empty,body.rtl .time-sync-modal,body.rtl .date-sync-modal,body.rtl .reset-modal,body.rtl .log-interval-modal{direction:rtl}body.rtl .modal-header{direction:rtl;flex-direction:row-reverse}body.rtl .modal-header h2{direction:rtl;text-align:right}body.rtl .modal-header h2 .material-icons{margin-left:8px;margin-right:0}body.rtl .modal-body{direction:rtl;text-align:right}body.rtl .time-sync-form,body.rtl .form-row{direction:rtl}body.rtl .form-group{text-align:right}body.rtl .form-group label{text-align:right;display:block}body.rtl .set-current-btn{direction:rtl}body.rtl .set-current-btn .material-icons{margin-left:8px;margin-right:0}body.rtl .modal-footer{direction:rtl;flex-direction:row-reverse}body.rtl .modal-footer button .material-icons{margin-left:6px;margin-right:0}body.rtl .reset-warning{direction:rtl;flex-direction:row-reverse}body.rtl .warning-icon{margin-left:16px;margin-right:0}body.rtl .warning-content,body.rtl .interval-hint{text-align:right}body.rtl .floating-message{direction:rtl;left:24px;right:auto}body.rtl .floating-message .material-icons{margin-left:8px;margin-right:0}body.rtl .action-icon-btn{direction:rtl}body.rtl .action-icon-btn .material-icons{margin-left:6px;margin-right:0}body.rtl .pagination-export-btn{direction:rtl}body.rtl .pagination-export-btn .material-icons{margin-right:6px;margin-left:0}@media (max-width: 1200px){body.rtl .warehouse-cards,body.rtl .scroll-btn-left{right:400px!important}}@media (max-width: 992px){body.rtl .sidebar{right:12px!important;left:auto!important;margin-right:0!important}body.rtl .warehouse-cards{left:12px!important;right:12px!important}}@media (max-width: 768px){body.rtl .sidebar-container{right:-100%!important}body.rtl .sidebar-container.open{right:0!important}body.rtl .main-content{margin-right:0}body.rtl .action-buttons{flex-direction:column!important;width:100%}body.rtl .action-btn{width:100%;justify-content:center}body.rtl .sidebar{width:calc(100% - 24px)!important;right:12px!important;left:12px!important}body.rtl .warehouse-cards{left:8px!important;right:8px!important}body.rtl .greeting-section{flex-direction:column;align-items:flex-end}}body.rtl .dashboard-container,body.rtl .page-header{direction:rtl}body.rtl .page-header .header-left{direction:rtl;flex-direction:row-reverse}body.rtl .page-header .header-right{direction:rtl}body.rtl .back-btn:hover{transform:translate(2px)}body.rtl .back-btn .material-icons{transform:scaleX(-1)}body.rtl .breadcrumb{direction:rtl;flex-direction:row-reverse}body.rtl .breadcrumb .separator{transform:scaleX(-1)}body.rtl .stats-grid,body.rtl .stat-card,body.rtl .stat-content{direction:rtl}body.rtl .stat-label{direction:rtl;flex-direction:row-reverse}body.rtl .stat-label .stat-icon{margin-left:8px;margin-right:0}body.rtl .stat-value{text-align:right}body.rtl .stat-change{direction:rtl}body.rtl .stat-change .material-icons{margin-left:4px;margin-right:0}body.rtl .gateway-info-card{direction:rtl}body.rtl .gateway-header{direction:rtl;flex-direction:row-reverse}body.rtl .gateway-title{direction:rtl;flex-direction:row-reverse;text-align:right}body.rtl .gateway-icon{margin-left:12px;margin-right:0}body.rtl .gateway-actions,body.rtl .tabs-container,body.rtl .tabs-header,body.rtl .tab-btn,body.rtl .info-grid{direction:rtl}body.rtl .info-card{direction:rtl;text-align:right}body.rtl .info-card h4{text-align:right}body.rtl .info-row{direction:rtl;flex-direction:row-reverse}body.rtl .info-label{text-align:right}body.rtl .info-value,body.rtl .info-link{text-align:left}body.rtl .table-container,body.rtl .data-table{direction:rtl}body.rtl .data-table th,body.rtl .data-table td{text-align:right}body.rtl .data-table th:last-child,body.rtl .data-table td:last-child{text-align:center}body.rtl .action-icon{direction:ltr}body.rtl .empty-state{direction:rtl;text-align:center}body.rtl .pagination,body.rtl .pagination-info{direction:rtl;flex-direction:row-reverse}body.rtl .pagination-info span:first-child{margin-left:8px;margin-right:0}body.rtl .pagination-info select{margin-left:16px;margin-right:8px}body.rtl .pagination-controls{direction:rtl;flex-direction:row-reverse}body.rtl .pagination-controls .page-btn svg{transform:scaleX(-1)}body.rtl .action-btn{direction:rtl;flex-direction:row-reverse}body.rtl .action-btn .material-icons{margin-left:8px;margin-right:0}body.rtl .loading-container,body.rtl .error-container,body.rtl .warehouse-detail-container,body.rtl .warehouse-detail-container .header{direction:rtl}body.rtl .warehouse-detail-container .upper-header,body.rtl .warehouse-detail-container .header-left,body.rtl .warehouse-detail-container .header-right{direction:rtl;flex-direction:row-reverse}body.rtl .warehouse-detail-container .collapsed{margin-left:0;margin-right:90px}body.rtl .warehouse-detail-container .search-container{direction:rtl}body.rtl .warehouse-detail-container .search-icon{left:auto;right:14px}body.rtl .warehouse-detail-container .search-input{padding:10px 44px 10px 80px;text-align:center}body.rtl .warehouse-detail-container .enter-btn{right:auto;left:6px}body.rtl .warehouse-detail-container .mid-header{direction:rtl}body.rtl .warehouse-detail-container .greeting-section{direction:rtl;flex-direction:row-reverse}body.rtl .warehouse-detail-container .greeting-title{text-align:right}body.rtl .warehouse-detail-container .action-buttons,body.rtl .warehouse-detail-container .action-btn{direction:rtl;flex-direction:row-reverse}body.rtl .warehouse-detail-container .action-btn .material-icons{margin-left:6px;margin-right:0}body.rtl .warehouse-detail-container .stats-grid{direction:rtl;flex-direction:row-reverse}body.rtl .warehouse-detail-container .stat-card{border-right:none;border-left:1px solid var(--border-color)}body.rtl .warehouse-detail-container .stat-card:first-child{border-left:none}body.rtl .warehouse-detail-container .stat-label{direction:rtl;flex-direction:row-reverse}body.rtl .warehouse-detail-container .stat-value,body.rtl .warehouse-detail-container .main-content{direction:rtl}body.rtl .warehouse-detail-container .content-section{direction:rtl;flex-direction:row-reverse}body.rtl .warehouse-detail-container .sidebar{left:auto;right:16px}body.rtl .warehouse-detail-container .warehouses-panel{direction:rtl}body.rtl .warehouse-detail-container .panel-header,body.rtl .warehouse-detail-container .panel-title-wrapper{direction:rtl;flex-direction:row-reverse}body.rtl .warehouse-detail-container .back-btn .material-icons{transform:scaleX(-1)}body.rtl .warehouse-detail-container .panel-title-group{text-align:right}body.rtl .warehouse-detail-container .panel-subtitle,body.rtl .warehouse-detail-container .filter-tabs,body.rtl .warehouse-detail-container .filter-tab{direction:rtl;flex-direction:row-reverse}body.rtl .warehouse-detail-container .filter-btn{margin-left:0;margin-right:auto}body.rtl .warehouse-detail-container .warehouse-list{direction:rtl}body.rtl .warehouse-detail-container .warehouse-item{direction:rtl;flex-direction:row-reverse}body.rtl .warehouse-detail-container .warehouse-info{text-align:right}body.rtl .warehouse-detail-container .warehouse-body,body.rtl .warehouse-detail-container .data-table{direction:rtl}body.rtl .warehouse-detail-container .data-table th,body.rtl .warehouse-detail-container .data-table td{text-align:right}body.rtl .warehouse-detail-container .pagination,body.rtl .warehouse-detail-container .rows-per-page,body.rtl .warehouse-detail-container .pagination-controls{direction:rtl;flex-direction:row-reverse}body.rtl .warehouse-detail-container .pagination-controls .material-icons{transform:scaleX(-1)}body.rtl .warehouse-detail-container .map-section,body.rtl .warehouse-detail-container .isometric-view{direction:ltr}body.rtl .warehouse-detail-container .iso-controls{left:auto;right:16px}body.rtl .warehouse-detail-container .unit-label,body.rtl .heat-map-modal-overlay,body.rtl .heat-map-modal{direction:rtl}body.rtl .heat-map-modal-header{direction:rtl;flex-direction:row}body.rtl .modal-title-section{text-align:right}body.rtl .modal-close-btn{margin-left:0;margin-right:auto}body.rtl .heat-map-modal-footer,body.rtl .modal-action-btn{direction:rtl;flex-direction:row-reverse}body.rtl .modal-action-btn .material-icons{margin-left:8px;margin-right:0}body.rtl .no-devices-message{direction:rtl}body.rtl .warehouse-detail-container .dropdown-menu{left:0;right:auto}body.rtl .warehouse-detail-container .menu-item{direction:rtl;flex-direction:row-reverse;text-align:right}body.rtl .warehouse-detail-container .menu-item svg{margin-left:10px;margin-right:0}body.rtl .warehouse-detail-container .pro-tag,body.rtl .warehouse-detail-container .theme-switch,body.rtl .warehouse-detail-container .language-selector{margin-left:0;margin-right:auto}[data-theme=dark].rtl .sidebar{border-left-color:var(--border-color);border-right:none}[data-theme=dark].rtl select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14 8l-4 4-4-4'/%3e%3c/svg%3e");background-position:left .5rem center}body.rtl .leaflet-top.leaflet-right,html[dir=rtl] .leaflet-top.leaflet-right,[dir=rtl] .leaflet-top.leaflet-right{right:auto!important;left:10px!important}body.rtl .leaflet-right .leaflet-control,html[dir=rtl] .leaflet-right .leaflet-control,[dir=rtl] .leaflet-right .leaflet-control{margin-right:0!important;margin-left:10px!important}