html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}html{--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)}html{--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)}html{--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)}html{--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)}html{--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)}html{--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)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--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}html{--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}.qx-card{background-color:#fff;border-radius:4px;padding:24px;box-shadow:0 1px 2px #0000000d;border:1px solid #F3F4F6;transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.qx-card:hover,.qx-card--elevated{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.qx-card--elevated:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.qx-card--flat{box-shadow:none;border:1px solid #E5E7EB}.qx-card--interactive{cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.qx-card--interactive:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.qx-card--interactive:active{transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.qx-card--compact{padding:16px}.qx-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #F3F4F6}.qx-card__title{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.25;letter-spacing:-.025em;color:#1f2937;margin:0}.qx-card__content{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#1f2937}.qx-card__actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #F3F4F6}.qx-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:2px;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.375;text-transform:uppercase;letter-spacing:.025em;transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(0,0,.2,1);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent}.qx-button:disabled{opacity:.5;cursor:not-allowed}.qx-button--primary{background-color:#1e40af;color:#fff}.qx-button--primary:hover:not(:disabled){background-color:#1a3899;transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}.qx-button--primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.qx-button--secondary{background-color:transparent;color:#1e40af;border-color:#1e40af}.qx-button--secondary:hover:not(:disabled){background-color:#1e40af0a}.qx-button--accent{background-color:#f45a2a;color:#fff}.qx-button--accent:hover:not(:disabled){background-color:#f34712;transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}.qx-button--text{background-color:transparent;color:#1e40af;padding:4px 8px}.qx-button--text:hover:not(:disabled){background-color:#1e40af0a}.qx-button--large{padding:16px 24px;font-size:1rem}.qx-button--small{padding:4px 8px;font-size:.75rem}.qx-button--full-width{width:100%}.qx-button--icon{padding:8px}.qx-button--icon.qx-button--small{padding:4px}.qx-button--icon.qx-button--large{padding:16px}.qx-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1)}.qx-badge--small{font-size:11px;padding:2px 4px;min-height:20px}.qx-badge--medium{font-size:.75rem;padding:4px 8px;min-height:24px}.qx-badge--large{font-size:.875rem;padding:8px 16px;min-height:32px}.qx-badge[data-status=draft]{background-color:#ff9b65;color:#e65100}.qx-badge[data-status=pending]{background-color:#73a5f4;color:#0d47a1}.qx-badge[data-status=approved]{background-color:#68d470;color:#1b5e20}.qx-badge[data-status=rejected]{background-color:#e97070;color:#b71c1c}.qx-badge[data-status=published]{background-color:#7f8bd8;color:#303f9f}.qx-badge[data-status=paid]{background-color:#42f9c0;color:#059669}.qx-badge[data-status=canceled]{background-color:#ea7d7d;color:#dc2626}.qx-input{width:100%;padding:8px 16px;border:1px solid #E5E7EB;border-radius:2px;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;background-color:#fff;transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.qx-input:hover{border-color:#d1d5db}.qx-input:focus{outline:none;border-color:#1e40af}.qx-input::placeholder{color:#9ca3af}.qx-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.qx-input--error{border-color:#ef4444}.qx-input--error:hover{border-color:#dc2626}.qx-input--error:focus{border-color:#ef4444}.qx-input--success{border-color:#10b981}.qx-input--success:hover{border-color:#059669}.qx-input--success:focus{border-color:#10b981}.qx-input-group{position:relative;margin-bottom:16px}.qx-input-group__label{display:block;margin-bottom:4px;font-size:.875rem;font-weight:500;color:#1f2937}.qx-input-group__hint{margin-top:4px;font-size:.75rem;color:#6b7280}.qx-input-group__error{margin-top:4px;font-size:.75rem;color:#ef4444}.page-title{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.875rem;font-weight:700;line-height:1.25;letter-spacing:-.025em;color:#1f2937;margin-bottom:24px}.section-title{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.25;letter-spacing:-.025em;color:#1f2937;margin-bottom:16px}.card-title{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.25;letter-spacing:-.025em;color:#1f2937;margin-bottom:8px}.body-text{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#1f2937}.body-text--large{font-size:1.125rem}.body-text--small{font-size:.875rem}.body-text--secondary{color:#6b7280}.qx-skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:2px}.qx-skeleton--text{height:1rem;width:100%}.qx-skeleton--title{height:1.25rem;width:80%}.qx-skeleton--button{height:36px;width:120px;border-radius:2px}.qx-skeleton--card{height:200px;width:100%;border-radius:4px}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}@media (min-width: 640px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.d-sm-grid{display:grid!important}}@media (min-width: 768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-grid{display:grid!important}}@media (min-width: 1024px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.d-lg-grid{display:grid!important}}@media (min-width: 1280px){.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}.d-xl-grid{display:grid!important}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.align-start{align-items:flex-start!important}.align-end{align-items:flex-end!important}.align-center{align-items:center!important}.align-stretch{align-items:stretch!important}.align-baseline{align-items:baseline!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.gap-xs{gap:4px!important}.gap-sm{gap:8px!important}.gap-md{gap:16px!important}.gap-lg{gap:24px!important}.gap-xl{gap:32px!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.m-xs{margin:4px!important}.mt-xs{margin-top:4px!important}.mr-xs{margin-right:4px!important}.mb-xs{margin-bottom:4px!important}.ml-xs{margin-left:4px!important}.mx-xs{margin-left:4px!important;margin-right:4px!important}.my-xs{margin-top:4px!important;margin-bottom:4px!important}.m-sm{margin:8px!important}.mt-sm{margin-top:8px!important}.mr-sm{margin-right:8px!important}.mb-sm{margin-bottom:8px!important}.ml-sm{margin-left:8px!important}.mx-sm{margin-left:8px!important;margin-right:8px!important}.my-sm{margin-top:8px!important;margin-bottom:8px!important}.m-md{margin:16px!important}.mt-md{margin-top:16px!important}.mr-md{margin-right:16px!important}.mb-md{margin-bottom:16px!important}.ml-md{margin-left:16px!important}.mx-md{margin-left:16px!important;margin-right:16px!important}.my-md{margin-top:16px!important;margin-bottom:16px!important}.m-lg{margin:24px!important}.mt-lg{margin-top:24px!important}.mr-lg{margin-right:24px!important}.mb-lg{margin-bottom:24px!important}.ml-lg{margin-left:24px!important}.mx-lg{margin-left:24px!important;margin-right:24px!important}.my-lg{margin-top:24px!important;margin-bottom:24px!important}.m-xl{margin:32px!important}.mt-xl{margin-top:32px!important}.mr-xl{margin-right:32px!important}.mb-xl{margin-bottom:32px!important}.ml-xl{margin-left:32px!important}.mx-xl{margin-left:32px!important;margin-right:32px!important}.my-xl{margin-top:32px!important;margin-bottom:32px!important}.m-2xl{margin:48px!important}.mt-2xl{margin-top:48px!important}.mr-2xl{margin-right:48px!important}.mb-2xl{margin-bottom:48px!important}.ml-2xl{margin-left:48px!important}.mx-2xl{margin-left:48px!important;margin-right:48px!important}.my-2xl{margin-top:48px!important;margin-bottom:48px!important}.m-3xl{margin:64px!important}.mt-3xl{margin-top:64px!important}.mr-3xl{margin-right:64px!important}.mb-3xl{margin-bottom:64px!important}.ml-3xl{margin-left:64px!important}.mx-3xl{margin-left:64px!important;margin-right:64px!important}.my-3xl{margin-top:64px!important;margin-bottom:64px!important}.m-auto{margin:auto!important}.mt-auto{margin-top:auto!important}.mr-auto{margin-right:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.p-xs{padding:4px!important}.pt-xs{padding-top:4px!important}.pr-xs{padding-right:4px!important}.pb-xs{padding-bottom:4px!important}.pl-xs{padding-left:4px!important}.px-xs{padding-left:4px!important;padding-right:4px!important}.py-xs{padding-top:4px!important;padding-bottom:4px!important}.p-sm{padding:8px!important}.pt-sm{padding-top:8px!important}.pr-sm{padding-right:8px!important}.pb-sm{padding-bottom:8px!important}.pl-sm{padding-left:8px!important}.px-sm{padding-left:8px!important;padding-right:8px!important}.py-sm{padding-top:8px!important;padding-bottom:8px!important}.p-md{padding:16px!important}.pt-md{padding-top:16px!important}.pr-md{padding-right:16px!important}.pb-md{padding-bottom:16px!important}.pl-md{padding-left:16px!important}.px-md{padding-left:16px!important;padding-right:16px!important}.py-md{padding-top:16px!important;padding-bottom:16px!important}.p-lg{padding:24px!important}.pt-lg{padding-top:24px!important}.pr-lg{padding-right:24px!important}.pb-lg{padding-bottom:24px!important}.pl-lg{padding-left:24px!important}.px-lg{padding-left:24px!important;padding-right:24px!important}.py-lg{padding-top:24px!important;padding-bottom:24px!important}.p-xl{padding:32px!important}.pt-xl{padding-top:32px!important}.pr-xl{padding-right:32px!important}.pb-xl{padding-bottom:32px!important}.pl-xl{padding-left:32px!important}.px-xl{padding-left:32px!important;padding-right:32px!important}.py-xl{padding-top:32px!important;padding-bottom:32px!important}.p-2xl{padding:48px!important}.pt-2xl{padding-top:48px!important}.pr-2xl{padding-right:48px!important}.pb-2xl{padding-bottom:48px!important}.pl-2xl{padding-left:48px!important}.px-2xl{padding-left:48px!important;padding-right:48px!important}.py-2xl{padding-top:48px!important;padding-bottom:48px!important}.p-3xl{padding:64px!important}.pt-3xl{padding-top:64px!important}.pr-3xl{padding-right:64px!important}.pb-3xl{padding-bottom:64px!important}.pl-3xl{padding-left:64px!important}.px-3xl{padding-left:64px!important;padding-right:64px!important}.py-3xl{padding-top:64px!important;padding-bottom:64px!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.w-full{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.h-full{height:100%!important}.max-w-sm{max-width:640px!important}.max-w-md{max-width:768px!important}.max-w-lg{max-width:1024px!important}.max-w-xl{max-width:1280px!important}.max-w-2xl{max-width:1536px!important}.max-w-full{max-width:100%!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-md{font-size:1rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.875rem!important}.text-4xl{font-size:2.25rem!important}.font-light{font-weight:300!important}.font-regular{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}.text-normal-case{text-transform:none!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-primary{color:#1f2937!important}.text-secondary{color:#6b7280!important}.text-hint{color:#9ca3af!important}.text-white{color:#fff!important}.text-brand-primary{color:#1e40af!important}.text-brand-secondary{color:#11446a!important}.text-brand-accent{color:#f45a2a!important}.text-success{color:#10b981!important}.text-warning{color:#f59e0b!important}.text-error{color:#ef4444!important}.text-info{color:#3b82f6!important}.text-customer{color:#818cf8!important}.text-marketplace{color:#f59e0b!important}.bg-white{background-color:#fff!important}.bg-light{background-color:#f8fafc!important}.bg-lighter{background-color:#f3f4f6!important}.bg-primary{background-color:#1e40af!important}.bg-secondary{background-color:#11446a!important}.bg-accent{background-color:#f45a2a!important}.bg-success-light{background-color:#d1fae5!important}.bg-warning-light{background-color:#fef3c7!important}.bg-error-light{background-color:#fee2e2!important}.bg-info-light{background-color:#dbeafe!important}.border-0{border:0!important}.border{border:1px solid #E5E7EB!important}.border-light{border:1px solid #F3F4F6!important}.border-dark{border:1px solid #D1D5DB!important}.border-t{border-top:1px solid #E5E7EB!important}.border-r{border-right:1px solid #E5E7EB!important}.border-b{border-bottom:1px solid #E5E7EB!important}.border-l{border-left:1px solid #E5E7EB!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:2px!important}.rounded{border-radius:4px!important}.rounded-lg,.rounded-xl{border-radius:6px!important}.rounded-full{border-radius:9999px!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:0 1px 2px #0000000d!important}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f!important}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.right-0{right:0!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.cursor-auto{cursor:auto!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.cursor-move{cursor:move!important}.cursor-not-allowed{cursor:not-allowed!important}.qx-id,.qx-id-cell{font-family:monospace!important;font-weight:500!important;color:var(--text-secondary)!important;white-space:nowrap!important}.qx-id-cell{min-width:120px!important}.qx-code{font-family:monospace!important;background-color:var(--bg-tertiary)!important;padding:2px 4px!important;border-radius:2px!important;font-size:.875em!important}.qx-row-hover,.qx-table-row-hover{cursor:pointer;transition:background-color .2s ease}.qx-row-hover:hover,.qx-table-row-hover:hover{background-color:var(--bg-secondary)!important}.qx-table-paginator{background-color:var(--bg-secondary)!important;border-top:1px solid var(--border-color)!important}.mat-mdc-select-panel.mat-mdc-select-panel,.mat-mdc-option.mat-mdc-option{background-color:var(--bg-primary)!important}.mat-mdc-option.mat-mdc-option:hover{background-color:var(--bg-secondary)!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.no-data-message{text-align:center!important;padding:40px 20px!important;color:var(--text-secondary)!important;font-size:16px!important;font-style:italic!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes loadingDots{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes skeletonLoading{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .25s cubic-bezier(0,0,.2,1)}.animate-fadeOut{animation:fadeOut .25s cubic-bezier(.4,0,1,1)}.animate-slideInUp{animation:slideInUp .25s cubic-bezier(0,0,.2,1)}.animate-slideInDown{animation:slideInDown .25s cubic-bezier(0,0,.2,1)}.animate-slideInLeft{animation:slideInLeft .25s cubic-bezier(0,0,.2,1)}.animate-slideInRight{animation:slideInRight .25s cubic-bezier(0,0,.2,1)}.animate-scaleIn{animation:scaleIn .25s cubic-bezier(0,0,.2,1)}.animate-scaleOut{animation:scaleOut .25s cubic-bezier(.4,0,1,1)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.2,1) infinite}.animate-shake{animation:shake .35s cubic-bezier(.4,0,.2,1)}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s cubic-bezier(.4,0,.2,1) infinite}.transition-all{transition:all .25s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.transition-transform{transition:transform .25s cubic-bezier(0,0,.2,1)}.transition-shadow{transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.transition-opacity{transition:opacity .25s cubic-bezier(.4,0,.2,1)}.transition-fast{transition-duration:.15s!important}.transition-normal{transition-duration:.25s!important}.transition-slow{transition-duration:.35s!important}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;border-radius:9999px;background-color:#1e40af;animation:loadingDots 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #E5E7EB;border-top-color:#1e40af;border-radius:9999px;animation:spin .8s linear infinite}.hover-lift{transition:transform .25s cubic-bezier(0,0,.2,1)}.hover-lift:hover{transform:translateY(-2px)}.hover-grow{transition:transform .25s cubic-bezier(0,0,.2,1)}.hover-grow:hover{transform:scale(1.05)}.hover-shadow{transition:box-shadow .25s cubic-bezier(0,0,.2,1)}.hover-shadow:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:all .25s cubic-bezier(.4,0,.2,1)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:all .25s cubic-bezier(.4,0,.2,1)}.notification-panel{min-width:300px!important;max-width:500px!important;border-radius:4px!important;padding:0!important;margin:8px!important}.notification-panel .mat-simple-snackbar{font-size:15px!important;padding:14px 16px!important}.notification-panel .mat-simple-snackbar span{line-height:1.5!important}.notification-success{background:var(--success-color)!important;color:var(--bg-primary)!important;box-shadow:0 4px 8px #10b98133!important;border-left:2px solid #059669!important}.notification-success .mat-simple-snackbar-action{color:var(--bg-primary)!important;font-weight:500!important}.notification-error{background:#dc2626!important;color:var(--bg-primary)!important;box-shadow:0 4px 8px #dc262633!important;border-left:2px solid #b91c1c!important}.notification-error .mat-simple-snackbar-action{color:var(--bg-primary)!important;font-weight:500!important}.notification-warning{background:var(--warning-color)!important;color:var(--bg-primary)!important;box-shadow:0 4px 8px #f59e0b33!important;border-left:2px solid #d97706!important}.notification-warning .mat-simple-snackbar-action{color:var(--bg-primary)!important;font-weight:500!important}.notification-info{background:var(--info-color)!important;color:var(--bg-primary)!important;box-shadow:0 4px 8px #3b82f633!important;border-left:2px solid #2563eb!important}.notification-info .mat-simple-snackbar-action{color:var(--bg-primary)!important;font-weight:500!important}.error-input{border:1px solid #DC2626!important;background-color:#dc26260d}.error-message{color:#dc2626;font-size:.8rem;margin-top:2px;margin-bottom:8px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-overlay .loading-text{margin-top:16px;color:var(--bg-primary);font-weight:500}.blur-background{filter:blur(2px)}.component-loading{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px}.empty-state .empty-icon{font-size:48px;color:var(--text-hint);margin-bottom:16px}.empty-state h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:8px}.empty-state p{color:var(--text-secondary);margin-bottom:24px;text-align:center}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;text-transform:capitalize;font-size:12px;font-weight:500;min-width:80px;text-align:center;position:relative;transition:all .2s ease}.status-badge.loading{opacity:.8;background-color:var(--bg-primary)!important}.status-approved{background-color:var(--status-approved-bg);color:var(--status-approved-color)}.status-pending,.status-sent{background-color:var(--status-pending-bg);color:var(--status-pending-color)}.status-rejected{background-color:var(--status-rejected-bg);color:var(--status-rejected-color)}.status-draft{background-color:var(--status-draft-bg);color:var(--status-draft-color)}.status-published{background-color:var(--status-published-bg);color:var(--status-published-color)}.status-paid,.paid{background-color:var(--status-paid-bg);color:var(--status-paid-color)}.status-canceled{background-color:var(--status-canceled-bg);color:var(--status-canceled-color)}.payment-pending{background-color:#f59e0b1a;color:var(--warning-color)}.payment-failed{background-color:#ef44441a;color:var(--error-color)}.destination-badge{display:inline-block;padding:.125rem .5rem;border-radius:6px;text-transform:uppercase;font-size:.7rem;font-weight:500;letter-spacing:.5px;margin-right:8px;min-width:80px;text-align:center}.destination-customer{background-color:#60a5fa;color:#000}.destination-marketplace{background-color:#fbbf24;color:#000}:root{--primary-color: #1E40AF;--primary-hover: #1D4ED8;--secondary-color: #11446A;--accent-color: #F45A2A;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F3F4F6;--dropdown-bg: #FFFFFF;--text-primary: #1F2937;--text-secondary: #6B7280;--text-hint: #9CA3AF;--border-color: #E5E7EB;--border-light: #F3F4F6;--border-dark: #D1D5DB;--success-color: #10B981;--warning-color: #F59E0B;--error-color: #EF4444;--info-color: #3B82F6;--customer-color: #818CF8;--marketplace-color: #F59E0B;--status-draft-color: #9CA3AF;--status-draft-bg: rgba(156, 163, 175, .1);--status-pending-color: #F59E0B;--status-pending-bg: rgba(245, 158, 11, .1);--status-approved-color: #10B981;--status-approved-bg: rgba(16, 185, 129, .1);--status-rejected-color: #EF4444;--status-rejected-bg: rgba(239, 68, 68, .1);--status-published-color: #4F46E5;--status-published-bg: rgba(79, 70, 229, .1);--status-paid-color: #059669;--status-paid-bg: rgba(5, 150, 105, .1);--status-canceled-color: #DC2626;--status-canceled-bg: rgba(220, 38, 38, .1);--order-confirmed-color: #2563eb;--order-confirmed-bg: #dbeafe;--order-in-production-color: #d97706;--order-in-production-bg: #fef3c7;--order-ready-to-ship-color: #059669;--order-ready-to-ship-bg: #d1fae5;--order-shipped-color: #5b21b6;--order-shipped-bg: #e0e7ff;--order-delivered-color: #16a34a;--order-delivered-bg: #dcfce7;--order-cancelled-color: #dc2626;--order-cancelled-bg: #fee2e2;--primary-color-10: rgba(30, 64, 175, .1);--primary-color-5: rgba(30, 64, 175, .05);--accent-color-10: rgba(244, 90, 42, .1);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-none: 0;--radius-full: 9999px;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 25px 50px rgba(0, 0, 0, .25), 0 10px 15px rgba(0, 0, 0, .1);--modal-backdrop: rgba(0, 0, 0, .375);--modal-backdrop-light: rgba(0, 0, 0, .325);--modal-backdrop-strong: rgba(0, 0, 0, .425);--modal-backdrop-dark: rgba(0, 0, 0, .45);--icon-color: #6B7280;--mat-sys-outline: #E5E7EB}*{box-sizing:border-box}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:24px;line-height:1;display:inline-block;vertical-align:middle}html,body{height:100%;margin:0}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#1f2937;background-color:var(--bg-secondary);color:var(--text-primary);margin:0;min-height:100vh;transition:background-color .25s cubic-bezier(.4,0,.2,1)}router-outlet{display:none}router-outlet+*{display:flex;flex-direction:column;min-height:100vh}.app-card,.qx-card,mat-card,.mat-mdc-card,.mat-card,.chart-card,.data-card,.widget-card{background-color:var(--bg-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow)!important;border:1px solid var(--border-color)!important;transition:box-shadow .3s ease!important}.app-card:hover,.qx-card:hover,mat-card:hover,.mat-mdc-card:hover,.mat-card:hover,.chart-card:hover,.data-card:hover,.widget-card:hover{box-shadow:var(--shadow-md)!important}app-card .card-header,.app-card .card-header,.qx-card .card-header,mat-card .card-header,.chart-card .card-header,.data-card .card-header,.widget-card .card-header,app-card .card-title,.app-card .card-title,.qx-card .card-title,mat-card .card-title,.chart-card .card-title,.data-card .card-title,.widget-card .card-title,app-card .card-content,.app-card .card-content,.qx-card .card-content,mat-card .card-content,.chart-card .card-content,.data-card .card-content,.widget-card .card-content,app-card .card-actions,.app-card .card-actions,.qx-card .card-actions,mat-card .card-actions,.chart-card .card-actions,.data-card .card-actions,.widget-card .card-actions,app-card .card-subtitle,.app-card .card-subtitle,.qx-card .card-subtitle,mat-card .card-subtitle,.chart-card .card-subtitle,.data-card .card-subtitle,.widget-card .card-subtitle{background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important}mat-card [class*=card-],.mat-mdc-card [class*=card-],app-card [class*=card-],.app-card [class*=card-],.qx-card [class*=card-],.chart-card [class*=card-],.data-card [class*=card-],.widget-card [class*=card-]{background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important}.stat-card.mat-card,.stat-card.mat-mdc-card,.topic-card>app-card,.category-card>app-card,.result-card>app-card,.machine-card.mat-card,.production-card.mat-card,.kpi-card{box-shadow:var(--shadow)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important}.mat-mdc-card{--mdc-elevated-card-container-color: var(--bg-primary) !important;--mdc-elevated-card-container-elevation: none !important;background-color:var(--bg-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow)!important;border:1px solid var(--border-color)!important}.mat-mdc-card:hover{box-shadow:var(--shadow-md)!important}.app-card{background-color:#fff;border-radius:4px;padding:24px;box-shadow:0 1px 2px #0000000d;border:1px solid #F3F4F6;transition:box-shadow .25s cubic-bezier(.4,0,.2,1);background-color:var(--bg-primary)}.app-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.app-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}.blur-background{filter:blur(4px);pointer-events:none}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.mat-mdc-menu-content{background-color:#fff!important}mat-toolbar{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow);height:64px!important}.mat-drawer-container{background-color:var(--bg-secondary)!important}mat-sidenav{background-color:var(--bg-primary)!important;border-right:1px solid var(--border-color)!important;width:260px}.main-content{padding:24px;background-color:var(--bg-secondary)}.legacy-mat-cards mat-card,.quotation-component mat-card,.dashboard-component mat-card{background-color:#fff;border-radius:4px;padding:24px;box-shadow:0 1px 2px #0000000d;border:1px solid #F3F4F6;transition:box-shadow .25s cubic-bezier(.4,0,.2,1);background-color:var(--bg-primary)!important;overflow:hidden}.legacy-mat-cards mat-card:hover,.quotation-component mat-card:hover,.dashboard-component mat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.legacy-mat-cards mat-card:hover,.quotation-component mat-card:hover,.dashboard-component mat-card:hover{box-shadow:var(--shadow-md)!important}.legacy-mat-cards mat-card-header,.quotation-component mat-card-header,.dashboard-component mat-card-header{background-color:var(--bg-tertiary)!important;border-bottom:1px solid var(--border-light)!important;margin:-24px -24px 24px!important;padding:24px!important;border-radius:4px 4px 0 0!important}.legacy-mat-cards mat-card-title,.quotation-component mat-card-title,.dashboard-component mat-card-title{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.25;letter-spacing:-.025em;color:#1f2937;margin:0!important}.legacy-mat-cards mat-card-content,.quotation-component mat-card-content,.dashboard-component mat-card-content{padding:24px!important;color:var(--text-primary)!important;position:relative;z-index:1}.legacy-mat-cards mat-card-content:not(.allow-overflow),.quotation-component mat-card-content:not(.allow-overflow),.dashboard-component mat-card-content:not(.allow-overflow){overflow:hidden}mat-table{background-color:var(--bg-primary)!important;border-radius:4px!important;overflow:hidden;box-shadow:var(--shadow)!important}mat-header-cell{background-color:var(--bg-tertiary)!important;font-weight:600!important;color:var(--text-primary)!important;border-bottom:2px solid var(--border-light)!important}.mat-menu-panel{border-radius:2px;box-shadow:var(--shadow-lg)!important}.mat-menu-content{padding:0!important}.mat-menu-item{height:44px!important;line-height:44px!important}.mat-menu-item .mat-icon{margin-right:8px}.mat-menu-item:hover{background-color:var(--bg-tertiary)}.delete-item,.delete-item .mat-icon{color:var(--error-color)!important}.delete-item:hover{background-color:#ef44441a!important}.mat-mdc-dialog-container .mdc-dialog__surface{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-xl)!important;border:1px solid rgba(255,255,255,.1);overflow:hidden}.mat-mdc-dialog-container .mat-mdc-dialog-title{color:var(--text-primary)!important;font-family:inherit!important;font-size:1.25rem!important;font-weight:500!important;padding:1.5rem!important;margin:0!important;border-bottom:1px solid var(--border-color)!important}.mat-mdc-dialog-container .mat-mdc-dialog-content{color:var(--text-primary)!important;font-family:inherit!important;max-height:70vh!important;padding:0!important;margin:0!important;overflow:auto!important}.mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar{width:8px}.mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.mat-mdc-dialog-container .mat-mdc-dialog-actions{background:var(--bg-primary)!important;border-top:1px solid var(--border-color)!important;padding:1rem 1.5rem!important;margin:0!important;min-height:auto!important;justify-content:flex-end!important;gap:.5rem!important}.mat-mdc-dialog-container .mat-mdc-dialog-actions .mat-mdc-button,.mat-mdc-dialog-container .mat-mdc-dialog-actions .mat-mdc-raised-button{font-family:inherit!important}.mat-mdc-dialog-container .mat-mdc-form-field{--mdc-outlined-text-field-container-color: var(--bg-primary) !important;--mdc-outlined-text-field-outline-color: var(--border-color) !important;--mdc-outlined-text-field-hover-outline-color: var(--border-dark) !important;--mdc-outlined-text-field-focus-outline-color: var(--primary-color) !important;--mdc-outlined-text-field-label-text-color: var(--text-secondary) !important;--mdc-outlined-text-field-focus-label-text-color: var(--primary-color) !important;--mdc-outlined-text-field-input-text-color: var(--text-primary) !important}.mat-mdc-dialog-container .mat-mdc-tab-group{--mdc-tab-indicator-active-indicator-color: var(--primary-color) !important;--mat-tab-header-active-label-text-color: var(--primary-color) !important;--mat-tab-header-inactive-label-text-color: var(--text-secondary) !important}.mat-mdc-dialog-container .mat-mdc-tab-group .mat-mdc-tab-header{background:var(--bg-primary)!important;border-bottom:1px solid var(--border-color)!important}.mat-mdc-dialog-container .mat-mdc-radio-button{--mdc-radio-selected-icon-color: var(--primary-color) !important;--mdc-radio-selected-hover-icon-color: var(--primary-color) !important;--mdc-radio-selected-pressed-icon-color: var(--primary-color) !important;--mat-radio-button-label-text-color: var(--text-primary) !important}.mat-mdc-dialog-container .mat-mdc-slider{--mdc-slider-handle-color: var(--primary-color) !important;--mdc-slider-active-track-color: var(--primary-color) !important;--mdc-slider-inactive-track-color: var(--border-color) !important;--mdc-slider-handle-hover-color: var(--primary-color) !important}.mat-mdc-select-panel,.mat-select-panel,.cdk-overlay-pane .mat-select-panel{background-color:var(--dropdown-bg)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-color)!important;max-width:100%!important;max-height:256px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:var(--border-color) var(--bg-secondary)!important}.mat-mdc-select-panel::-webkit-scrollbar,.mat-select-panel::-webkit-scrollbar,.cdk-overlay-pane .mat-select-panel::-webkit-scrollbar{width:6px!important}.mat-mdc-select-panel::-webkit-scrollbar-track,.mat-select-panel::-webkit-scrollbar-track,.cdk-overlay-pane .mat-select-panel::-webkit-scrollbar-track{background:var(--bg-secondary)!important;border-radius:3px!important}.mat-mdc-select-panel::-webkit-scrollbar-thumb,.mat-select-panel::-webkit-scrollbar-thumb,.cdk-overlay-pane .mat-select-panel::-webkit-scrollbar-thumb{background:var(--border-color)!important;border-radius:3px!important}.mat-mdc-select-panel::-webkit-scrollbar-thumb:hover,.mat-select-panel::-webkit-scrollbar-thumb:hover,.cdk-overlay-pane .mat-select-panel::-webkit-scrollbar-thumb:hover{background:var(--border-dark)!important}.mat-mdc-option,.mat-option{background-color:var(--dropdown-bg)!important;color:var(--text-primary)!important;font-family:inherit!important;font-size:.875rem!important;line-height:1.5!important;padding:12px 16px!important;min-height:auto!important;height:auto!important;border-bottom:1px solid var(--border-light)!important}.mat-mdc-option:last-child,.mat-option:last-child{border-bottom:none!important}.mat-mdc-option:hover,.mat-option:hover{background-color:var(--bg-tertiary)!important}.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mat-selected,.mat-option.mat-mdc-option-active,.mat-option.mat-selected{background-color:var(--primary-color-5)!important;color:var(--primary-color)!important}.mat-mdc-option.mat-mdc-option-active:hover,.mat-mdc-option.mat-selected:hover,.mat-option.mat-mdc-option-active:hover,.mat-option.mat-selected:hover{background-color:var(--primary-color-10)!important}.mat-mdc-option.placeholder-option,.mat-option.placeholder-option{color:var(--text-secondary)!important;font-style:italic!important;cursor:not-allowed!important}.mat-mdc-option.placeholder-option:hover,.mat-option.placeholder-option:hover{background-color:var(--dropdown-bg)!important}.mat-mdc-option.placeholder-option.mat-mdc-option-active,.mat-mdc-option.placeholder-option.mat-selected,.mat-option.placeholder-option.mat-mdc-option-active,.mat-option.placeholder-option.mat-selected{background-color:var(--dropdown-bg)!important;color:var(--text-secondary)!important}.mat-mdc-select-trigger,.mat-select-trigger,.mat-mdc-select-value,.mat-select-value{color:var(--text-primary)!important}.mat-mdc-select-placeholder,.mat-select-placeholder,.mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,.mat-mdc-select-arrow-wrapper .mat-select-arrow,.mat-select-arrow-wrapper .mat-mdc-select-arrow,.mat-select-arrow-wrapper .mat-select-arrow{color:var(--text-secondary)!important}.cdk-overlay-backdrop{background-color:var(--modal-backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:1!important;pointer-events:auto!important;transition:opacity .3s cubic-bezier(.25,.8,.25,1),backdrop-filter .3s cubic-bezier(.25,.8,.25,1)!important}.cdk-overlay-backdrop:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00000026,#00000040,#00000026);pointer-events:none;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-pane[aria-describedby*=mat-select]~.cdk-overlay-backdrop,.cdk-overlay-container .cdk-overlay-backdrop.mat-select-backdrop,.cdk-overlay-backdrop.cdk-overlay-backdrop-showing:not(.modal-backdrop-light):not(.modal-backdrop-strong):not(.modal-backdrop-dark),.cdk-overlay-pane .mat-select-panel~.cdk-overlay-backdrop,.cdk-overlay-backdrop:not(.modal-backdrop-light):not(.modal-backdrop-strong):not(.modal-backdrop-dark){opacity:0!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.cdk-overlay-backdrop.modal-backdrop-light{background-color:var(--modal-backdrop-light)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;opacity:1!important;pointer-events:auto!important;transition:opacity .3s cubic-bezier(.25,.8,.25,1),backdrop-filter .3s cubic-bezier(.25,.8,.25,1)!important}.cdk-overlay-backdrop.modal-backdrop-light:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0000001a,#0000002d,#0000001a);pointer-events:none;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop.modal-backdrop-strong{background-color:var(--modal-backdrop-strong)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;opacity:1!important;pointer-events:auto!important;transition:opacity .3s cubic-bezier(.25,.8,.25,1),backdrop-filter .3s cubic-bezier(.25,.8,.25,1)!important}.cdk-overlay-backdrop.modal-backdrop-strong:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0003,#0000004d,#0003);pointer-events:none;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop.modal-backdrop-dark{background-color:var(--modal-backdrop-dark)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;opacity:1!important;pointer-events:auto!important;transition:opacity .3s cubic-bezier(.25,.8,.25,1),backdrop-filter .3s cubic-bezier(.25,.8,.25,1)!important}.cdk-overlay-backdrop.modal-backdrop-dark:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00000040,#00000059,#00000040);pointer-events:none;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}.mat-mdc-dialog-container{animation:modalSlideIn .4s cubic-bezier(.25,.8,.25,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.mat-mdc-dialog-container.ng-animate-disabled{animation:none!important}.cdk-overlay-backdrop.modal-backdrop-light~.cdk-overlay-pane .mat-mdc-dialog-container{animation:modalFadeIn .25s ease-out}.cdk-overlay-backdrop.modal-backdrop-strong~.cdk-overlay-pane .mat-mdc-dialog-container{animation:modalSlideIn .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop.modal-backdrop-dark~.cdk-overlay-pane .mat-mdc-dialog-container{animation:modalZoomIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.machine-wizard-dialog-panel .mat-mdc-dialog-container{border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden}.inventory-adjustment-modal .mat-mdc-dialog-container{border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--border-color)}.inventory-adjustment-modal .mat-mdc-dialog-container .mdc-dialog__surface{border-radius:var(--radius-md)!important;box-shadow:none!important;border:none!important}.inventory-adjustment-modal .mat-mdc-dialog-container .mat-mdc-form-field{--mdc-outlined-text-field-focus-outline-width: 1px !important;--mdc-outlined-text-field-outline-width: 1px !important}.inventory-adjustment-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{padding:24px!important}.material-add-modal .mat-mdc-dialog-container{border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--border-color);max-height:95vh;height:auto}.material-add-modal .mat-mdc-dialog-container .mdc-dialog__surface{border-radius:var(--radius-md)!important;box-shadow:none!important;border:none!important;max-height:95vh;height:auto;overflow:hidden;display:flex;flex-direction:column}.material-add-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{flex:1;overflow-y:auto;max-height:calc(95vh - 200px);padding:24px!important;margin:0!important}.material-add-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{flex-shrink:0;border-top:1px solid var(--border-color);background:var(--bg-secondary);padding:16px 24px;margin:0}@media (max-width: 768px){.material-add-modal .mat-mdc-dialog-container{width:95vw!important;max-width:95vw!important;max-height:95vh!important;margin:0}.material-add-modal .mat-mdc-dialog-container .mdc-dialog__surface{width:100%!important;max-width:100%!important;max-height:95vh!important}.material-add-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{max-height:calc(95vh - 160px)}}.material-add-modal .mat-mdc-dialog-container .vendor-logo-container{flex-shrink:0}.material-add-modal .mat-mdc-dialog-container .mat-mdc-form-field{--mdc-outlined-text-field-focus-outline-width: 1px !important;--mdc-outlined-text-field-outline-width: 1px !important}.material-history-modal .mat-mdc-dialog-container{border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--border-color);width:700px;max-width:95vw;max-height:90vh}.material-history-modal .mat-mdc-dialog-container .mdc-dialog__surface{border-radius:var(--radius-md)!important;box-shadow:none!important;border:none!important;display:flex;flex-direction:column;height:100%;max-height:90vh;overflow:hidden}.material-history-modal .mat-mdc-dialog-container .mat-mdc-form-field{--mdc-outlined-text-field-focus-outline-width: 1px !important;--mdc-outlined-text-field-outline-width: 1px !important}.material-history-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{padding:0!important;margin:0!important;flex:1;overflow:hidden;display:flex;flex-direction:column}.material-history-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{padding:0!important;margin:0!important}.material-history-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{padding:0!important;margin:0!important;flex-shrink:0}mat-form-field .mat-mdc-form-field-text-prefix span[matPrefix],mat-form-field .mat-mdc-form-field-text-prefix span[matSuffix],mat-form-field .mat-mdc-form-field-text-prefix [matPrefix],mat-form-field .mat-mdc-form-field-text-prefix [matSuffix],mat-form-field .mat-mdc-form-field-text-suffix span[matPrefix],mat-form-field .mat-mdc-form-field-text-suffix span[matSuffix],mat-form-field .mat-mdc-form-field-text-suffix [matPrefix],mat-form-field .mat-mdc-form-field-text-suffix [matSuffix]{display:inline-block}mat-form-field .mat-mdc-form-field-text-prefix,mat-form-field [matPrefix],mat-form-field span[matPrefix]{margin-right:10px!important}mat-form-field .mat-mdc-form-field-text-suffix,mat-form-field [matSuffix],mat-form-field span[matSuffix]{margin-left:10px!important}mat-form-field .mat-mdc-form-field-icon-suffix,mat-form-field mat-icon[matSuffix]{margin-left:8px!important}mat-form-field .mat-mdc-form-field-icon-prefix,mat-form-field mat-icon[matPrefix]{margin-right:8px!important}.mat-mdc-form-field-infix{padding-right:0!important}span[matSuffix],span[matPrefix]{display:inline-block}span[matSuffix]{margin-left:10px!important}span[matPrefix]{margin-right:10px!important}mat-sidenav{border-radius:0!important}mat-nav-list,.mat-mdc-nav-list,.mat-mdc-list-base,.mdc-list,mat-nav-list a[mat-list-item],.mat-mdc-list-item,.mdc-list-item,.mat-mdc-list-item-interactive,.mat-focus-indicator,.mat-ripple-element{border-radius:0!important}app-sidenav *,mat-nav-list *,.mat-mdc-nav-list *,.mat-mdc-list-base *,.mdc-list *,mat-nav-list a[mat-list-item] *,.mat-mdc-list-item *,.mdc-list-item *,.mat-mdc-list-item-interactive *{border-radius:0!important}.mat-datepicker-content .mat-datepicker-content,.mat-datepicker-popup .mat-datepicker-content{background-color:var(--bg-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow)!important;border:1px solid var(--border-color)!important}.mat-datepicker-content .mat-calendar,.mat-datepicker-popup .mat-calendar{background-color:var(--bg-primary)!important}.mat-datepicker-content .mat-calendar-header,.mat-datepicker-popup .mat-calendar-header{background-color:var(--bg-primary)!important;border-bottom:1px solid var(--border-light)!important}.mat-datepicker-content .mat-calendar-header .mat-calendar-controls,.mat-datepicker-popup .mat-calendar-header .mat-calendar-controls,.mat-datepicker-content .mat-calendar-body,.mat-datepicker-popup .mat-calendar-body,.mat-datepicker-content .mat-calendar-table,.mat-datepicker-popup .mat-calendar-table{background-color:var(--bg-primary)!important}.mat-datepicker-content .mat-calendar-body-cell-content,.mat-datepicker-popup .mat-calendar-body-cell-content{background-color:transparent!important}.mat-datepicker-content .mat-calendar-body-cell-content:hover,.mat-datepicker-popup .mat-calendar-body-cell-content:hover{background-color:var(--bg-tertiary)!important}.mat-datepicker-content .mat-calendar-body-cell-content.mat-calendar-body-selected,.mat-datepicker-popup .mat-calendar-body-cell-content.mat-calendar-body-selected{background-color:var(--primary-color)!important;color:#fff!important}.cdk-overlay-pane.mat-datepicker-popup .mat-datepicker-content{background-color:var(--bg-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow)!important;border:1px solid var(--border-color)!important}html{overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}.mat-mdc-snack-bar-container.rate-limit-error .mat-mdc-simple-snack-bar{background-color:#fef2f2!important;color:#991b1b!important;border-left:4px solid #DC2626!important;font-weight:600!important;box-shadow:0 4px 6px -1px #dc26261a!important}.mat-mdc-snack-bar-container.rate-limit-error .mat-mdc-simple-snack-bar .mat-mdc-button{color:#991b1b!important}.responsive-modal .mat-mdc-dialog-container{padding:0!important;margin:8px!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important}.responsive-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{border-radius:var(--radius-lg)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;max-height:inherit!important}.responsive-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{flex:1!important;overflow-y:auto!important;padding:0!important;margin:0!important}.responsive-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{flex-shrink:0!important;margin:0!important}@media (max-width: 768px){.mat-mdc-dialog-container{padding:4px!important;margin:4px!important;max-width:calc(100vw - 8px)!important;max-height:calc(100vh - 8px)!important}.mat-mdc-dialog-container .mat-mdc-dialog-surface{border-radius:var(--radius-md)!important;min-height:auto!important}.mat-mdc-dialog-container .mat-mdc-dialog-title{padding:16px!important;font-size:1.25rem!important}.mat-mdc-dialog-container .mat-mdc-dialog-content{padding:0 16px!important}.mat-mdc-dialog-container .mat-mdc-dialog-actions{padding:16px!important;flex-direction:column-reverse!important;gap:8px!important}.mat-mdc-dialog-container .mat-mdc-dialog-actions button{width:100%!important;margin:0!important}.confirmation-dialog-modal .mat-mdc-dialog-container{max-width:calc(100vw - 16px)!important}.confirmation-dialog-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{flex-direction:row!important}.confirmation-dialog-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions button{width:auto!important;flex:1!important}.material-add-modal .mat-mdc-dialog-container,.inventory-adjustment-modal .mat-mdc-dialog-container,.material-history-modal .mat-mdc-dialog-container{max-height:calc(100vh - 16px)!important}.material-add-modal .mat-mdc-dialog-container .mat-mdc-dialog-content,.inventory-adjustment-modal .mat-mdc-dialog-container .mat-mdc-dialog-content,.material-history-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{padding:0!important}}@media (max-width: 480px){.mat-mdc-dialog-container{padding:2px!important;margin:2px!important;max-width:calc(100vw - 4px)!important;max-height:calc(100vh - 4px)!important}.mat-mdc-dialog-container .mat-mdc-dialog-title{padding:12px!important;font-size:1.125rem!important}.mat-mdc-dialog-container .mat-mdc-dialog-content{padding:0 12px!important}.mat-mdc-dialog-container .mat-mdc-dialog-actions{padding:12px!important}}