.app-update-required{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:max(1.25rem,var(--safe-area-top, env(safe-area-inset-top, 0px))) 1.5rem max(1.25rem,var(--safe-area-bottom, env(safe-area-inset-bottom, 0px)));background:radial-gradient(ellipse 70% 45% at 50% 0%,var(--splash-glow, rgba(201, 162, 39, .14)),transparent 70%),var(--bg-page, var(--splash-bg, #f5f6f9));direction:rtl;box-sizing:border-box}.app-update-required__card{width:min(100%,22rem);padding:2rem 1.5rem;text-align:center;border:1px solid color-mix(in srgb,var(--color-gold-400, #c9a227) 22%,var(--border-default, #dde1e9));border-radius:var(--radius-lg, 12px);background:var(--bg-surface, var(--splash-surface, #ffffff));box-shadow:var(--shadow-lg, 0 12px 40px rgba(17, 24, 39, .08))}.app-update-required__icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-bottom:1rem;border-radius:50%;background:color-mix(in srgb,var(--color-gold-400, #c9a227) 14%,transparent);color:var(--color-gold-600, var(--splash-gold-500, #b8922a))}.app-update-required__title{margin:0;font-size:var(--text-lg, 1.125rem);font-weight:var(--font-bold, 700);color:var(--text-primary, var(--splash-text, #111827));line-height:1.35}.app-update-required__description{margin:.75rem 0 0;font-size:var(--text-sm, .875rem);color:var(--text-secondary, var(--splash-muted, #6b7280));line-height:1.6}.app-update-required__action{margin-top:1.5rem;min-width:10rem;display:flex;justify-content:center}.app-update-required__action:empty{display:none}.app-update-required--error .app-update-required__icon{background:color-mix(in srgb,var(--color-error-500, #ef4444) 12%,transparent);color:var(--color-error-600, #dc2626)}.app-update-required--error .app-update-required__card{border-color:color-mix(in srgb,var(--color-error-500, #ef4444) 18%,var(--border-default, #dde1e9))}:root{--color-gold-50: #faf6ed;--color-gold-100: #f3ead4;--color-gold-200: #e6d4a8;--color-gold-300: #d4b86a;--color-gold-400: #c9a227;--color-gold-500: #b8922a;--color-gold-600: #9a7b24;--color-gold-700: #7d6320;--color-neutral-0: #ffffff;--color-neutral-50: #f5f6f9;--color-neutral-100: #eceef3;--color-neutral-200: #dde1e9;--color-neutral-300: #c5cbd6;--color-neutral-400: #9aa3b2;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #0a0d12;--color-slate-850: #2e3748;--color-slate-900: #252d3d;--color-slate-925: #1e2636;--color-slate-950: #181e2b;--color-slate-975: #141924;--color-success-500: #0d9f6e;--color-success-600: #0a8f5a;--color-error-500: #dc2626;--color-error-600: #b91c1c;--color-danger-500: var(--color-error-500);--color-danger-600: var(--color-error-600);--color-info-500: #2563eb;--color-info-600: #1d4ed8;--color-warning-500: #d97706;--color-warning-600: #b45309;--color-pending-500: #f59e0b;--color-pending-600: #b45309;--color-secondary-500: #64748b;--color-secondary-600: #475569;--font-family-sans: PeydaWeb, system-ui, sans-serif;--font-family-mono: ui-monospace, "SF Mono", Menlo, monospace;--font-scale: 1;--text-xs: calc(.75rem * var(--font-scale));--text-sm: calc(.8125rem * var(--font-scale));--text-base: calc(.9375rem * var(--font-scale));--text-md: calc(1rem * var(--font-scale));--text-lg: calc(1.125rem * var(--font-scale));--text-xl: calc(1.25rem * var(--font-scale));--text-2xl: calc(1.5rem * var(--font-scale));--text-3xl: calc(1.875rem * var(--font-scale));--text-4xl: calc(2.25rem * var(--font-scale));--text-display: clamp(calc(1.75rem * var(--font-scale)), 4vw, calc(2.5rem * var(--font-scale)));--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 7px;--radius-lg: 9px;--radius-xl: 12px;--radius-2xl: 14px;--radius-full: 9999px;--radius-button: var(--radius-md);--shadow-xs: 0 1px 2px rgba(10, 13, 18, .03);--shadow-sm: 0 1px 4px rgba(10, 13, 18, .04);--shadow-md: 0 2px 8px rgba(10, 13, 18, .06);--shadow-lg: 0 4px 16px rgba(10, 13, 18, .08);--shadow-focus: 0 0 0 3px var(--focus-ring-color);--elevation-0: none;--elevation-1: var(--shadow-xs);--elevation-2: var(--shadow-sm);--elevation-3: var(--shadow-md);--elevation-4: var(--shadow-lg);--shadow-none: var(--elevation-0);--shadow-subtle: var(--elevation-1);--shadow-card: var(--elevation-2);--shadow-dropdown: var(--elevation-3);--shadow-modal: var(--elevation-4);--icon-sm: 16px;--icon-md: 18px;--icon-lg: 20px;--icon-xl: 24px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-instant: .1s;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-enter: .6s;--login-brand-width: 48%;--login-form-max: 420px;--touch-target-min: 44px;--layout-page-max: 960px;--layout-content-max: 720px;--layout-sidebar-width: 272px;--layout-header-height: 64px;--layout-nav-bar-height: 96px;--layout-page-padding-x: var(--space-4);--layout-page-padding-y: var(--space-5);--layout-page-padding-x-md: var(--space-8);--layout-page-padding-y-md: var(--space-10);--layout-section-gap: var(--space-8);--layout-card-gap: var(--space-4);--layout-form-gap: var(--space-4);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--mobile-nav-height: calc(76px + max(var(--space-3), var(--safe-area-bottom))) ;--nav-scroll-pad: var(--mobile-nav-height);--nav-fab-bottom: var(--mobile-nav-height)}html[data-device=apk]{--safe-area-top: max(env(safe-area-inset-top, 0px), 48px)}html[data-font-size=small]{--font-scale: .9}html[data-font-size=large]{--font-scale: 1.1}:root,[data-theme=light]{--bg-page: var(--color-neutral-50);--bg-sidebar: var(--color-neutral-0);--bg-surface: var(--color-neutral-0);--bg-surface-elevated: var(--color-neutral-0);--bg-subtle: var(--color-neutral-100);--bg-brand: #001a3f;--bg-brand-muted: #0a2a5c;--bg-input: var(--color-neutral-0);--bg-input-hover: var(--color-neutral-50);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-500);--text-inverse: var(--color-neutral-0);--text-brand: var(--color-neutral-100);--text-brand-muted: rgba(255, 255, 255, .72);--border-default: var(--color-neutral-200);--border-strong: var(--color-neutral-300);--border-focus: var(--brand);--brand: #0b5cd8;--brand-hover: #0a4bb5;--brand-active: #093d99;--brand-subtle: rgba(11, 92, 216, .05);--brand-deep: #001a3f;--accent: #feb500;--accent-subtle: rgba(254, 181, 0, .14);--accent-muted: rgba(254, 181, 0, .26);--accent-hover: rgb(204, 145, 0);--btn-primary: var(--brand);--btn-primary-bg: var(--brand);--btn-primary-bg-hover: var(--brand-hover);--btn-primary-text: #ffffff;--btn-secondary-bg: var(--bg-subtle);--btn-secondary-bg-hover: var(--color-neutral-200);--btn-secondary-text: var(--text-primary);--btn-disabled-bg: var(--color-neutral-100);--btn-disabled-text: var(--color-neutral-400);--text-muted: var(--text-tertiary);--text-disabled: var(--btn-disabled-text);--color-secondary: var(--color-secondary-500);--focus-ring-color: rgba(11, 92, 216, .28);--input-error-border: var(--color-error-500);--input-success-border: var(--color-success-500);--status-success-fg: var(--color-success-600);--status-success-bg: rgba(13, 159, 110, .12);--status-success-border: rgba(13, 159, 110, .28);--status-warning-fg: var(--color-warning-600);--status-warning-bg: rgba(217, 119, 6, .14);--status-warning-border: rgba(217, 119, 6, .3);--status-danger-fg: var(--color-error-600);--status-danger-bg: rgba(220, 38, 38, .12);--status-danger-border: rgba(220, 38, 38, .28);--status-info-fg: var(--color-info-600);--status-info-bg: rgba(37, 99, 235, .12);--status-info-border: rgba(37, 99, 235, .28);--status-pending-fg: var(--color-pending-600);--status-pending-bg: rgba(245, 158, 11, .14);--status-pending-border: rgba(245, 158, 11, .3);--trust-pill-bg: rgba(255, 255, 255, .08);--trust-pill-border: rgba(255, 255, 255, .12);--graphic-line: rgba(254, 181, 0, .42);--graphic-glow: rgba(254, 181, 0, .12);--org-primary: var(--brand);--org-accent: var(--accent);--org-gradient-from: var(--brand-deep);--org-gradient-via: rgb(2, 38, 91);--org-gradient-to: rgb(5, 56, 132);--shadow-xs: 0 1px 2px rgba(17, 24, 39, .04);--shadow-sm: 0 1px 4px rgba(17, 24, 39, .05);--shadow-md: 0 4px 12px rgba(17, 24, 39, .07);--shadow-lg: 0 8px 24px rgba(17, 24, 39, .09);--shadow-subtle: var(--shadow-xs);--shadow-card: var(--shadow-sm);--shadow-dropdown: var(--shadow-md);--shadow-modal: var(--shadow-lg);--color-primary: var(--brand);--color-primary-hover: var(--brand-hover);--color-primary-active: var(--brand-active);--border-subtle: var(--border-default);--surface-elevated: var(--bg-surface);--surface-muted: var(--bg-page)}[data-theme=dark]{--bg-page: var(--color-slate-975);--bg-sidebar: var(--color-slate-950);--bg-surface: var(--color-slate-925);--bg-surface-elevated: var(--color-slate-900);--bg-subtle: #1b2230;--bg-brand: var(--brand-deep);--bg-brand-muted: rgb(31, 53, 86);--bg-input: var(--color-slate-900);--bg-input-hover: var(--color-slate-850);--text-primary: #f3f5f9;--text-secondary: #b8c0ce;--text-tertiary: #8b95a8;--text-inverse: var(--color-slate-975);--text-brand: #f3f5f9;--text-brand-muted: rgba(243, 245, 249, .72);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--border-focus: rgb(121, 165, 234);--accent-subtle: rgba(254, 181, 0, .16);--accent-muted: rgba(254, 181, 0, .26);--accent-hover: rgb(254, 203, 77);--color-success-500: #34d399;--color-success-600: #22c55e;--color-error-500: #f87171;--color-error-600: #ef4444;--color-danger-500: var(--color-error-500);--color-danger-600: var(--color-error-600);--color-info-500: #60a5fa;--color-info-600: #3b82f6;--color-warning-500: #fbbf24;--color-warning-600: #f59e0b;--color-pending-500: #fbbf24;--color-pending-600: #f59e0b;--color-secondary-500: #94a3b8;--color-secondary-600: #cbd5e1;--btn-primary: var(--brand);--btn-primary-bg: var(--brand);--btn-primary-bg-hover: var(--brand-hover);--btn-primary-text: #ffffff;--btn-secondary-bg: var(--bg-subtle);--btn-secondary-bg-hover: var(--color-slate-850);--btn-secondary-text: var(--text-primary);--btn-disabled-bg: var(--color-slate-900);--btn-disabled-text: #8b95a8;--text-muted: var(--text-tertiary);--text-disabled: var(--btn-disabled-text);--color-secondary: var(--color-secondary-500);--focus-ring-color: rgba(11, 92, 216, .32);--input-error-border: var(--color-error-500);--input-success-border: var(--color-success-500);--status-success-fg: var(--color-success-500);--status-success-bg: rgba(52, 211, 153, .16);--status-success-border: rgba(52, 211, 153, .32);--status-warning-fg: var(--color-warning-500);--status-warning-bg: rgba(251, 191, 36, .16);--status-warning-border: rgba(251, 191, 36, .32);--status-danger-fg: var(--color-error-500);--status-danger-bg: rgba(248, 113, 113, .16);--status-danger-border: rgba(248, 113, 113, .32);--status-info-fg: var(--color-info-500);--status-info-bg: rgba(96, 165, 250, .16);--status-info-border: rgba(96, 165, 250, .32);--status-pending-fg: var(--color-pending-500);--status-pending-bg: rgba(251, 191, 36, .16);--status-pending-border: rgba(251, 191, 36, .32);--trust-pill-bg: rgba(255, 255, 255, .08);--trust-pill-border: rgba(255, 255, 255, .12);--graphic-line: rgba(254, 181, 0, .42);--graphic-glow: rgba(254, 181, 0, .14);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .18);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .22);--shadow-md: 0 4px 14px rgba(0, 0, 0, .28);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .36);--shadow-subtle: var(--shadow-xs);--shadow-card: var(--shadow-sm);--shadow-dropdown: var(--shadow-md);--shadow-modal: var(--shadow-lg);--color-primary: var(--brand);--color-primary-hover: var(--brand-hover);--color-primary-active: var(--brand-active);--border-subtle: var(--border-default);--surface-elevated: var(--bg-surface);--surface-muted: var(--bg-page)}@supports (color: color-mix(in srgb,red 50%,blue)){:root,[data-theme=light]{--accent-subtle: color-mix(in srgb, var(--accent) 14%, transparent);--accent-muted: color-mix(in srgb, var(--accent) 26%, transparent);--accent-hover: color-mix(in srgb, var(--accent) 78%, #1a1200);--focus-ring-color: color-mix(in srgb, var(--brand) 28%, transparent);--status-success-bg: color-mix(in srgb, var(--color-success-500) 12%, transparent);--status-success-border: color-mix(in srgb, var(--color-success-500) 28%, transparent);--status-warning-bg: color-mix(in srgb, var(--color-warning-500) 14%, transparent);--status-warning-border: color-mix(in srgb, var(--color-warning-500) 30%, transparent);--status-danger-bg: color-mix(in srgb, var(--color-error-500) 12%, transparent);--status-danger-border: color-mix(in srgb, var(--color-error-500) 28%, transparent);--status-info-bg: color-mix(in srgb, var(--color-info-500) 12%, transparent);--status-info-border: color-mix(in srgb, var(--color-info-500) 28%, transparent);--status-pending-bg: color-mix(in srgb, var(--color-pending-500) 14%, transparent);--status-pending-border: color-mix(in srgb, var(--color-pending-500) 30%, transparent);--graphic-line: color-mix(in srgb, var(--accent) 42%, transparent);--graphic-glow: color-mix(in srgb, var(--accent) 12%, transparent);--org-gradient-via: color-mix(in srgb, var(--brand-deep) 82%, var(--brand));--org-gradient-to: color-mix(in srgb, var(--brand-deep) 55%, var(--brand))}[data-theme=dark]{--bg-brand-muted: color-mix(in srgb, var(--brand-deep) 88%, #fff);--border-focus: color-mix(in srgb, var(--brand) 55%, #fff);--accent-subtle: color-mix(in srgb, var(--accent) 16%, transparent);--accent-muted: color-mix(in srgb, var(--accent) 26%, transparent);--accent-hover: color-mix(in srgb, var(--accent) 70%, #fff);--focus-ring-color: color-mix(in srgb, var(--brand) 32%, transparent);--status-success-bg: color-mix(in srgb, var(--color-success-500) 16%, transparent);--status-success-border: color-mix(in srgb, var(--color-success-500) 32%, transparent);--status-warning-bg: color-mix(in srgb, var(--color-warning-500) 16%, transparent);--status-warning-border: color-mix(in srgb, var(--color-warning-500) 32%, transparent);--status-danger-bg: color-mix(in srgb, var(--color-error-500) 16%, transparent);--status-danger-border: color-mix(in srgb, var(--color-error-500) 32%, transparent);--status-info-bg: color-mix(in srgb, var(--color-info-500) 16%, transparent);--status-info-border: color-mix(in srgb, var(--color-info-500) 32%, transparent);--status-pending-bg: color-mix(in srgb, var(--color-pending-500) 16%, transparent);--status-pending-border: color-mix(in srgb, var(--color-pending-500) 32%, transparent);--graphic-line: color-mix(in srgb, var(--accent) 42%, transparent);--graphic-glow: color-mix(in srgb, var(--accent) 14%, transparent)}}:root{--bg-page-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.45 0 0 0 0 0.48 0 0 0 0 0.55 0 0 0 0.045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--bg-page-image: var(--bg-page-grain), radial-gradient(55% 45% at 88% 8%, rgba(11, 92, 216, .16), transparent 70%), radial-gradient(50% 40% at 12% 92%, rgba(254, 181, 0, .14), transparent 68%), radial-gradient(40% 35% at 70% 78%, rgba(11, 92, 216, .06), transparent 70%), radial-gradient(120% 80% at 50% 120%, rgba(17, 24, 39, .03), transparent 55%);--bg-page-size: 180px 180px, auto, auto, auto, auto;--bg-page-position: 0 0, center, center, center, center;--bg-page-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat}html[data-theme=dark]{--bg-page-image: var(--bg-page-grain), radial-gradient(55% 45% at 88% 8%, rgba(11, 92, 216, .22), transparent 70%), radial-gradient(50% 40% at 12% 92%, rgba(254, 181, 0, .18), transparent 68%), radial-gradient(40% 35% at 70% 78%, rgba(11, 92, 216, .09), transparent 70%), radial-gradient(120% 80% at 50% 120%, rgba(0, 0, 0, .35), transparent 55%)}@supports (color: color-mix(in srgb,red 50%,blue)){:root{--bg-page-image: var(--bg-page-grain), radial-gradient(55% 45% at 88% 8%, color-mix(in srgb, var(--brand) 16%, transparent), transparent 70%), radial-gradient(50% 40% at 12% 92%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 68%), radial-gradient(40% 35% at 70% 78%, color-mix(in srgb, var(--brand) 6%, transparent), transparent 70%), radial-gradient(120% 80% at 50% 120%, color-mix(in srgb, var(--text-primary) 3%, transparent), transparent 55%)}html[data-theme=dark]{--bg-page-image: var(--bg-page-grain), radial-gradient(55% 45% at 88% 8%, color-mix(in srgb, var(--brand) 22%, transparent), transparent 70%), radial-gradient(50% 40% at 12% 92%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 68%), radial-gradient(40% 35% at 70% 78%, color-mix(in srgb, var(--brand) 9%, transparent), transparent 70%), radial-gradient(120% 80% at 50% 120%, color-mix(in srgb, #000 35%, transparent), transparent 55%)}}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-button);font-family:inherit;font-weight:var(--font-semibold);line-height:var(--leading-tight);cursor:pointer;transition:background var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out),filter var(--duration-fast) var(--ease-in-out);text-decoration:none}.app-btn:disabled,.app-btn[aria-disabled=true]{cursor:not-allowed;opacity:.65}.app-btn--full{width:100%}.app-btn--sm{min-height:36px;padding:0 var(--space-3);font-size:var(--text-sm)}.app-btn--md{min-height:48px;padding:0 var(--space-4);font-size:var(--text-base)}.app-btn--lg{min-height:56px;padding:0 var(--space-5);font-size:var(--text-md)}.app-btn--primary{background:var(--btn-primary-bg, var(--color-neutral-900));color:var(--btn-primary-text, var(--color-neutral-0))}.app-btn--primary:not(:disabled):hover{background:var(--btn-primary-bg-hover, var(--color-neutral-800))}.app-btn--outline{background:transparent;color:var(--btn-primary-bg, var(--text-primary));border:1px solid var(--border-strong)}.app-btn--outline:not(:disabled):hover{background:var(--bg-input-hover)}.app-btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.app-btn--ghost:not(:disabled):hover{background:var(--bg-input-hover);color:var(--text-primary)}.app-btn--link{background:transparent;color:var(--accent);border:none;min-height:auto;padding:0;font-weight:var(--font-medium)}.app-btn--link:not(:disabled):hover{color:var(--accent-hover);text-decoration:underline}.app-btn--danger{background:var(--color-error-500);color:var(--color-neutral-0)}.app-btn--danger:not(:disabled):hover{background:var(--color-error-600)}.app-btn--success{background:var(--color-success-500);color:var(--color-neutral-0)}.app-btn--auth{width:100%;min-height:52px;border-radius:var(--radius-button);background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:var(--text-md)}.app-btn--auth:not(:disabled):hover{background:var(--btn-primary-bg-hover)}.app-btn__skeleton{width:1.25em;height:.75em;border-radius:var(--radius-sm);background:linear-gradient(90deg,color-mix(in srgb,currentColor 18%,transparent),color-mix(in srgb,currentColor 32%,transparent),color-mix(in srgb,currentColor 18%,transparent));background-size:200% 100%;animation:app-skeleton-shimmer 1.4s ease-in-out infinite;flex-shrink:0}.app-field{display:flex;flex-direction:column;gap:var(--space-2)}.app-field__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.app-field__control{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-family:inherit;transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out)}.app-field__control:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.app-field__control--sm{min-height:36px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.app-field__control--md{min-height:44px;padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.app-field__control--lg{min-height:52px;padding:var(--space-3) var(--space-4);font-size:var(--text-md)}.app-field--error .app-field__control{border-color:var(--input-error-border)}.app-field__hint{margin:0;font-size:var(--text-xs);color:var(--text-tertiary)}.app-field__error{margin:0;font-size:var(--text-xs);color:var(--color-error-500)}.app-field__required{margin-inline-start:.2rem;color:var(--color-error-500)}.app-field__affix{display:flex;align-items:stretch;width:100%;direction:ltr;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-input);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out)}.app-field__affix:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.app-field--error .app-field__affix{border-color:var(--input-error-border)}.app-field__affix--sm{min-height:36px}.app-field__affix--md{min-height:44px}.app-field__affix--lg{min-height:52px}.app-field__prefix{display:inline-flex;align-items:center;padding-inline:var(--space-3);border-inline-end:1px solid var(--border-default);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-semibold);background:color-mix(in srgb,var(--bg-page) 70%,var(--bg-input))}.app-field__control--bare{border:0;border-radius:0;box-shadow:none;min-height:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);background:transparent}.app-field__control--bare:focus{outline:none;border-color:transparent;box-shadow:none}.app-select__wrap{position:relative}.app-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-family:inherit;text-align:start;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out)}.app-select__trigger:focus-visible,.app-select__trigger.is-open{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.app-select__trigger--valid{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-default))}.app-select__trigger:disabled{opacity:.65;cursor:not-allowed}.app-select__trigger--sm{min-height:36px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.app-select__trigger--md{min-height:44px;padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.app-select__trigger--lg{min-height:52px;padding:var(--space-3) var(--space-4);font-size:var(--text-md)}.app-select__value{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-select__value--placeholder{color:var(--text-tertiary)}.app-select__chevron{flex-shrink:0;color:var(--text-tertiary);transition:transform var(--duration-fast) var(--ease-in-out)}.app-select__trigger.is-open .app-select__chevron{transform:rotate(180deg)}.app-select__menu{position:absolute;top:calc(100% + .35rem);inset-inline:0;z-index:40;margin:0;padding:var(--space-1);list-style:none;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border-default));border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--elevation-3);max-height:14rem;overflow-y:auto}.app-select__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:.7rem .8rem;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font:inherit;text-align:start;cursor:pointer}.app-select__option:hover,.app-select__option.is-active{background:color-mix(in srgb,var(--accent) 12%,transparent)}.app-select__option.is-active{color:var(--accent-hover)}.app-select__option:disabled{opacity:.5;cursor:not-allowed}.app-select__option-copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}.app-select__option-label{font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-tight)}.app-select__option-description{font-size:var(--text-xs);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-field--error .app-select__trigger{border-color:var(--input-error-border)}.app-field__check,.app-field__switch{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.app-field__check input,.app-field__switch input{width:18px;height:18px;accent-color:var(--brand);cursor:pointer}.app-field__switch input{appearance:none;-webkit-appearance:none;position:relative;width:44px;height:26px;flex-shrink:0;border:none;border-radius:var(--radius-full);background:color-mix(in srgb,var(--text-tertiary) 28%,var(--bg-page));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-default) 80%,transparent);transition:background var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out)}.app-field__switch input:before{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:var(--radius-full);background:var(--bg-surface);box-shadow:var(--shadow-xs);transition:inset-inline-start var(--duration-fast) var(--ease-in-out)}.app-field__switch input:checked{background:var(--brand);box-shadow:none}.app-field__switch input:checked:before{inset-inline-start:calc(100% - 23px)}.app-field__switch input:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.app-field__switch input:disabled{opacity:.55;cursor:not-allowed}.app-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--bg-page) 35%,rgba(0,0,0,.45));backdrop-filter:blur(4px)}.app-modal__dialog{width:min(100%,480px);max-height:min(88vh,640px);max-height:min(88dvh,640px);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 8%,var(--bg-surface)) 0%,var(--bg-surface) 42%,var(--bg-surface) 100%);border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border-default));box-shadow:var(--elevation-3),inset 0 1px color-mix(in srgb,var(--color-neutral-0) 75%,transparent)}[data-theme=dark] .app-modal__dialog{background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 10%,var(--bg-surface)) 0%,var(--bg-surface) 52%,var(--bg-surface) 100%);border-color:color-mix(in srgb,var(--accent) 18%,var(--border-default));box-shadow:var(--elevation-3),inset 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.app-modal__dialog--sm{width:min(100%,400px)}.app-modal__dialog--lg{width:min(100%,560px)}.app-modal__header{text-align:center}.app-modal__icon-wrap{display:grid;place-items:center;width:56px;height:56px;margin:0 auto var(--space-3);border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 14%,var(--bg-page));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border-default));color:var(--accent-hover)}.app-modal__title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.app-modal__subtitle{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.app-modal__body{flex:1;min-height:0;overflow-y:auto}.app-modal__footer{display:flex;flex-direction:column;gap:var(--space-3)}.app-drawer{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--bg-page) 20%,rgba(0,0,0,.5))}.app-drawer__panel{width:100%;max-width:560px;max-height:90vh;max-height:90dvh;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 8%,var(--bg-surface)) 0%,var(--bg-surface) 42%,var(--bg-surface) 100%);border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border-default));border-bottom:none;box-shadow:var(--elevation-3),inset 0 1px color-mix(in srgb,var(--color-neutral-0) 75%,transparent)}[data-theme=dark] .app-drawer__panel{background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 10%,var(--bg-surface)) 0%,var(--bg-surface) 52%,var(--bg-surface) 100%);border-color:color-mix(in srgb,var(--accent) 18%,var(--border-default));box-shadow:var(--elevation-3),inset 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.app-drawer__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.app-drawer__body{flex:1;min-height:0;overflow-y:auto}.app-drawer__footer{display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0}.app-card{border-radius:var(--radius-xl);background:var(--bg-surface)}.app-card--default{border:1px solid var(--border-default)}.app-card--outlined{border:1px dashed var(--border-strong);background:transparent}.app-card--elevated{border:1px solid var(--border-default);box-shadow:var(--elevation-1)}.app-card--pad-sm{padding:var(--space-3)}.app-card--pad-md{padding:var(--space-4)}.app-card--pad-lg{padding:var(--space-6)}.app-table-wrap{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--border-default)}.app-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.app-table th,.app-table td{padding:var(--space-3) var(--space-4);text-align:right;border-bottom:1px solid var(--border-default)}.app-table th{font-weight:var(--font-semibold);color:var(--text-secondary);background:color-mix(in srgb,var(--bg-page) 60%,transparent)}.app-table tr:last-child td{border-bottom:none}.app-table__empty{padding:var(--space-8);text-align:center;color:var(--text-tertiary)}.app-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) 0 0}.app-pagination__page{font-size:var(--text-sm);color:var(--text-secondary)}.app-pagination__page strong{color:var(--text-primary);font-weight:var(--font-semibold)}.app-badge{display:inline-flex;align-items:center;border-radius:var(--radius-md);font-weight:var(--font-medium);white-space:nowrap}.app-badge--sm{padding:2px var(--space-2);font-size:var(--text-xs)}.app-badge--md{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.app-badge--default{background:var(--bg-input);color:var(--text-secondary)}.app-badge--success{background:color-mix(in srgb,var(--color-success-500) 15%,transparent);color:var(--color-success-600)}.app-badge--warning{background:color-mix(in srgb,var(--color-gold-400) 20%,transparent);color:var(--color-gold-600)}.app-badge--error{background:color-mix(in srgb,var(--color-error-500) 12%,transparent);color:var(--color-error-600)}.app-badge--info{background:color-mix(in srgb,var(--color-info-500) 12%,transparent);color:var(--color-info-500)}.app-tag{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-weight:var(--font-medium)}.app-tag--sm{padding:2px var(--space-2);font-size:var(--text-xs)}.app-tag--md{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.app-tag--default{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-default)}.app-tag--accent{background:var(--accent-subtle);color:var(--accent-hover);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.app-tag__remove{display:grid;place-items:center;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;opacity:.7}.app-avatar{display:grid;place-items:center;border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--accent);font-weight:var(--font-semibold);overflow:hidden;flex-shrink:0}.app-avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.app-avatar--md{width:40px;height:40px;font-size:var(--text-sm)}.app-avatar--lg{width:56px;height:56px;font-size:var(--text-md)}.app-avatar--xl{width:80px;height:80px;font-size:var(--text-xl)}.app-avatar img{width:100%;height:100%;object-fit:cover}.app-loader{display:grid;place-items:center;width:min(100%,320px)}.app-loader__skeleton{display:grid;gap:var(--space-3);width:100%}.app-boot-skeleton{display:grid;gap:var(--space-6);width:min(100%,480px);padding:var(--space-6)}.app-boot-skeleton__header{display:flex;align-items:center;gap:var(--space-4)}.app-boot-skeleton__avatar{width:48px;height:48px;flex-shrink:0}.app-boot-skeleton__header-copy{display:grid;gap:var(--space-2);flex:1}.app-boot-skeleton__title{width:45%;height:16px}.app-boot-skeleton__subtitle{width:70%;height:12px}.app-boot-skeleton__content{display:grid;gap:var(--space-4)}.app-table-wrap--loading{padding:var(--space-2) 0}.app-table-skeleton{display:grid;gap:var(--space-3)}.app-table-skeleton__head,.app-table-skeleton__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:var(--space-3)}.app-table-skeleton__cell{height:14px}.app-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);border-radius:var(--radius-2xl);background:var(--bg-surface);border:1px dashed var(--border-strong);text-align:center}.app-empty--compact{padding:var(--space-8) var(--space-4)}.app-empty--error{border-color:color-mix(in srgb,var(--color-error-500) 30%,var(--border-strong))}.app-empty__icon{width:64px;height:64px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--accent)}.app-empty--error .app-empty__icon{background:color-mix(in srgb,var(--color-error-500) 10%,transparent);color:var(--color-error-500)}.app-empty__title{margin:0;font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary)}.app-empty__description{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:36ch}.app-empty__action{margin-top:var(--space-2)}.app-page-header{margin-bottom:var(--space-8)}.app-page-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.app-page-header__eyebrow{margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.02em;color:var(--text-tertiary)}.app-page-header__title{margin:0 0 var(--space-3);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.app-page-header__subtitle{margin:0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:42ch}.app-skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-input) 0%,color-mix(in srgb,var(--bg-input-hover) 80%,var(--bg-input)) 50%,var(--bg-input) 100%);background-size:200% 100%;animation:app-skeleton-shimmer 1.4s ease-in-out infinite}.app-skeleton--bar{height:12px;width:100%}.app-skeleton--row{height:56px;width:100%;border-radius:var(--radius-lg)}.app-skeleton--card{height:120px;width:100%;border-radius:var(--radius-xl)}.app-skeleton--circle{width:48px;height:48px;border-radius:var(--radius-full)}.app-skeleton--text{height:1em;width:70%}@keyframes app-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.app-tooltip{position:relative;display:inline-flex}.app-tooltip__bubble{position:absolute;z-index:50;left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-neutral-900);color:var(--color-neutral-0);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-in-out)}.app-tooltip--top .app-tooltip__bubble{bottom:calc(100% + var(--space-2))}.app-tooltip--bottom .app-tooltip__bubble{top:calc(100% + var(--space-2))}.app-tooltip:hover .app-tooltip__bubble,.app-tooltip:focus-within .app-tooltip__bubble{opacity:1}.app-notice{margin-bottom:0}.app-notice__shell{padding:var(--space-4);border-radius:var(--radius-md);background:linear-gradient(165deg,color-mix(in srgb,var(--brand) 6%,var(--bg-surface)) 0%,var(--bg-surface) 100%);border:1px solid color-mix(in srgb,var(--brand) 14%,var(--border-default));box-shadow:var(--elevation-1),inset 0 1px color-mix(in srgb,var(--color-neutral-0) 65%,transparent)}[data-theme=dark] .app-notice__shell{box-shadow:var(--elevation-1),inset 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.app-notice__head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.app-notice__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-page) 60%,transparent);color:var(--text-secondary);flex-shrink:0}.app-notice__title{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.app-notice__body{--notice-max-lines: 6;margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);white-space:pre-line;overflow-wrap:anywhere}.app-notice__body--clamped{max-height:calc(1em * var(--leading-relaxed) * var(--notice-max-lines));overflow:hidden}.app-notice__toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-1);width:calc(100% + 2 * var(--space-4));margin:var(--space-3) calc(-1 * var(--space-4)) calc(-1 * var(--space-4));padding:var(--space-3);border:none;border-top:1px solid color-mix(in srgb,var(--border-default) 70%,transparent);border-radius:0 0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px);background:transparent;color:var(--brand);font-size:var(--text-xs);font-weight:var(--font-semibold);font-family:inherit;cursor:pointer;transition:color var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out)}.app-notice__toggle:hover{color:var(--brand-hover);background:color-mix(in srgb,var(--brand) 6%,transparent)}.app-notice__toggle:active{background:color-mix(in srgb,var(--brand) 10%,transparent)}.app-notice__toggle:focus-visible{outline:none;box-shadow:inset var(--shadow-focus)}.app-notice__toggle-icon{flex-shrink:0;transition:transform var(--duration-fast) var(--ease-in-out)}.app-notice__toggle--expanded .app-notice__toggle-icon{transform:rotate(180deg)}.app-modal__icon-wrap--success{color:var(--color-success-600);background:color-mix(in srgb,var(--color-success-500) 12%,transparent)}.app-modal__icon-wrap--warning{color:var(--color-gold-600);background:color-mix(in srgb,var(--color-gold-400) 12%,transparent)}.app-modal__icon-wrap--danger{color:var(--color-error-600);background:color-mix(in srgb,var(--color-error-500) 12%,transparent)}.app-pagination--footer{position:fixed;z-index:25;inset-inline:0;bottom:var(--nav-fab-bottom);padding:var(--space-2) var(--space-4);background:color-mix(in srgb,var(--bg-page) 90%,transparent);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-top:1px solid color-mix(in srgb,var(--border-default) 80%,transparent);box-shadow:0 -4px 20px color-mix(in srgb,var(--bg-page) 40%,transparent)}@media(min-width:768px){.app-pagination--footer{position:sticky;bottom:0;margin-top:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-default);box-shadow:var(--elevation-1)}}.app-infinite-sentinel{min-height:1px;padding-top:var(--space-2)}.app-btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-default)}.app-btn--secondary:not(:disabled):hover{background:var(--btn-secondary-bg-hover)}.app-badge--pending{background:var(--status-pending-bg);color:var(--status-pending-fg)}.app-icon-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-button);background:transparent;color:var(--text-secondary);font-family:inherit;cursor:pointer;flex-shrink:0;transition:background var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out)}.app-icon-btn:disabled{cursor:not-allowed;opacity:.65}.app-icon-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.app-icon-btn--sm{width:36px;height:36px}.app-icon-btn--md{width:var(--touch-target-min);height:var(--touch-target-min)}.app-icon-btn--lg{width:48px;height:48px}.app-icon-btn--ghost{background:transparent;color:var(--text-secondary)}.app-icon-btn--ghost:not(:disabled):hover{background:var(--bg-input-hover);color:var(--text-primary)}.app-icon-btn--outline{background:transparent;border-color:var(--border-strong);color:var(--text-primary)}.app-icon-btn--outline:not(:disabled):hover{background:var(--bg-input-hover)}.app-icon-btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:transparent}.app-icon-btn--primary:not(:disabled):hover{background:var(--btn-primary-bg-hover)}.app-icon-btn--danger{background:var(--status-danger-bg);color:var(--status-danger-fg);border-color:var(--status-danger-border)}.app-icon-btn--danger:not(:disabled):hover{background:color-mix(in srgb,var(--status-danger-bg) 70%,var(--status-danger-fg))}.app-form-field{display:flex;flex-direction:column;gap:var(--space-2)}.app-form-field__label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.app-form-field__required{color:var(--status-danger-fg)}.app-form-field__control{min-width:0}.app-form-field__hint{margin:0;font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-normal)}.app-form-field__error{margin:0;font-size:var(--text-xs);color:var(--status-danger-fg);line-height:var(--leading-normal)}.app-form-field--error .app-form-field__label{color:var(--status-danger-fg)}.app-page-hero{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:var(--elevation-1)}.app-page-hero__top{display:flex;align-items:center;gap:var(--space-3)}.app-page-hero__icon-wrap{flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--brand) 8%,var(--bg-subtle));border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border-default));color:var(--brand)}.app-page-hero__icon-wrap svg{width:20px;height:20px}.app-page-hero__copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.app-page-hero__title{margin:0;font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.app-page-hero__lead{margin:0;font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--text-secondary)}.app-page-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.app-page-hero__body{min-width:0}.app-record-card{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--bg-surface);border:1px solid var(--border-default);transition:border-color var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out)}.app-record-card--interactive{cursor:pointer}.app-record-card--interactive:hover{border-color:var(--border-strong);background:color-mix(in srgb,var(--bg-surface) 92%,var(--bg-subtle))}.app-record-card--interactive:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.app-record-card__icon{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text-secondary)}.app-record-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.app-record-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.app-record-card__title-wrap{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.app-record-card__title{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-snug)}.app-record-card__subtitle{margin:0;font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-normal)}.app-record-card__status{flex-shrink:0}.app-record-card__meta{font-size:var(--text-xs);color:var(--text-tertiary)}.app-record-card__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.app-record-card--pending{border-color:var(--status-pending-border)}.app-record-card--pending .app-record-card__icon{background:var(--status-pending-bg);color:var(--status-pending-fg)}.app-record-card--approved,.app-record-card--success{border-color:var(--status-success-border)}.app-record-card--approved .app-record-card__icon,.app-record-card--success .app-record-card__icon{background:var(--status-success-bg);color:var(--status-success-fg)}.app-record-card--rejected{border-color:var(--status-danger-border)}.app-record-card--rejected .app-record-card__icon{background:var(--status-danger-bg);color:var(--status-danger-fg)}.app-record-card--warning{border-color:var(--status-warning-border)}.app-record-card--warning .app-record-card__icon{background:var(--status-warning-bg);color:var(--status-warning-fg)}.app-record-card--info{border-color:var(--status-info-border)}.app-record-card--info .app-record-card__icon{background:var(--status-info-bg);color:var(--status-info-fg)}.app-form-steps{display:flex;align-items:flex-start;margin:0;padding:var(--space-2);list-style:none;border-radius:var(--radius-md);background:var(--bg-page);border:1px solid var(--border-default)}.app-form-steps__item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0;text-align:center}.app-form-steps__item:not(:last-child):after{content:"";position:absolute;top:10px;inset-inline-start:calc(50% + 12px);width:calc(100% - 24px);height:1px;background:var(--border-strong);pointer-events:none}.app-form-steps__dot{position:relative;z-index:1;display:grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-strong);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);line-height:1}.app-form-steps__item--active .app-form-steps__dot{background:var(--btn-primary-bg);border-color:transparent;color:var(--btn-primary-text)}.app-form-steps__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);line-height:var(--leading-snug);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.app-form-steps__item--active .app-form-steps__label{color:var(--text-primary)}.app-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.app-chip{min-height:var(--touch-target-min);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-button);background:var(--bg-page);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:inherit;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.app-chip--active{border-color:color-mix(in srgb,var(--brand) 50%,var(--border-strong));background:color-mix(in srgb,var(--brand) 8%,var(--bg-page));color:var(--brand)}.app-chip:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.app-search{display:flex;flex-direction:column;gap:var(--space-2)}.app-search__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.app-search__control{position:relative;display:flex;align-items:center}.app-search__icon{position:absolute;inset-inline-start:var(--space-3);display:grid;place-items:center;color:var(--text-tertiary);pointer-events:none}.app-search__input{width:100%;min-height:var(--touch-target-min);padding-block:var(--space-2);padding-inline:calc(var(--space-3) + 1.25rem + var(--space-2)) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-button);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);transition:border-color var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out)}.app-search--sm .app-search__input{min-height:36px;font-size:var(--text-sm)}.app-search--lg .app-search__input{min-height:52px;font-size:var(--text-md)}.app-search__input::placeholder{color:var(--text-tertiary)}.app-search__input:hover{background:var(--bg-input-hover)}.app-search__input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.app-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent}.app-alert__icon{flex-shrink:0;display:grid;place-items:center;margin-top:1px}.app-alert__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.app-alert__title{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.app-alert__body{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.app-alert__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:calc(-1 * var(--space-1));border:none;border-radius:var(--radius-md);background:transparent;color:inherit;cursor:pointer;opacity:.75;transition:opacity var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out)}.app-alert__close:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}.app-alert__close:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.app-alert--info{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info-fg)}.app-alert--success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-fg)}.app-alert--warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning-fg)}.app-alert--danger{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger-fg)}.app-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-lg);background:var(--bg-subtle);border:1px solid var(--border-default);overflow-x:auto}.app-tabs__btn{flex:1;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.app-tabs__btn:disabled{cursor:not-allowed;opacity:.5}.app-tabs__btn:not(:disabled):hover{color:var(--text-primary);background:color-mix(in srgb,var(--bg-surface) 60%,transparent)}.app-tabs__btn--active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--elevation-1)}.app-tabs__btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.app-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.app-section-header__copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.app-section-header__title{margin:0;font-size:var(--text-md);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.app-section-header__subtitle{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.app-section-header__actions{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2)}.app-stat{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-default)}.app-stat__icon{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text-secondary)}.app-stat__content{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.app-stat__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-tertiary)}.app-stat__value{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);display:inline-flex;align-items:baseline;gap:var(--space-1);flex-wrap:wrap}.app-stat__unit{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-tertiary)}.app-stat--positive .app-stat__value{color:var(--status-success-fg)}.app-stat--positive .app-stat__icon{background:var(--status-success-bg);color:var(--status-success-fg)}.app-stat--negative .app-stat__value{color:var(--status-danger-fg)}.app-stat--negative .app-stat__icon{background:var(--status-danger-bg);color:var(--status-danger-fg)}.app-stat--neutral .app-stat__value{color:var(--text-secondary)}.page{padding:var(--layout-page-padding-y) var(--layout-page-padding-x);max-width:var(--layout-page-max);margin:0 auto}.page__header{margin-bottom:var(--layout-section-gap)}.type-display{font-size:var(--text-display);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.type-h1{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.type-h2{font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--text-primary)}.type-h3{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--text-primary)}.type-h4{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--text-primary)}.type-body-lg{font-size:var(--text-md);font-weight:var(--font-regular);line-height:var(--leading-relaxed);color:var(--text-primary)}.type-body{font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-primary)}.type-body-sm{font-size:var(--text-sm);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-secondary)}.type-caption{font-size:var(--text-xs);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-tertiary)}.type-label{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--text-secondary)}.status-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--leading-tight);border:1px solid transparent}.status-chip--success{color:var(--status-success-fg);background:var(--status-success-bg);border-color:var(--status-success-border)}.status-chip--warning,.status-chip--pending{color:var(--status-pending-fg);background:var(--status-pending-bg);border-color:var(--status-pending-border)}.status-chip--danger,.status-chip--error{color:var(--status-danger-fg);background:var(--status-danger-bg);border-color:var(--status-danger-border)}.status-chip--info{color:var(--status-info-fg);background:var(--status-info-bg);border-color:var(--status-info-border)}.page__eyebrow{margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.02em;color:var(--text-tertiary)}.page__title{margin:0 0 var(--space-3);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.page__subtitle{margin:0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:42ch}.page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);border-radius:var(--radius-2xl);background:var(--bg-surface);border:1px dashed var(--border-strong)}.page__empty-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--accent)}.page__empty-icon svg{width:32px;height:32px}.page__empty-text{margin:0;font-size:var(--text-sm);color:var(--text-tertiary)}@media(min-width:768px){.page{padding:var(--layout-page-padding-y-md) var(--layout-page-padding-x-md)}}:root{font-family:var(--font-family-sans);line-height:1.5;font-weight:400;color:var(--text-primary, #213547);background-color:var(--bg-page, #f5f6f9);background-image:var(--bg-page-image, none);background-size:var(--bg-page-size, auto);background-position:var(--bg-page-position, center);background-repeat:var(--bg-page-repeat, no-repeat);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{font-size:106.25%;background-color:var(--bg-page, #f5f6f9);background-image:var(--bg-page-image, none);background-size:var(--bg-page-size, auto);background-position:var(--bg-page-position, center);background-repeat:var(--bg-page-repeat, no-repeat)}html,body,#root{min-height:100%;background-color:var(--bg-page, #f5f6f9);background-image:var(--bg-page-image, none);background-size:var(--bg-page-size, auto);background-position:var(--bg-page-position, center);background-repeat:var(--bg-page-repeat, no-repeat)}body{margin:0;direction:rtl}button,input{font:inherit}.app-loading{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--space-6);background-color:var(--bg-page, #f5f6f9);background-image:var(--bg-page-image, none);background-size:var(--bg-page-size, auto);background-position:var(--bg-page-position, center);background-repeat:var(--bg-page-repeat, no-repeat)}.ticket-thread__footer{margin-top:10px}.ticket-thread__chat-link{display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-tertiary);text-decoration:none}.ticket-thread__chat-link:hover{color:var(--text-secondary)}.app-toast-container{z-index:200}.app-toast-host{padding:0;background:transparent;box-shadow:none;border:none;max-width:min(92vw,420px)}.app-toast{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:var(--elevation-3);color:var(--text-primary);font-family:var(--font-family-sans);font-size:var(--text-sm);line-height:var(--leading-snug);direction:rtl;transform:translateY(-8px) scale(.98);opacity:0;transition:transform .28s var(--ease-out-expo),opacity .22s var(--ease-out-quart)}.app-toast--visible{transform:translateY(0) scale(1);opacity:1}.app-toast--hidden{transform:translateY(-6px) scale(.98);opacity:0}.app-toast--success{border-inline-start:3px solid var(--accent)}.app-toast--error{border-inline-start:3px solid var(--color-error-500)}.app-toast--default{border-inline-start:3px solid var(--color-info-500)}.app-toast__icon{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-page);color:var(--text-secondary)}.app-toast--success .app-toast__icon{color:var(--color-success-600);background:color-mix(in srgb,var(--color-success-500) 12%,var(--bg-page))}.app-toast--error .app-toast__icon{color:var(--color-error-600);background:color-mix(in srgb,var(--color-error-500) 10%,var(--bg-page))}.app-toast__message{flex:1;min-width:0;padding-top:4px}@media(prefers-reduced-motion:reduce){.app-toast{transition:none;transform:none;opacity:1}}.api-error-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 55%),color-mix(in srgb,var(--bg-page) 92%,var(--color-neutral-900));backdrop-filter:blur(6px);direction:rtl}.api-error-overlay__card{width:min(100%,26rem);padding:var(--space-8) var(--space-6);border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border-default));border-radius:var(--radius-lg);background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 7%,var(--bg-surface)) 0%,var(--bg-surface) 42%,var(--bg-surface) 100%);box-shadow:var(--shadow-lg),inset 0 1px color-mix(in srgb,var(--color-neutral-0) 70%,transparent);text-align:center}[data-theme=dark] .api-error-overlay__card{background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 9%,var(--bg-surface)) 0%,var(--bg-surface) 52%,var(--bg-surface) 100%);border-color:color-mix(in srgb,var(--accent) 16%,var(--border-default))}.api-error-overlay__icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-bottom:var(--space-4);border-radius:50%;background:color-mix(in srgb,var(--color-error-500) 12%,var(--bg-page));color:var(--color-error-600)}.api-error-overlay__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-snug)}.api-error-overlay__description{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.api-error-overlay__retry{margin-top:var(--space-6);min-width:10rem}