:root{--color-bg: #f5f6f8;--color-surface: #ffffff;--color-surface-sunken: #fbfbfc;--color-surface-hover: #f5f6f8;--color-surface-selected: #eef0fd;--color-border: #e1e3e9;--color-border-subtle: #edeef2;--color-border-strong: #cbcfd8;--color-text: #151820;--color-text-secondary: #535a6a;--color-text-tertiary: #6e7585;--color-text-disabled: #9ea4b2;--color-icon: #6e7585;--color-primary: #4352cf;--color-primary-hover: #3641ae;--color-primary-subtle: #eef0fd;--color-primary-muted: #9ba6f0;--color-primary-strong: #283170;--color-on-primary: #ffffff;--color-success-fg: #157347;--color-success-bg: #e8f6ee;--color-success-border: #b7e2c8;--color-success-solid: #1e9e5c;--color-warning-fg: #9a5b00;--color-warning-bg: #fff5e0;--color-warning-border: #f6d79b;--color-warning-solid: #e09b1a;--color-danger-fg: #b42318;--color-danger-bg: #fdedec;--color-danger-border: #f5c2be;--color-danger-solid: #d92d20;--color-info-fg: #3641ae;--color-info-bg: #eef0fd;--color-info-border: #c2c9f7;--color-info-solid: #4352cf;--color-overlay: rgb(21 24 32 / .45);--color-inverse-surface: #151820;--color-inverse-text: #ffffff}:root{--font-sans: "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-display: 600 30px/38px var(--font-sans);--text-kpi: 600 28px/36px var(--font-sans);--text-h1: 600 24px/32px var(--font-sans);--text-h2: 600 18px/28px var(--font-sans);--text-h3: 600 15px/22px var(--font-sans);--text-body: 400 14px/20px var(--font-sans);--text-body-sm: 400 13px/18px var(--font-sans);--text-caption: 500 12px/16px var(--font-sans);--text-mono: 400 13px/20px var(--font-mono)}:lang(ar){--font-sans: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--sidebar-width: 248px;--topbar-height: 56px;--content-max-width: 1200px;--page-padding: 32px;--card-padding: 20px;--control-height: 40px;--control-height-sm: 32px}@media(max-width:640px){:root{--page-padding: 16px;--card-padding: 16px}}:root{--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgb(21 24 32 / .06);--shadow-sm: 0 1px 3px rgb(21 24 32 / .08), 0 1px 2px rgb(21 24 32 / .04);--shadow-md: 0 8px 24px -6px rgb(21 24 32 / .16), 0 0 0 1px rgb(21 24 32 / .06);--shadow-lg: 0 24px 48px -12px rgb(21 24 32 / .24), 0 0 0 1px rgb(21 24 32 / .06);--focus-ring: 0 0 0 3px rgb(67 82 207 / .28);--ease: cubic-bezier(.2, 0, 0, 1);--duration-fast: .12s;--duration: .2s}:root{--background: 220 20% 97%;--foreground: 224 21% 10%;--card: 0 0% 100%;--card-foreground: 224 21% 10%;--popover: 0 0% 100%;--popover-foreground: 224 21% 10%;--primary: 234 59% 54%;--primary-foreground: 0 0% 100%;--secondary: 228 16% 94%;--secondary-foreground: 224 21% 10%;--muted: 228 16% 94%;--muted-foreground: 222 12% 37%;--accent: 228 16% 94%;--accent-foreground: 224 21% 10%;--destructive: 4 74% 49%;--destructive-foreground: 0 0% 100%;--success: 149 68% 37%;--success-foreground: 0 0% 100%;--warning: 39 79% 49%;--warning-foreground: 0 0% 100%;--border: 225 15% 90%;--input: 225 15% 90%;--ring: 234 59% 54%;--radius: .5rem;--shadow: var(--shadow-sm);--shadow-xl: var(--shadow-lg);--gradient-primary: linear-gradient(var(--color-primary), var(--color-primary));--gradient-success: linear-gradient(var(--color-success-solid), var(--color-success-solid));--gradient-warning: linear-gradient(var(--color-warning-solid), var(--color-warning-solid));--gradient-danger: linear-gradient(var(--color-danger-solid), var(--color-danger-solid))}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 217.2 91.2% 59.8%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 224.3 76.3% 48%}html{color-scheme:light;--mat-sys-background: #f9f9ff;--mat-sys-error: #bc140d;--mat-sys-error-container: #ffdad5;--mat-sys-inverse-on-surface: #ecf0ff;--mat-sys-inverse-primary: #bdc2ff;--mat-sys-inverse-surface: #29313e;--mat-sys-on-background: #151c29;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #930002;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #2535b5;--mat-sys-on-primary-fixed: #000964;--mat-sys-on-primary-fixed-variant: #2535b5;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4372;--mat-sys-on-secondary-fixed: #111744;--mat-sys-on-secondary-fixed-variant: #3e4372;--mat-sys-on-surface: #151c29;--mat-sys-on-surface-variant: #454654;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #781782;--mat-sys-on-tertiary-fixed: #36003d;--mat-sys-on-tertiary-fixed-variant: #781782;--mat-sys-outline: #767685;--mat-sys-outline-variant: #c6c5d6;--mat-sys-primary: #4150cd;--mat-sys-primary-container: #dfe0ff;--mat-sys-primary-fixed: #dfe0ff;--mat-sys-primary-fixed-dim: #bdc2ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #555b8b;--mat-sys-secondary-container: #dfe0ff;--mat-sys-secondary-fixed: #dfe0ff;--mat-sys-secondary-fixed-dim: #bec3fa;--mat-sys-shadow: #000000;--mat-sys-surface: #f9f9ff;--mat-sys-surface-bright: #f9f9ff;--mat-sys-surface-container: #e8eeff;--mat-sys-surface-container-high: #e1e8fb;--mat-sys-surface-container-highest: #dce2f5;--mat-sys-surface-container-low: #f0f3ff;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #d3daec;--mat-sys-surface-tint: #4150cd;--mat-sys-surface-variant: #e2e1f3;--mat-sys-tertiary: #94359c;--mat-sys-tertiary-container: #ffd6fb;--mat-sys-tertiary-fixed: #ffd6fb;--mat-sys-tertiary-fixed-dim: #ffa9ff;--mat-sys-neutral-variant20: #2e2f3d;--mat-sys-neutral10: #151c29;--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 var(--font-sans);--mat-sys-body-large-font: var(--font-sans);--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 var(--font-sans);--mat-sys-body-medium-font: var(--font-sans);--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 var(--font-sans);--mat-sys-body-small-font: var(--font-sans);--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 var(--font-sans);--mat-sys-display-large-font: var(--font-sans);--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 var(--font-sans);--mat-sys-display-medium-font: var(--font-sans);--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 var(--font-sans);--mat-sys-display-small-font: var(--font-sans);--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 var(--font-sans);--mat-sys-headline-large-font: var(--font-sans);--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 var(--font-sans);--mat-sys-headline-medium-font: var(--font-sans);--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 var(--font-sans);--mat-sys-headline-small-font: var(--font-sans);--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 var(--font-sans);--mat-sys-label-large-font: var(--font-sans);--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: 600;--mat-sys-label-medium: 500 .75rem / 1rem var(--font-sans);--mat-sys-label-medium-font: var(--font-sans);--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: 600;--mat-sys-label-small: 500 .688rem / 1rem var(--font-sans);--mat-sys-label-small-font: var(--font-sans);--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 var(--font-sans);--mat-sys-title-large-font: var(--font-sans);--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 var(--font-sans);--mat-sys-title-medium-font: var(--font-sans);--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 var(--font-sans);--mat-sys-title-small-font: var(--font-sans);--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;--mat-sys-primary: var(--color-primary);--mat-sys-on-primary: var(--color-on-primary);--mat-sys-primary-container: var(--color-primary-subtle);--mat-sys-on-primary-container: var(--color-primary-strong);--mat-sys-surface: var(--color-surface);--mat-sys-on-surface: var(--color-text);--mat-sys-on-surface-variant: var(--color-text-secondary);--mat-sys-surface-container-lowest: var(--color-surface);--mat-sys-surface-container-low: var(--color-surface);--mat-sys-surface-container: var(--color-surface);--mat-sys-surface-container-high: var(--color-surface);--mat-sys-surface-container-highest: var(--color-border-subtle);--mat-sys-outline: var(--color-border-strong);--mat-sys-outline-variant: var(--color-border);--mat-sys-error: var(--color-danger-solid);--mat-sys-corner-extra-small: var(--radius-sm);--mat-sys-corner-small: var(--radius-md);--mat-sys-corner-medium: var(--radius-lg);--mat-sys-corner-large: var(--radius-lg);--mat-button-filled-container-shape: var(--radius-sm);--mat-button-outlined-container-shape: var(--radius-sm);--mat-button-text-container-shape: var(--radius-sm);--mat-button-protected-container-shape: var(--radius-sm);--mat-button-tonal-container-shape: var(--radius-sm);--mat-button-filled-container-height: var(--control-height);--mat-button-outlined-container-height: var(--control-height);--mat-button-text-container-height: var(--control-height);--mat-button-protected-container-height: var(--control-height);--mat-button-tonal-container-height: var(--control-height);--mat-button-filled-horizontal-padding: 16px;--mat-button-outlined-horizontal-padding: 16px;--mat-button-outlined-outline-color: var(--color-border-strong);--mat-button-outlined-label-text-color: var(--color-text);--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-weight: 500;--mat-button-text-label-text-weight: 500;--mat-button-protected-label-text-weight: 500;--mat-button-tonal-label-text-weight: 500;--mat-form-field-outlined-container-shape: var(--radius-sm);--mat-form-field-outlined-outline-color: var(--color-border-strong);--mat-form-field-outlined-hover-outline-color: var(--color-text-tertiary);--mat-form-field-outlined-focus-outline-color: var(--color-primary);--mat-form-field-outlined-focus-outline-width: 1.5px;--mat-form-field-container-height: 44px;--mat-form-field-container-vertical-padding: 10px;--mat-form-field-container-text-size: 14px;--mat-form-field-outlined-label-text-size: 14px;--mat-form-field-subscript-text-size: 12px;--mat-card-outlined-container-shape: var(--radius-lg);--mat-card-outlined-outline-color: var(--color-border);--mat-card-elevated-container-shape: var(--radius-lg);--mat-card-elevated-container-elevation: var(--shadow-xs);--mat-dialog-container-shape: var(--radius-lg);--mat-dialog-container-elevation-shadow: var(--shadow-lg);--mat-table-background-color: var(--color-surface);--mat-table-header-headline-color: var(--color-text-secondary);--mat-table-header-headline-size: 12px;--mat-table-header-headline-weight: 500;--mat-table-row-item-label-text-size: 14px;--mat-table-row-item-outline-color: var(--color-border-subtle);--mat-table-header-container-height: 40px;--mat-table-row-item-container-height: 52px;--mat-sidenav-container-shape: 0}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}img,svg,video{max-width:100%}body{font:var(--text-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{color:var(--color-text);letter-spacing:-.01em}h1{font:var(--text-h1)}h2{font:var(--text-h2)}h3{font:var(--text-h3)}h4,h5,h6{font:600 14px/20px var(--font-sans)}p{color:var(--color-text-secondary)}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}code,kbd,pre,samp{font-family:var(--font-mono)}::selection{background:var(--color-primary-subtle);color:var(--color-primary-strong)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:2px solid transparent;border-radius:var(--radius-full);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-disabled)}input:not([matInput]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea{min-height:var(--control-height);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font:var(--text-body);width:100%;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}input:not([matInput]):focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary);opacity:1}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.e-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.e-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.e-card__title{font:var(--text-h3);color:var(--color-text)}.e-card__body{padding:var(--card-padding)}.e-badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--radius-full);font:var(--text-caption);white-space:nowrap;background:var(--color-border-subtle);color:var(--color-text-secondary)}.e-badge:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-text-disabled)}.e-badge--plain:before{display:none}.e-badge--success{background:var(--color-success-bg);color:var(--color-success-fg)}.e-badge--success:before{background:var(--color-success-solid)}.e-badge--warning{background:var(--color-warning-bg);color:var(--color-warning-fg)}.e-badge--warning:before{background:var(--color-warning-solid)}.e-badge--danger{background:var(--color-danger-bg);color:var(--color-danger-fg)}.e-badge--danger:before{background:var(--color-danger-solid)}.e-badge--info{background:var(--color-info-bg);color:var(--color-info-fg)}.e-badge--info:before{background:var(--color-info-solid)}.e-alert{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) 14px;border-radius:var(--radius-md);border:1px solid var(--color-info-border);background:var(--color-info-bg);color:var(--color-info-fg);font:var(--text-body-sm)}.e-alert--success{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success-fg)}.e-alert--warning{border-color:var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning-fg)}.e-alert--danger{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger-fg)}.e-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.e-page-header__title{font:var(--text-h1);letter-spacing:-.01em;color:var(--color-text)}.e-page-header__subtitle{margin-top:var(--space-1);color:var(--color-text-secondary)}.e-page-header__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.e-skeleton{border-radius:4px;background:linear-gradient(90deg,var(--color-border-subtle) 25%,var(--color-surface-hover) 50%,var(--color-border-subtle) 75%);background-size:200% 100%;animation:e-shimmer 1.4s ease infinite}@keyframes e-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.e-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);text-align:center;color:var(--color-text-secondary);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.e-empty__title{font:var(--text-h3);color:var(--color-text)}.e-mono{font:var(--text-mono)}.e-num{font-variant-numeric:tabular-nums}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--space-4)}.ltr-isolate{direction:ltr;unicode-bidi:isolate}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.text-muted{color:var(--color-text-secondary)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.modern-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--card-padding)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;font:500 14px/20px var(--font-sans);cursor:pointer;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover)}.badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--radius-full);font:var(--text-caption)}.badge-default{background:var(--color-border-subtle);color:var(--color-text-secondary)}.badge-primary{background:var(--color-info-bg);color:var(--color-info-fg)}.badge-success{background:var(--color-success-bg);color:var(--color-success-fg)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-fg)}.badge-destructive{background:var(--color-danger-bg);color:var(--color-danger-fg)}.modern-input{width:100%}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-inline:var(--space-4)}.py-2{padding-block:var(--space-2)}.m-4{margin:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--duration) var(--ease)}.animate-slide-in{animation:slideIn var(--duration) var(--ease)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}[dir=rtl] .page-header,[dir=rtl] .workspace-tabs,[dir=rtl] .actions{direction:rtl}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch!important;gap:var(--space-4)}.header-actions,.actions{flex-wrap:wrap}.mat-mdc-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.mat-mdc-paginator{overflow-x:auto}}@media(max-width:480px){.account-page,.workspace-page,.dashboard-modern,.conversations-modern,.page-container{padding:var(--space-4)!important}}