html{height:100%;--mat-sys-background: light-dark(#f9faf3, #121410);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f1f1eb, #2f312d);--mat-sys-inverse-primary: light-dark(#02e600, #026e00);--mat-sys-inverse-surface: light-dark(#2f312d, #e2e3dc);--mat-sys-on-background: light-dark(#1a1c18, #e2e3dc);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #013a00);--mat-sys-on-primary-container: light-dark(#015300, #77ff61);--mat-sys-on-primary-fixed: light-dark(#002200, #002200);--mat-sys-on-primary-fixed-variant: light-dark(#015300, #015300);--mat-sys-on-secondary: light-dark(#ffffff, #263422);--mat-sys-on-secondary-container: light-dark(#3c4b37, #d7e8cd);--mat-sys-on-secondary-fixed: light-dark(#121f0e, #121f0e);--mat-sys-on-secondary-fixed-variant: light-dark(#3c4b37, #3c4b37);--mat-sys-on-surface: light-dark(#1a1c18, #e2e3dc);--mat-sys-on-surface-variant: light-dark(#43483f, #dfe4d7);--mat-sys-on-tertiary: light-dark(#ffffff, #003917);--mat-sys-on-tertiary-container: light-dark(#005225, #63ff94);--mat-sys-on-tertiary-fixed: light-dark(#00210b, #00210b);--mat-sys-on-tertiary-fixed-variant: light-dark(#005225, #005225);--mat-sys-outline: light-dark(#73796e, #8d9387);--mat-sys-outline-variant: light-dark(#c3c8bc, #43483f);--mat-sys-primary: light-dark(#026e00, #02e600);--mat-sys-primary-container: light-dark(#77ff61, #015300);--mat-sys-primary-fixed: light-dark(#77ff61, #77ff61);--mat-sys-primary-fixed-dim: light-dark(#02e600, #02e600);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#54634d, #bbcbb2);--mat-sys-secondary-container: light-dark(#d7e8cd, #3c4b37);--mat-sys-secondary-fixed: light-dark(#d7e8cd, #d7e8cd);--mat-sys-secondary-fixed-dim: light-dark(#bbcbb2, #bbcbb2);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9faf3, #121410);--mat-sys-surface-bright: light-dark(#f9faf3, #383a35);--mat-sys-surface-container: light-dark(#eeeee7, #1e201c);--mat-sys-surface-container-high: light-dark(#e8e9e1, #282b26);--mat-sys-surface-container-highest: light-dark(#e2e3dc, #333531);--mat-sys-surface-container-low: light-dark(#f3f4ed, #1a1c18);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0b);--mat-sys-surface-dim: light-dark(#dadbd3, #121410);--mat-sys-surface-tint: light-dark(#026e00, #02e600);--mat-sys-surface-variant: light-dark(#dfe4d7, #43483f);--mat-sys-tertiary: light-dark(#006d33, #00e472);--mat-sys-tertiary-container: light-dark(#63ff94, #005225);--mat-sys-tertiary-fixed: light-dark(#63ff94, #63ff94);--mat-sys-tertiary-fixed-dim: light-dark(#00e472, #00e472);--mat-sys-neutral-variant20: #2c3229;--mat-sys-neutral10: #1a1c18;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-body-large-font: Segoe UI, system-ui, Roboto, sans-serif;--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 Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-body-medium-font: Segoe UI, system-ui, Roboto, sans-serif;--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 Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-body-small-font: Segoe UI, system-ui, Roboto, sans-serif;--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 Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-display-large-font: Segoe UI, system-ui, Roboto, sans-serif;--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 Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-display-medium-font: Segoe UI, system-ui, Roboto, sans-serif;--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 Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-display-small-font: Segoe UI, system-ui, Roboto, sans-serif;--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 Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-headline-large-font: Segoe UI, system-ui, Roboto, sans-serif;--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 Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-headline-medium-font: Segoe UI, system-ui, Roboto, sans-serif;--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 Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-headline-small-font: Segoe UI, system-ui, Roboto, sans-serif;--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 Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-label-large-font: Segoe UI, system-ui, Roboto, sans-serif;--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 Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-label-medium-font: Segoe UI, system-ui, Roboto, sans-serif;--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 Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-label-small-font: Segoe UI, system-ui, Roboto, sans-serif;--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 Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-title-large-font: Segoe UI, system-ui, Roboto, sans-serif;--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 Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-title-medium-font: Segoe UI, system-ui, Roboto, sans-serif;--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 Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-title-small-font: Segoe UI, system-ui, Roboto, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{--cx-brand: #255d3a;--cx-brand-ink: #2e7448;--cx-brand-soft: rgb(37 93 58 / 8.2%);--cx-app-bg: #f5f5f0;--cx-card: #ffffff;--cx-surface-2: #f1f5f9;--cx-border: #e2e8f0;--cx-input-border: #cbd5e1;--cx-text-1: #111318;--cx-text-2: #475569;--cx-text-3: #94a3b8;--cx-success: #059669;--cx-success-soft: rgb(5 150 105 / 8.2%);--cx-danger: #dc2626;--cx-danger-soft: rgb(220 38 38 / 8.2%);--cx-warning: #f59e0b;--cx-warning-soft: rgb(245 158 11 / 8.2%);--cx-info: #0ea5e9;--cx-info-soft: rgb(14 165 233 / 8.2%);--cx-shadow-pop: 0 8px 24px rgb(0 0 0 / 13.3%);--cx-shadow-modal: 0 18px 50px rgb(0 0 0 / 20%);--mat-form-field-outlined-focus-outline-color: var(--cx-brand);--mat-form-field-outlined-focus-label-text-color: var(--cx-brand);--mat-form-field-outlined-caret-color: var(--cx-brand);--mat-checkbox-selected-icon-color: var(--cx-brand);--mat-checkbox-selected-focus-icon-color: var(--cx-brand);--mat-checkbox-selected-hover-icon-color: var(--cx-brand);--mat-checkbox-selected-pressed-icon-color: var(--cx-brand);--mat-checkbox-selected-checkmark-color: #fff;--mat-slide-toggle-selected-track-color: var(--cx-brand);--mat-slide-toggle-selected-focus-track-color: var(--cx-brand);--mat-slide-toggle-selected-hover-track-color: var(--cx-brand);--mat-slide-toggle-selected-pressed-track-color: var(--cx-brand);--mat-slide-toggle-selected-handle-color: #fff;--mat-slide-toggle-selected-focus-handle-color: #fff;--mat-slide-toggle-selected-hover-handle-color: #fff;--mat-slide-toggle-selected-pressed-handle-color: #fff;color-scheme:light;accent-color:var(--cx-brand);background-color:var(--cx-app-bg);color:var(--cx-text-1);font-family:Segoe UI,system-ui,Roboto,sans-serif;font-size:14px;margin:0;height:100%}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cx-brand);outline-offset:-1px}body.dark{--cx-brand: #2e7448;--cx-brand-ink: #398a57;--cx-brand-soft: rgb(46 116 72 / 12.5%);--cx-app-bg: #111318;--cx-card: #1a1d24;--cx-surface-2: #2d3139;--cx-border: #2d3139;--cx-input-border: #2d3139;--cx-text-1: #f1f5f9;--cx-text-2: #94a3b8;--cx-text-3: #64748b;--cx-success: #059669;--cx-success-soft: rgb(5 150 105 / 12.5%);--cx-danger: #dc2626;--cx-danger-soft: rgb(220 38 38 / 12.5%);--cx-warning: #f59e0b;--cx-warning-soft: rgb(245 158 11 / 12.5%);--cx-info: #0ea5e9;--cx-info-soft: rgb(14 165 233 / 12.5%);color-scheme:dark}.cx-card{background:var(--cx-card);border:1px solid var(--cx-border);border-radius:12px}.cx-grid{display:grid;gap:12px}.cx-table-card{--mat-table-header-container-height: 44px;--mat-table-row-item-container-height: 44px;background:var(--cx-card);border:1px solid var(--cx-border);border-radius:12px;overflow:hidden}.cx-table-card .mat-mdc-table{background:transparent}.cx-table-card .mat-mdc-header-cell{color:var(--cx-text-2);font-size:12.5px;font-weight:600;border-bottom-color:var(--cx-border)}.cx-table-card .mat-mdc-cell{border-bottom-color:var(--cx-border);font-size:13.5px}.cx-table-card .mat-mdc-row:hover .mat-mdc-cell{background:var(--cx-surface-2)}.cx-table-card .mat-mdc-row.clickable{cursor:pointer}.cx-table-card mat-paginator{background:transparent;border-top:1px solid var(--cx-border)}.cx-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600;background:var(--cx-surface-2);color:var(--cx-text-2)}.cx-chip.ok{background:var(--cx-success-soft);color:var(--cx-success)}.cx-chip.bad{background:var(--cx-danger-soft);color:var(--cx-danger)}.cx-chip.warn{background:var(--cx-warning-soft);color:var(--cx-warning)}.cx-money{font-variant-numeric:tabular-nums;font-weight:600}.mat-mdc-unelevated-button{--mat-button-filled-container-color: var(--cx-brand);--mat-button-filled-label-text-color: #fff;--mat-button-filled-container-shape: 6px;--mat-button-filled-container-height: 36px;--mat-button-filled-label-text-weight: 600}.mat-mdc-unelevated-button:hover{--mat-button-filled-container-color: var(--cx-brand-ink)}.mat-mdc-button{--mat-button-text-label-text-color: var(--cx-brand)}mat-progress-bar{--mat-progress-bar-active-indicator-color: var(--cx-brand);--mat-progress-bar-track-color: var(--cx-brand-soft)}.mat-mdc-outlined-button{--mat-button-outlined-container-shape: 6px;--mat-button-outlined-outline-color: var(--cx-border);--mat-button-outlined-label-text-color: var(--cx-text-1)}.mat-mdc-icon-button{--mat-icon-button-container-shape: 8px}.mat-mdc-icon-button:hover{background:var(--cx-surface-2)}mat-button-toggle-group.mat-button-toggle-group-appearance-standard{--mat-button-toggle-shape: 16px;--mat-button-toggle-background-color: var(--cx-card);--mat-button-toggle-text-color: var(--cx-text-2);--mat-button-toggle-selected-state-background-color: var(--cx-brand);--mat-button-toggle-selected-state-text-color: #fff;--mat-button-toggle-height: 32px;--mat-button-toggle-divider-color: var(--cx-border);--mat-button-toggle-label-text-size: 13px;gap:8px;border:none;border-radius:0;overflow:visible}mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle{border:1px solid var(--cx-border);border-radius:16px;overflow:hidden}mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content{padding:0 14px}mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked{border-color:var(--cx-brand)}mat-form-field{--mat-form-field-outlined-container-shape: 6px;--mat-form-field-outlined-outline-color: var(--cx-input-border);--mat-form-field-container-height: 40px;--mat-form-field-container-vertical-padding: 8px;--mat-form-field-container-text-size: 14px;--mat-form-field-outlined-label-text-size: 14px}.mat-mdc-dialog-container{--mat-dialog-container-shape: 14px;--mat-dialog-container-color: var(--cx-card);--mat-dialog-container-elevation-shadow: var(--cx-shadow-modal)}.mat-mdc-dialog-container .mdc-dialog__surface{background:var(--cx-card);box-shadow:var(--cx-shadow-modal)}.mat-mdc-menu-panel{--mat-menu-container-elevation-shadow: var(--cx-shadow-pop)}.cdk-overlay-backdrop.cdk-overlay-dark-backdrop{background:#00000030}body:has(.cdk-overlay-backdrop.cdk-overlay-dark-backdrop) app-shell .content{filter:blur(12px)}.mat-mdc-snack-bar-container .mdc-snackbar__surface{background:var(--cx-card)!important;border:1px solid var(--cx-border);border-radius:10px!important;box-shadow:var(--cx-shadow-pop)!important}.mat-mdc-snack-bar-container .mdc-snackbar__label{color:var(--cx-text-1)!important;font-size:13.5px}.mat-mdc-snack-bar-container .mat-mdc-snack-bar-action{color:var(--cx-brand)!important}.mat-mdc-snack-bar-container.cx-toast-ok .mdc-snackbar__surface{border-left:4px solid var(--cx-success)}.mat-mdc-snack-bar-container.cx-toast-err .mdc-snackbar__surface{border-left:4px solid var(--cx-danger)}.cx-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--cx-border);border-radius:9px;background:var(--cx-surface-2)}.cx-seg button{padding:5px 16px;border:1px solid transparent;border-radius:6px;background:none;font:inherit;font-size:13px;color:var(--cx-text-2);cursor:pointer}.cx-seg button.active{background:var(--cx-card);border-color:var(--cx-input-border);color:var(--cx-text-1);font-weight:600;box-shadow:0 1px 2px #00000014}.mat-mdc-tooltip{--mat-tooltip-container-color: var(--cx-text-1);--mat-tooltip-supporting-text-color: var(--cx-card);--mat-tooltip-container-shape: 7px;--mat-tooltip-supporting-text-size: 12.5px}[mat-dialog-actions] .mat-mdc-button:not(.cx-back-btn){--mat-button-text-label-text-color: var(--cx-text-2)}.cx-back-btn{--mat-button-text-label-text-color: var(--cx-text-1);background:var(--cx-surface-2)!important;border:1px solid var(--cx-border);border-radius:6px}.queue-menu .queue-row{display:flex;align-items:center;gap:6px;padding:8px 12px;min-width:260px}.queue-menu .queue-row+.queue-row{border-top:1px solid var(--cx-border)}.queue-menu .qinfo{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.queue-menu .qtitle{font-size:13px;font-weight:600;color:var(--cx-text-1)}.queue-menu .qsub{font-size:11.5px;color:var(--cx-text-2)}.queue-menu .qnote{font-size:11.5px;font-style:italic;color:var(--cx-text-3)}.queue-menu .qplay{color:var(--cx-brand)}.queue-menu .qcancel{color:var(--cx-danger)}
