.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}:root{--font-sans: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", Consolas, "SFMono-Regular", monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-display: 2.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--leading-tight: 1.2;--leading-normal: 1.5;--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;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--touch-min: 36px;--control-sm: 30px;--control-md: 36px;--control-lg: 44px;--control-xl: 54px;--stepper-sm: 26px;--keypad-key: 52px;--header-height: 52px;--sidebar-width: 220px;--sidebar-rail: 60px;--nav-item-height: 36px;--cart-width: 360px;--product-card-min: 122px;--product-media-height: 64px;--product-emoji-size: 34px;--category-btn-height: 48px;--chip-height: 38px;--page-padding: var(--space-5);--section-padding: var(--space-4);--ease-out: cubic-bezier(.2, .8, .2, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--z-sticky: 10;--z-drawer: 900;--z-overlay: 1000;--z-toast: 1100;--z-lock: 1200;--brand-50: #eef4ff;--brand-100: #dbe6fe;--brand-200: #bfd3fe;--brand-300: #93b4fd;--brand-400: #608cfa;--brand-500: #3b66f5;--brand-600: #2549ea;--brand-700: #1d38d7;--brand-800: #1e30ae;--brand-900: #1e2f89}:root[data-density=touch]{--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-display: 3rem;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--touch-min: 44px;--control-sm: 36px;--control-md: 44px;--control-lg: 56px;--control-xl: 72px;--stepper-sm: 34px;--keypad-key: 64px;--header-height: 64px;--sidebar-width: 248px;--sidebar-rail: 76px;--nav-item-height: 46px;--cart-width: 400px;--product-card-min: 148px;--product-media-height: 92px;--product-emoji-size: 46px;--category-btn-height: 64px;--chip-height: 48px;--page-padding: var(--space-6);--section-padding: var(--space-5)}:root,:root[data-theme=light]{color-scheme:light;--color-bg: #f3f5f9;--color-bg-elevated: #ffffff;--color-surface: #ffffff;--chart-1: #2a78d6;--chart-2: #eb6834;--chart-3: #1baf7a;--chart-4: #eda100;--chart-5: #e87ba4;--chart-6: #008300;--chart-7: #4a3aa7;--chart-8: #e34948;--color-surface-2: #f7f8fb;--color-surface-3: #eef1f6;--color-surface-hover: #f0f3f8;--color-surface-pressed: #e4e8f0;--color-border: #e2e7ef;--color-border-strong: #cbd3e0;--color-text: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-text-disabled: #a0aabb;--color-text-inverse: #ffffff;--color-primary: var(--brand-600);--color-primary-hover: var(--brand-700);--color-primary-pressed: var(--brand-800);--color-primary-soft: var(--brand-50);--color-primary-soft-text: var(--brand-700);--color-on-primary: #ffffff;--color-success: #15803d;--color-success-bg: #e8f7ee;--color-success-strong: #16a34a;--color-warning: #b45309;--color-warning-bg: #fff4e0;--color-warning-strong: #f59e0b;--color-danger: #c81e1e;--color-danger-bg: #fdecec;--color-danger-strong: #dc2626;--color-info: #0369a1;--color-info-bg: #e6f4fb;--color-focus-ring: rgb(37 73 234 / 45%);--color-backdrop: rgb(15 23 42 / 45%);--color-skeleton: #e7ebf1;--color-skeleton-shine: #f5f7fa;--shadow-xs: 0 1px 2px rgb(15 23 42 / 6%);--shadow-sm: 0 1px 3px rgb(15 23 42 / 8%), 0 1px 2px rgb(15 23 42 / 4%);--shadow-md: 0 4px 12px rgb(15 23 42 / 8%), 0 2px 4px rgb(15 23 42 / 4%);--shadow-lg: 0 12px 32px rgb(15 23 42 / 12%), 0 4px 8px rgb(15 23 42 / 6%);--shadow-xl: 0 24px 64px rgb(15 23 42 / 18%)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0a0e1a;--color-bg-elevated: #121827;--color-surface: #121827;--chart-1: #3987e5;--chart-2: #d95926;--chart-3: #199e70;--chart-4: #c98500;--chart-5: #d55181;--chart-6: #008300;--chart-7: #9085e9;--chart-8: #e66767;--color-surface-2: #182033;--color-surface-3: #1f283d;--color-surface-hover: #1c2539;--color-surface-pressed: #253049;--color-border: #243049;--color-border-strong: #33415e;--color-text: #e8ecf4;--color-text-secondary: #c3cadb;--color-text-muted: #8d99b3;--color-text-disabled: #56627c;--color-text-inverse: #0a0e1a;--color-primary: var(--brand-500);--color-primary-hover: var(--brand-400);--color-primary-pressed: var(--brand-600);--color-primary-soft: rgb(59 102 245 / 16%);--color-primary-soft-text: var(--brand-300);--color-on-primary: #ffffff;--color-success: #4ade80;--color-success-bg: rgb(34 197 94 / 14%);--color-success-strong: #22c55e;--color-warning: #fbbf24;--color-warning-bg: rgb(245 158 11 / 14%);--color-warning-strong: #f59e0b;--color-danger: #f87171;--color-danger-bg: rgb(239 68 68 / 14%);--color-danger-strong: #ef4444;--color-info: #38bdf8;--color-info-bg: rgb(14 165 233 / 14%);--color-focus-ring: rgb(96 140 250 / 55%);--color-backdrop: rgb(2 6 16 / 65%);--color-skeleton: #1b2336;--color-skeleton-shine: #243049;--shadow-xs: 0 1px 2px rgb(0 0 0 / 30%);--shadow-sm: 0 1px 3px rgb(0 0 0 / 35%);--shadow-md: 0 4px 14px rgb(0 0 0 / 40%);--shadow-lg: 0 12px 32px rgb(0 0 0 / 45%);--shadow-xl: 0 24px 64px rgb(0 0 0 / 55%)}@media(prefers-color-scheme:dark){:root[data-theme=system]{color-scheme:dark;--color-bg: #0a0e1a;--color-bg-elevated: #121827;--color-surface: #121827;--chart-1: #3987e5;--chart-2: #d95926;--chart-3: #199e70;--chart-4: #c98500;--chart-5: #d55181;--chart-6: #008300;--chart-7: #9085e9;--chart-8: #e66767;--color-surface-2: #182033;--color-surface-3: #1f283d;--color-surface-hover: #1c2539;--color-surface-pressed: #253049;--color-border: #243049;--color-border-strong: #33415e;--color-text: #e8ecf4;--color-text-secondary: #c3cadb;--color-text-muted: #8d99b3;--color-text-disabled: #56627c;--color-text-inverse: #0a0e1a;--color-primary: var(--brand-500);--color-primary-hover: var(--brand-400);--color-primary-pressed: var(--brand-600);--color-primary-soft: rgb(59 102 245 / 16%);--color-primary-soft-text: var(--brand-300);--color-on-primary: #ffffff;--color-success: #4ade80;--color-success-bg: rgb(34 197 94 / 14%);--color-success-strong: #22c55e;--color-warning: #fbbf24;--color-warning-bg: rgb(245 158 11 / 14%);--color-warning-strong: #f59e0b;--color-danger: #f87171;--color-danger-bg: rgb(239 68 68 / 14%);--color-danger-strong: #ef4444;--color-info: #38bdf8;--color-info-bg: rgb(14 165 233 / 14%);--color-focus-ring: rgb(96 140 250 / 55%);--color-backdrop: rgb(2 6 16 / 65%);--color-skeleton: #1b2336;--color-skeleton-shine: #243049;--shadow-xs: 0 1px 2px rgb(0 0 0 / 30%);--shadow-sm: 0 1px 3px rgb(0 0 0 / 35%);--shadow-md: 0 4px 14px rgb(0 0 0 / 40%);--shadow-lg: 0 12px 32px rgb(0 0 0 / 45%);--shadow-xl: 0 24px 64px rgb(0 0 0 / 55%)}}:root{--sidebar-bg: var(--color-surface);--sidebar-ink: var(--color-text);--header-bg: var(--color-surface);--header-ink: var(--color-text);--color-icon: currentColor;--sidebar-text: color-mix(in srgb, var(--sidebar-ink) 80%, var(--sidebar-bg));--sidebar-muted: color-mix(in srgb, var(--sidebar-ink) 55%, var(--sidebar-bg));--sidebar-hover: color-mix(in srgb, var(--sidebar-ink) 7%, var(--sidebar-bg));--sidebar-border: color-mix(in srgb, var(--sidebar-ink) 12%, var(--sidebar-bg));--sidebar-active-bg: color-mix(in srgb, var(--brand-500) 18%, var(--sidebar-bg));--sidebar-active-text: color-mix(in srgb, var(--brand-500) 65%, var(--sidebar-ink));--header-text: color-mix(in srgb, var(--header-ink) 80%, var(--header-bg));--header-muted: color-mix(in srgb, var(--header-ink) 55%, var(--header-bg));--header-hover: color-mix(in srgb, var(--header-ink) 7%, var(--header-bg));--header-border: color-mix(in srgb, var(--header-ink) 12%, var(--header-bg))}:root[data-contrast=high]{--color-border: var(--color-border-strong);--color-text-muted: var(--color-text-secondary)}:root[lang=ur]{--font-sans: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Noto Naskh Arabic", "Segoe UI", Tahoma, sans-serif;--leading-normal: 1.8}:root[lang=ar]{--font-sans: "Noto Naskh Arabic", "Segoe UI", Tahoma, "Arabic Typesetting", sans-serif;--leading-normal: 1.65}:root[data-accent=emerald]{--brand-50: #ecfdf5;--brand-100: #d1fae5;--brand-200: #a7f3d0;--brand-300: #6ee7b7;--brand-400: #34d399;--brand-500: #10b981;--brand-600: #059669;--brand-700: #047857;--brand-800: #065f46;--brand-900: #064e3b}:root[data-accent=violet]{--brand-50: #f5f3ff;--brand-100: #ede9fe;--brand-200: #ddd6fe;--brand-300: #c4b5fd;--brand-400: #a78bfa;--brand-500: #8b5cf6;--brand-600: #7c3aed;--brand-700: #6d28d9;--brand-800: #5b21b6;--brand-900: #4c1d95}:root[data-accent=rose]{--brand-50: #fff1f2;--brand-100: #ffe4e6;--brand-200: #fecdd3;--brand-300: #fda4af;--brand-400: #fb7185;--brand-500: #f43f5e;--brand-600: #e11d48;--brand-700: #be123c;--brand-800: #9f1239;--brand-900: #881337}:root[data-accent=amber]{--brand-50: #fffbeb;--brand-100: #fef3c7;--brand-200: #fde68a;--brand-300: #fcd34d;--brand-400: #fbbf24;--brand-500: #f59e0b;--brand-600: #d97706;--brand-700: #b45309;--brand-800: #92400e;--brand-900: #78350f}:root[data-accent=teal]{--brand-50: #f0fdfa;--brand-100: #ccfbf1;--brand-200: #99f6e4;--brand-300: #5eead4;--brand-400: #2dd4bf;--brand-500: #14b8a6;--brand-600: #0d9488;--brand-700: #0f766e;--brand-800: #115e59;--brand-900: #134e4a}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%}body{margin:0;min-height:100%;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 0,"cv11" 1}h1,h2,h3,h4,h5,h6{margin:0;line-height:var(--leading-tight);font-weight:var(--weight-bold);letter-spacing:-.01em}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}ul,ol{margin:0;padding:0}table{border-collapse:collapse}:focus{outline:none}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}::selection{background:var(--color-primary-soft);color:var(--color-primary-soft-text)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}.tabular-nums,.money{font-variant-numeric:tabular-nums}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:var(--space-4);top:-100px;z-index:var(--z-lock);padding:var(--space-3) var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md)}.skip-link:focus{top:var(--space-4)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}app-print-host{display:none}@media print{html.is-printing,html.is-printing body{height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important}html.is-printing body>:not(app-root),html.is-printing app-root>:not(app-print-host){display:none!important}html.is-printing app-print-host{display:block!important}}.label-print-root{display:none}@media print{html.is-printing-labels,html.is-printing-labels body{height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important}html.is-printing-labels body>:not(.label-print-root){display:none!important}html.is-printing-labels .label-print-root{display:block!important}}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.btn:active:not(:disabled){transform:scale(.97)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-md);min-width:var(--touch-min);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-surface-3);color:var(--color-text);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;text-decoration:none}.btn:hover:not(:disabled){background:var(--color-surface-pressed);text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.5}.btn app-icon{flex-shrink:0}.btn .kbd{margin-inline-start:var(--space-1)}.btn--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-xs)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background:var(--color-primary-pressed)}.btn--primary .kbd{background:#ffffff2e;border-color:#ffffff40;color:inherit}.btn--success{background:var(--color-success-strong);color:#fff}.btn--success:hover:not(:disabled){background:var(--color-success);filter:brightness(.95)}.btn--success .kbd{background:#ffffff2e;border-color:#ffffff40;color:inherit}.btn--danger{background:var(--color-danger-strong);color:#fff}.btn--danger:hover:not(:disabled){background:var(--color-danger)}.btn--danger-soft{background:var(--color-danger-bg);color:var(--color-danger)}.btn--danger-soft:hover:not(:disabled){background:var(--color-danger-bg);border-color:var(--color-danger)}.btn--soft{background:var(--color-primary-soft);color:var(--color-primary-soft-text)}.btn--soft:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary)}.btn--outline{background:var(--color-surface);border-color:var(--color-border-strong)}.btn--outline:hover:not(:disabled){background:var(--color-surface-hover)}.btn--ghost{background:transparent}.btn--ghost:hover:not(:disabled){background:var(--color-surface-hover)}.btn--sm{min-height:var(--control-sm);padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--lg{min-height:var(--control-lg);padding:0 var(--space-6);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn--xl{min-height:var(--control-xl);padding:0 var(--space-8);font-size:var(--text-lg);font-weight:var(--weight-bold);border-radius:var(--radius-lg)}.btn--block{width:100%}.btn--icon{padding:0;width:var(--control-md)}.btn--icon.btn--sm{width:var(--control-sm)}.btn--icon.btn--lg{width:var(--control-lg)}.btn-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:639.98px){.form-grid--2{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.field--full{grid-column:1/-1}.field__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.field__label .required{color:var(--color-danger);margin-inline-start:2px}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.field__error{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-danger)}.input,.select,.textarea{width:100%;min-height:var(--control-md);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.input::placeholder,.select::placeholder,.textarea::placeholder{color:var(--color-text-disabled)}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--color-text-muted)}.input:focus,.input:focus-visible,.select:focus,.select:focus-visible,.textarea:focus,.textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-surface-2);color:var(--color-text-disabled);cursor:not-allowed}.input.ng-invalid.ng-touched,.select.ng-invalid.ng-touched,.textarea.ng-invalid.ng-touched{border-color:var(--color-danger)}.input--lg{min-height:var(--control-lg);font-size:var(--text-md);border-radius:var(--radius-lg)}.textarea{min-height:88px;padding:var(--space-3);resize:vertical;line-height:var(--leading-normal)}.select{appearance:none;padding-inline-end:var(--space-8);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}[dir=rtl] .select{background-position:13px 50%,18px 50%}.input-group{position:relative;display:flex;align-items:center}.input-group>app-icon{position:absolute;inset-inline-start:var(--space-3);color:var(--color-text-muted);pointer-events:none}.input-group>.input{padding-inline-start:calc(var(--space-3) + 28px)}.input-affix{position:absolute;inset-inline-end:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.check{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);cursor:pointer;-webkit-user-select:none;user-select:none}.check input[type=checkbox],.check input[type=radio]{width:22px;height:22px;margin:0;accent-color:var(--color-primary);cursor:pointer}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--section-padding)}.form-section+.form-section{margin-top:var(--space-3)}.form-section__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.form-section__title app-icon,.dialog__title app-icon{color:var(--color-icon)}.form-section__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.card__body{padding:var(--section-padding)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-3);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;line-height:1}.badge--primary{background:var(--color-primary-soft);color:var(--color-primary-soft-text)}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 5px;border:1px solid var(--color-border-strong);border-bottom-width:2px;border-radius:var(--radius-xs);background:var(--color-surface-2);color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-semibold);line-height:1}.table{width:100%;font-size:var(--text-sm)}.table th{position:sticky;top:0;z-index:1;padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;text-align:start;white-space:nowrap}.table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.table tbody tr{transition:background var(--duration-fast)}.table tbody tr:hover{background:var(--color-surface-hover)}.table .num{text-align:end;font-variant-numeric:tabular-nums}.app-dialog-backdrop{background:var(--color-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-dialog-panel{max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px);animation:dialog-in var(--duration-base) var(--ease-out)}.app-dialog-panel.app-dialog-panel--pop{animation:dialog-pop .46s cubic-bezier(.34,1.45,.64,1)}@media(max-width:639.98px){.app-dialog-panel.app-dialog-panel--sheet{position:fixed!important;left:0;right:0;bottom:0;max-width:100vw!important;width:100vw!important;animation:sheet-in var(--duration-slow) var(--ease-out)}}.dialog{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;color:var(--color-text)}.dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:1px solid var(--color-border)}.dialog__title{font-size:var(--text-xl);font-weight:var(--weight-bold)}.dialog__subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.dialog__body{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;padding:var(--space-4) var(--space-5)}.dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-2)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes dialog-pop{0%{opacity:0;transform:translateY(32px) scale(.9)}40%{opacity:1}to{transform:none}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:var(--radius-md);background:var(--color-surface-3)}.segmented button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.segmented button:active:not(:disabled){transform:scale(.97)}.segmented button{min-height:var(--control-sm);padding:0 var(--space-3);border:0;border-radius:calc(var(--radius-md) - 3px);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.page{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--page-padding);max-width:1600px;margin:0 auto;width:100%}@media(max-width:639.98px){.page{padding:var(--space-4)}}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.toolbar__spacer{flex:1}.divider{height:1px;background:var(--color-border);border:0;margin:var(--space-4) 0}.color-dot{display:inline-block;width:12px;height:12px;border-radius:4px;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001a}.emoji-tile{display:inline-grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:var(--radius-md);font-size:19px;line-height:1}.cdk-drag-preview{box-shadow:var(--shadow-lg);border-radius:var(--radius-md);background:var(--color-surface);opacity:.95}.cdk-drag-placeholder{opacity:.35}.cdk-drag-animating,.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder){transition:transform .2s var(--ease-out)}.menu{display:flex;flex-direction:column;min-width:220px;max-width:min(360px,100vw - 24px);max-height:min(70vh,560px);padding:var(--space-2);overflow-y:auto;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text);animation:dialog-in var(--duration-fast) var(--ease-out)}.menu__label{padding:var(--space-2) var(--space-3) var(--space-1);color:var(--color-text-muted);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase}.menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--control-md);padding:0 var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:inherit;font-size:var(--text-base);text-align:start;text-decoration:none;cursor:pointer}.menu__item:hover,.menu__item:focus-visible,.menu__item.cdk-menu-item-active{background:var(--color-surface-hover);outline:none;text-decoration:none}.menu__item[aria-checked=true]{color:var(--color-primary-soft-text);font-weight:var(--weight-semibold)}.menu__item .menu__check{margin-inline-start:auto;color:var(--color-primary)}.menu__divider{height:1px;margin:var(--space-2) 0;background:var(--color-border)}.menu__swatches{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-2)}.style-dot{width:18px;height:18px;flex-shrink:0;border:1px solid var(--color-border-strong);border-radius:50%}.swatch{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;color:#fff;cursor:pointer;box-shadow:inset 0 0 0 1px #0000001f}.swatch[aria-checked=true]{outline:3px solid var(--color-focus-ring);outline-offset:2px}.switch{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--touch-min);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{appearance:none;position:relative;width:44px;height:26px;margin:0;flex-shrink:0;border-radius:var(--radius-pill);background:var(--color-border-strong);cursor:pointer;transition:background var(--duration-fast)}.switch input:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out)}.switch input:checked{background:var(--color-primary)}.switch input:checked:after{transform:translate(18px)}.switch input:disabled{opacity:.5;cursor:not-allowed}[dir=rtl] .switch input:checked:after{transform:translate(-18px)}.switch__text{display:flex;flex-direction:column;line-height:1.3}.switch__text small{color:var(--color-text-muted);font-size:var(--text-xs)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.grow{flex:1;min-width:0}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-end{text-align:end}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.mono{font-family:var(--font-mono);font-size:.92em}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.w-full{width:100%}