html{color-scheme:light;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #42008a);--mat-sys-on-tertiary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-tertiary-fixed: light-dark(#270057, #270057);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#7d00fa, #d5baff);--mat-sys-tertiary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-tertiary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-tertiary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--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 Figtree;--mat-sys-body-large-font: Figtree;--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 Figtree;--mat-sys-body-medium-font: Figtree;--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 Figtree;--mat-sys-body-small-font: Figtree;--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 Figtree;--mat-sys-display-large-font: Figtree;--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 Figtree;--mat-sys-display-medium-font: Figtree;--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 Figtree;--mat-sys-display-small-font: Figtree;--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 Figtree;--mat-sys-headline-large-font: Figtree;--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 Figtree;--mat-sys-headline-medium-font: Figtree;--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 Figtree;--mat-sys-headline-small-font: Figtree;--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 Figtree;--mat-sys-label-large-font: Figtree;--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 Figtree;--mat-sys-label-medium-font: Figtree;--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 Figtree;--mat-sys-label-small-font: Figtree;--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 Figtree;--mat-sys-title-large-font: Figtree;--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 Figtree;--mat-sys-title-medium-font: Figtree;--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 Figtree;--mat-sys-title-small-font: Figtree;--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}html[data-theme=dark]{color-scheme:dark}.mat-mdc-form-field .mdc-text-field__input[type=date]::-webkit-calendar-picker-indicator{display:block;cursor:pointer;opacity:.7}.mat-mdc-form-field .mdc-text-field__input[type=date]{cursor:pointer}:root{--bg: #f3f5fa;--canvas: var(--bg);--surface: #ffffff;--surface2: #f6f8fc;--surface-alt: #f7f9ff;--field: #f8faff;--field-border: #c4cee0;--ink: #17243b;--muted: #586783;--border: #dfe5ef;--brand: #3659d9;--brand-ink: #2c4bc2;--brand-soft: #e9eeff;--rail: #131f38;--ok: #1a7f52;--ok-soft: #e2f4ea;--warn: #8f5b12;--warn-soft: #fff1d6;--danger: #b33e3e;--danger-soft: #ffe9e9;--scrim: rgba(10, 18, 36, .45);--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 2px 8px rgba(16, 24, 40, .04);--brand-shadow: 0 8px 22px rgba(54, 89, 217, .3);--radius: 16px;--on-ok: #fff;--on-danger: #fff}html[data-theme=dark]{--bg: #0b1220;--surface: #131c30;--surface2: #1a253d;--surface-alt: #1a253d;--field: #1a253d;--field-border: #27344f;--ink: #e8edf7;--muted: #9eadc8;--border: #27344f;--brand: #4169e1;--brand-ink: #a3b6ff;--brand-soft: #1c2a55;--rail: #070c17;--ok: #56c996;--ok-soft: #10342a;--warn: #e7b563;--warn-soft: #382a10;--danger: #f28b8b;--danger-soft: #3b1a1e;--scrim: rgba(0, 0, 0, .6);--shadow: 0 1px 2px rgba(0, 0, 0, .3);--brand-shadow: 0 8px 22px rgba(0, 0, 0, .35);--on-ok: #06251a;--on-danger: #2a0f12}*{box-sizing:border-box}body{margin:0;font-family:Figtree,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--ink)}a{color:var(--brand-ink);text-decoration:none}button,input,textarea,select{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,3vw,32px);font-weight:800;letter-spacing:-.8px;margin-bottom:10px}h2{font-size:19px;letter-spacing:-.3px}p{color:var(--muted);line-height:1.6}.material-symbols-rounded,.sym{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0;-webkit-user-select:none;user-select:none}.sym.fill{font-variation-settings:"FILL" 1}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;color:var(--brand-ink);display:block;margin-bottom:6px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}.page-heading p{margin-bottom:0;max-width:660px}.page-heading h1{margin-bottom:2px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}mat-form-field{width:100%}.badge{display:inline-block;padding:5px 10px;border-radius:8px;background:var(--surface2);color:var(--muted);font-size:13px;font-weight:700}.badge[data-tone=success]{background:var(--ok-soft);color:var(--ok)}.badge[data-tone=info]{background:var(--brand-soft);color:var(--brand-ink)}.badge[data-tone=warning]{background:var(--warn-soft);color:var(--warn)}.badge[data-tone=danger]{background:var(--danger-soft);color:var(--danger)}.empty{text-align:center;padding:48px 24px;color:var(--muted)}.empty mat-icon{font-size:38px;width:38px;height:38px;color:var(--brand-ink);margin-bottom:14px}.error{color:var(--danger);padding:12px;border-radius:10px;background:var(--danger-soft)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;background:var(--surface2);padding-top:17px;padding-bottom:17px}th,td{padding:15px 16px;border-bottom:1px solid var(--border);white-space:nowrap}td{font-size:14px}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface2)}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.card{padding:18px}}:root,html[data-theme=dark]{--mat-sys-primary: var(--brand);--mat-sys-on-primary: white;--mat-sys-primary-container: var(--brand-soft);--mat-sys-on-primary-container: var(--brand-ink);--mat-sys-surface: var(--surface);--mat-sys-surface-container: var(--surface);--mat-sys-surface-container-high: var(--surface);--mat-sys-surface-container-low: var(--surface2);--mat-sys-on-surface: var(--ink);--mat-sys-outline: var(--field-border)}html[data-theme=dark]{--mat-button-text-label-text-color: var(--brand-ink);--mat-button-outlined-label-text-color: var(--brand-ink);--mat-button-protected-label-text-color: var(--brand-ink);--mat-button-tonal-label-text-color: var(--brand-ink);--mat-form-field-outlined-focus-label-text-color: var(--brand-ink);--mat-form-field-filled-focus-label-text-color: var(--brand-ink)}.mdc-button{letter-spacing:.1px}.mat-mdc-unelevated-button{box-shadow:var(--brand-shadow)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8ca2f0;outline-offset:2px}.section-divider{height:1px;background:var(--border);margin:28px 0}.info-panel{padding:14px 18px;background:var(--brand-soft);border-left:3px solid var(--brand);border-radius:10px;color:var(--ink)}.product-entry{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt);margin-bottom:20px}.product-entry>div{flex:1}.product-entry p{margin:5px 0 0;font-size:12px}.product-entry mat-form-field{width:140px;flex-shrink:0}.field-help{font-size:12px;margin:15px 0}.table-scroll input{min-height:38px;padding:8px 10px;border:1px solid var(--field-border);border-radius:7px;background:var(--field);color:var(--ink);font:inherit}.logo-upload{display:flex;align-items:center;gap:24px;padding:22px;margin:0 0 28px;border:1px dashed var(--field-border);background:var(--surface-alt);border-radius:12px}.logo-upload img{max-width:180px;height:80px;object-fit:contain}.logo-upload label{display:grid;gap:12px;font-size:13px;color:var(--muted)}.logo-upload input{max-width:100%}@media(max-width:700px){.product-entry,.logo-upload{flex-direction:column;align-items:stretch}.product-entry mat-form-field{width:100%}.form-actions{justify-content:stretch}}.t-btn{height:54px;padding:0 22px;border:0;border-radius:14px;background:var(--brand);color:#fff;font-size:17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:var(--brand-shadow);text-decoration:none;white-space:nowrap}.t-btn:hover{text-decoration:none;color:#fff}.t-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.t-btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--border);box-shadow:none;font-weight:600;font-size:16px}.t-btn.ghost:hover{color:var(--ink)}.t-btn.danger{background:transparent;color:var(--danger);border:1px solid var(--danger);box-shadow:none}.t-btn .sym{font-size:24px}.t-chip{flex:none;height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:16px;font-weight:600;cursor:pointer;white-space:nowrap}.t-chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.t-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.t-search{position:relative;flex:1;min-width:0;display:flex;align-items:center}.t-search>.sym{position:absolute;left:16px;color:var(--muted);pointer-events:none}.t-search input{width:100%;height:54px;padding:0 52px 0 50px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:17px;outline:none}.t-search input:focus{border-color:var(--brand)}.t-search .clear{position:absolute;right:4px;width:46px;height:46px;border:0;border-radius:12px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.t-icon-btn{width:48px;height:48px;border:0;border-radius:12px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;flex:none}.t-page{flex:1;min-width:0;padding:28px 32px 32px}.t-page>.t-wrap{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.t-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.t-head h1{margin:0;font-size:30px;font-weight:800;letter-spacing:-.8px}.t-head .sub{font-size:15px;color:var(--muted);margin-top:2px}.t-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.t-status{flex:none;padding:5px 10px;border-radius:8px;font-size:13px;font-weight:700;background:var(--surface2);color:var(--muted)}.t-status[data-tone=ok]{background:var(--ok-soft);color:var(--ok)}.t-status[data-tone=warn]{background:var(--warn-soft);color:var(--warn)}.t-status[data-tone=danger]{background:var(--danger-soft);color:var(--danger)}.num{font-variant-numeric:tabular-nums}@media(max-width:699px){.t-page{padding:18px 16px 24px}}@keyframes estUp{0%{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}@keyframes estFade{0%{opacity:0}to{opacity:1}}@keyframes estPop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.mat-mdc-dialog-surface{border-radius:22px!important}.cdk-overlay-dark-backdrop{background:var(--scrim)}.pay-panel .mat-mdc-dialog-surface{overflow:hidden;background:var(--surface)}@media(max-width:699px){.pay-panel .mat-mdc-dialog-surface{border-radius:0!important}}:root{--tone1-bg: #e3eaff;--tone1: #3659d9;--tone2-bg: #fff3dc;--tone2: #926019;--tone3-bg: #e3f3ef;--tone3: #1d6b5c;--tone4-bg: #efe9ff;--tone4: #6a3fd1;--tone5-bg: #ffecec;--tone5: #b33e3e;--tone0-bg: #eef2f9;--tone0: #62718a;--seg-bg: #eef2f9}html[data-theme=dark]{--tone1-bg: #1c2a55;--tone1: #a3b6ff;--tone2-bg: #382a10;--tone2: #e7b563;--tone3-bg: #10342a;--tone3: #56c996;--tone4-bg: #2a1f4d;--tone4: #c3a8ff;--tone5-bg: #3b1a1e;--tone5: #f28b8b;--tone0-bg: #1a253d;--tone0: #9eadc8;--seg-bg: #1a253d}[data-tone="1"]{--t-bg: var(--tone1-bg);--t-fg: var(--tone1)}[data-tone="2"]{--t-bg: var(--tone2-bg);--t-fg: var(--tone2)}[data-tone="3"]{--t-bg: var(--tone3-bg);--t-fg: var(--tone3)}[data-tone="4"]{--t-bg: var(--tone4-bg);--t-fg: var(--tone4)}[data-tone="5"]{--t-bg: var(--tone5-bg);--t-fg: var(--tone5)}[data-tone="0"]{--t-bg: var(--tone0-bg);--t-fg: var(--tone0)}[data-tone=cat]{--t-bg: color-mix(in srgb, var(--cat) 15%, var(--surface));--t-fg: color-mix(in srgb, var(--cat) 85%, #000)}html[data-theme=dark] [data-tone=cat]{--t-bg: color-mix(in srgb, var(--cat) 28%, var(--surface));--t-fg: color-mix(in srgb, var(--cat) 55%, #fff)}.c-tile{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--t-bg, var(--brand-soft));color:var(--t-fg, var(--brand-ink));font-weight:700;font-size:14px}.c-tile.round{border-radius:50%}.c-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--brand-ink);margin-bottom:8px;text-transform:uppercase}.c-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.c-panel.pad{padding:22px}.c-panel.filters{padding:16px;display:flex;flex-direction:column;gap:14px}.c-panel h2{margin:0 0 4px;font-size:19px;letter-spacing:-.4px}.c-panel .lead{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.c-section{display:flex;flex-direction:column;gap:18px}.c-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.c-tabs button,.c-tabs a{flex:none;height:48px;padding:0 16px;border:0;background:transparent;border-bottom:3px solid transparent;margin-bottom:-1px;color:var(--muted);font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;text-decoration:none}.c-tabs .active{color:var(--brand-ink);border-bottom-color:var(--brand)}.c-count{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--surface2)}.c-tabs .active .c-count{background:var(--brand-soft)}.c-count.warn{background:var(--warn-soft);color:var(--warn)}.c-seg{display:flex;gap:4px;padding:4px;background:var(--seg-bg);border-radius:12px;flex-wrap:wrap}.c-seg button{height:40px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.c-seg button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #17243b1f}.c-chip{flex:none;height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.c-chip.active{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand)}.c-chip.warn.active{background:var(--warn-soft);color:var(--warn);border-color:var(--warn)}.c-chip .sym{font-size:18px}.c-chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.c-chip-wrap{display:flex;gap:8px;flex-wrap:wrap}.c-row-list{overflow:hidden}.c-row-list>*+*{border-top:1px solid var(--border)}.c-row{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 20px;border:0;background:var(--surface);color:var(--ink);text-align:left;font:inherit;font-size:15px}button.c-row,a.c-row{cursor:pointer;text-decoration:none}button.c-row:hover,a.c-row:hover{background:var(--surface2);color:var(--ink)}.c-row-head{display:flex;align-items:center;gap:16px;padding:14px 20px;background:var(--surface2);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}.c-who{display:flex;align-items:center;gap:12px;min-width:0}.c-who>span:last-child{min-width:0}.c-who strong{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-who small{display:block;font-size:13px;color:var(--muted)}.c-muted{color:var(--muted);font-size:14px}.c-chev{color:var(--muted);font-size:22px}.c-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.c-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--ink);text-align:left;font:inherit;cursor:pointer;box-shadow:var(--shadow);text-decoration:none}.c-card:hover{color:var(--ink)}.c-card:active{background:var(--surface2)}.c-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--ink);min-width:0}.c-field .help{font-size:13px;font-weight:400;color:var(--muted);line-height:1.45}.c-field .help.bad{color:var(--danger)}.c-input,.c-select,.c-textarea{width:100%;height:48px;padding:0 14px;border:1px solid var(--field-border);border-radius:10px;background:var(--field);color:var(--ink);font:inherit;font-size:16px;font-weight:400;outline:none}.c-textarea{height:auto;padding:12px 14px;resize:vertical;line-height:1.5}.c-input:focus,.c-select:focus,.c-textarea:focus{border-color:var(--brand);background:var(--surface)}.c-input.bad{border-color:var(--danger)}.c-input.lg{height:52px;font-size:17px;font-weight:500}.c-input:disabled,.c-select:disabled,.c-textarea:disabled{opacity:.7}.c-select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}.c-affix{position:relative}.c-affix>.pre{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px;pointer-events:none}.c-affix>.sym.pre{font-size:20px}.c-affix .c-input{padding-left:50px}.c-affix .c-input.icon{padding-left:44px}.c-affix .post{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.c-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.c-grid.sm{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.c-btn{height:48px;padding:0 20px;border:0;border-radius:10px;background:var(--brand);color:#fff;font:inherit;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:0 4px 10px #3659d926}.c-btn:hover{color:#fff;text-decoration:none;filter:brightness(.95)}.c-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.c-btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--border);box-shadow:none;font-weight:600}.c-btn.ghost:hover{background:var(--surface2);color:var(--ink);filter:none}.c-btn.soft{background:var(--brand-soft);color:var(--brand-ink);box-shadow:none}.c-btn.soft:hover{color:var(--brand-ink)}.c-btn.danger{background:transparent;color:var(--danger);box-shadow:none;font-weight:600}.c-btn.danger:hover{background:var(--danger-soft);color:var(--danger);filter:none}.c-btn.danger.solid{background:var(--danger);color:var(--on-danger)}.c-btn.danger.solid:hover{color:var(--on-danger);filter:brightness(.95)}.c-btn.sm{height:44px;padding:0 14px;font-size:14px}.c-btn .sym{font-size:20px}.c-icon-btn{flex:none;width:44px;height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);display:grid;place-items:center;cursor:pointer}.c-icon-btn:hover{background:var(--surface2)}.c-icon-btn.bad{color:var(--danger)}.c-icon-btn.bad:hover{background:var(--danger-soft)}.c-icon-btn.plain{border:0;background:var(--surface2)}.c-switch{flex:none;width:52px;height:32px;border-radius:999px;border:0;padding:3px;cursor:pointer;background:var(--field-border);display:flex;justify-content:flex-start;transition:background .15s}.c-switch:after{content:"";width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003}.c-switch[aria-checked=true]{background:var(--brand);justify-content:flex-end}.c-switch:disabled{opacity:.5;cursor:not-allowed}.c-toggle-row{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:12px}.c-toggle-row>div{flex:1;min-width:0}.c-toggle-row strong{display:block;font-size:15px;font-weight:600}.c-toggle-row>div>span{font-size:13px;color:var(--muted);line-height:1.45}.c-stepper{display:flex;align-items:center;border:1px solid var(--field-border);border-radius:12px;overflow:hidden;height:52px;background:var(--surface);flex:none}.c-stepper button{width:52px;height:100%;border:0;background:var(--surface2);color:var(--ink);cursor:pointer;display:grid;place-items:center}.c-stepper button:disabled{opacity:.4;cursor:not-allowed}.c-stepper input,.c-stepper output{width:80px;height:100%;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);color:var(--ink);text-align:center;font:inherit;font-size:18px;font-weight:700;outline:none;-moz-appearance:textfield;display:grid;place-items:center}.c-stepper input::-webkit-inner-spin-button,.c-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.c-stepper.lg{height:60px;border-radius:14px}.c-stepper.lg button{width:60px}.c-stepper.lg input{width:96px;font-size:22px}.c-savebar{position:sticky;bottom:12px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px #17243b1f}.c-savebar .status{flex:1;min-width:120px;font-size:14px;color:var(--muted)}.c-savebar .status.warn{color:var(--warn)}.c-savebar.dark{background:#17243b;color:#fff;border-color:#17243b;padding-left:18px}html[data-theme=dark] .c-savebar.dark{background:#26334f;border-color:#34425f}.c-savebar.dark .status{color:#fff;display:flex;align-items:center;gap:8px}.c-savebar.dark .status .sym{color:#8ca2f0}.c-savebar.dark .c-btn.ghost{background:transparent;color:#fff;border-color:#ffffff40}.c-empty{padding:44px 24px;text-align:center;color:var(--muted);font-size:15px}.c-empty>.sym{display:block;font-size:38px;color:var(--brand-ink);margin:0 auto 10px}.c-empty h3{margin:0 0 6px;font-size:18px;color:var(--ink)}.c-empty p{margin:0 0 16px}.c-sheet{display:flex;flex-direction:column;max-height:92vh;background:var(--surface);color:var(--ink)}.c-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 0}.c-sheet>header h2{margin:0;font-size:21px;letter-spacing:-.4px}.c-sheet>.body{flex:1;overflow:auto;padding:18px 22px;display:flex;flex-direction:column;gap:18px}.c-sheet>footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:14px 22px 20px;border-top:1px solid var(--border)}.c-drawer{height:100vh;max-height:100vh}.c-drawer>header{padding:18px 20px;border-bottom:1px solid var(--border);justify-content:flex-start}.c-drawer>.body{padding:20px}.c-drawer>footer{padding:14px 20px}.c-drawer-panel .mat-mdc-dialog-surface{border-radius:0!important}@media(max-width:699px){.c-panel.pad{padding:18px}.c-row{padding:12px 16px}.c-savebar{bottom:8px}.c-sheet-panel .mat-mdc-dialog-surface{border-radius:22px 22px 0 0!important}}
