/* patua-one-latin-400-normal */
@font-face {
  font-family: 'Patua One';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/fonts/patua-one-latin-400-normal.dac94378.woff2) format('woff2'), url(/build/fonts/patua-one-latin-400-normal.32cf901a.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* inter-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/build/fonts/inter-cyrillic-ext-wght-normal.b5cdd476.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/build/fonts/inter-cyrillic-wght-normal.49594fb5.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/build/fonts/inter-greek-ext-wght-normal.f4df85d1.woff2) format('woff2-variations');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/build/fonts/inter-greek-wght-normal.4f908aee.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/build/fonts/inter-vietnamese-wght-normal.ab4bb8dc.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/build/fonts/inter-latin-ext-wght-normal.8bff79fb.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/build/fonts/inter-latin-wght-normal.4f2981d8.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*
 * Design tokens. Light, calm and readable: white surfaces on a light warm grey, near-black text,
 * thin borders and softly rounded corners (furniture-catalogue feel, cf. tikamoon.com),
 * with a mossy green accent for actions and positive figures.
 */
:root {
    --color-accent: #5b7f3a;
    --color-accent-strong: #46652b;
    --color-accent-soft: #eef3e8;

    --color-bg: #f5f5f3;
    --color-surface: #ffffff;
    --color-sidebar: #ffffff;
    --color-text: #1b1b1b;
    --color-muted: #6f6f6b;
    --color-subtle: #9a9a95;
    --color-border: #e4e4e0;
    --color-border-strong: #cfcfca;
    --color-ink: #111111;
    --color-danger: #a8321f;
    --color-danger-soft: #fbefec;
    --color-success: #3f7d2c;
    --color-warning: #a86b12;
    --color-backdrop: rgb(17 17 17 / 35%);

    --radius: 0.5rem;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;

    --font-body: "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-display: "Patua One", Rockwell, Georgia, serif;
    --font-size: 0.9375rem;

    --sidebar-width: 13rem;
    --shadow: 0 0.0625rem 0.125rem rgb(17 17 17 / 6%), 0 0.5rem 1.5rem rgb(17 17 17 / 8%);
    --transition: 180ms ease;
}


.toast-host {
    position: fixed;
    right: var(--space-4);
    bottom: var(--space-4);
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    width: min(26.25rem, calc(100vw - 2 * var(--space-4)));
    margin: 0;
    padding: 0;
    list-style: none;
    outline: none;
}
.toast {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius);
    background: var(--color-surface);
    border-left: 0.25rem solid var(--color-accent);
    box-shadow: var(--shadow);
}
.toast--error { border-left-color: var(--color-danger);
}
.toast--info { border-left-color: var(--color-muted);
}
.toast__message { flex: 1;
}
.toast__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--color-muted);
    line-height: 1;
}
.toast__close:hover { color: var(--color-ink);
}
.toast[data-state="open"] { animation: toast-in var(--transition);
}
.toast[data-state="closed"] { animation: toast-out var(--transition);
}
.toast[data-swipe="move"] { transform: translateX(var(--reka-toast-swipe-move-x));
}
.toast[data-swipe="end"] { animation: toast-swipe-out var(--transition);
}
@keyframes toast-in {
from { opacity: 0; transform: translateY(0.5rem);
}
}
@keyframes toast-out {
to { opacity: 0; transform: translateY(0.5rem);
}
}
@keyframes toast-swipe-out {
from { transform: translateX(var(--reka-toast-swipe-end-x));
}
to { opacity: 0; transform: translateX(100%);
}
}


.app-layout[data-v-00ab8f9e] {
    display: grid;
    grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
    min-height: 100vh;
}
.app-layout__sidebar[data-v-00ab8f9e] {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    padding: var(--space-6) var(--space-4);
    background: var(--color-sidebar);
    border-right: 0.0625rem solid var(--color-border);
}
.app-layout__brand[data-v-00ab8f9e] {
    padding: 0 var(--space-3);
    font-family: var(--font-display);
    font-size: 1.6rem;
    line-height: 1;
    color: var(--color-ink);
    text-decoration: none;
}
.app-layout__sidebar[data-v-00ab8f9e] .app-layout__nav { display: flex; flex-direction: column; gap: var(--space-1); margin: 0; padding: 0; list-style: none;
}
.app-layout__link[data-v-00ab8f9e] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border-left: 0.125rem solid transparent;
    font-weight: 500;
    color: var(--color-muted);
    text-decoration: none;
    transition: color var(--transition), background var(--transition), border-color var(--transition);
}
.app-layout__link[data-v-00ab8f9e]:hover { color: var(--color-ink); background: var(--color-bg);
}
.app-layout__link--active[data-v-00ab8f9e] {
    color: var(--color-ink);
    background: var(--color-accent-soft);
    border-left-color: var(--color-accent);
}
.app-layout__icon[data-v-00ab8f9e] { flex-shrink: 0; color: var(--color-subtle); transition: color var(--transition);
}
.app-layout__link:hover .app-layout__icon[data-v-00ab8f9e] { color: var(--color-ink);
}
.app-layout__link--active .app-layout__icon[data-v-00ab8f9e] { color: var(--color-accent);
}
.app-layout__account[data-v-00ab8f9e] {
    margin-top: auto;
    padding: var(--space-4) var(--space-3) 0;
    border-top: 0.0625rem solid var(--color-border);
    font-size: 0.8rem;
}
.app-layout__workspace[data-v-00ab8f9e] { margin: 0; font-weight: 600; color: var(--color-ink);
}
.app-layout__email[data-v-00ab8f9e] { margin: 0 0 var(--space-2); color: var(--color-subtle); overflow-wrap: anywhere;
}
.app-layout__logout[data-v-00ab8f9e] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: 0;
    border: none;
    background: none;
    color: var(--color-muted);
    cursor: pointer;
    transition: color var(--transition);
}
.app-layout__logout[data-v-00ab8f9e]:hover { color: var(--color-ink);
}
.app-layout__main[data-v-00ab8f9e] {
    min-width: 0;
    padding: var(--space-6) var(--space-7);
}
.app-layout__heading[data-v-00ab8f9e] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-4);
    flex-wrap: wrap;
    margin-bottom: var(--space-5);
    padding-bottom: var(--space-4);
    border-bottom: 0.0625rem solid var(--color-border);
}
.app-layout__back[data-v-00ab8f9e] { margin-bottom: var(--space-2); font-size: 0.9rem;
}
.app-layout__back[data-v-00ab8f9e] a { color: var(--color-muted); text-decoration: none;
}
.app-layout__back[data-v-00ab8f9e] a:hover { color: var(--color-ink);
}
.app-layout__title[data-v-00ab8f9e] { margin: 0;
}
.app-layout__actions[data-v-00ab8f9e] { display: flex; gap: var(--space-2); flex-wrap: wrap;
}
@media (max-width: 53.75rem) {
.app-layout[data-v-00ab8f9e] { grid-template-columns: 1fr;
}
.app-layout__sidebar[data-v-00ab8f9e] {
        position: static;
        height: auto;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: var(--space-3);
        padding: var(--space-3) var(--space-4);
        border-right: none;
        border-bottom: 0.0625rem solid var(--color-border);
}
.app-layout__sidebar[data-v-00ab8f9e] .app-layout__nav { flex-direction: row; flex-wrap: wrap;
}
.app-layout__link[data-v-00ab8f9e] { border-left: none; border-bottom: 0.125rem solid transparent; padding: var(--space-2);
}
.app-layout__link--active[data-v-00ab8f9e] { border-bottom-color: var(--color-accent);
}
.app-layout__account[data-v-00ab8f9e] { margin-top: 0; margin-left: auto; padding: 0; border-top: none;
}
.app-layout__email[data-v-00ab8f9e] { display: none;
}
.app-layout__main[data-v-00ab8f9e] { padding: var(--space-4);
}
}


.card[data-v-04981e39] {
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius);
    padding: var(--space-5);
}
.card__header[data-v-04981e39] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}
.card__title[data-v-04981e39] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-ink);
}
.card__actions[data-v-04981e39] { display: flex; gap: var(--space-2); align-items: center;
}


.select[data-v-0dc1becc] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    width: 100%;
    min-height: 2.375rem;
    padding: var(--space-2) var(--space-3);
    border: 0.0625rem solid var(--color-border-strong);
    border-radius: var(--radius);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color var(--transition), box-shadow var(--transition);
}
.select--small[data-v-0dc1becc] { width: auto; min-height: 2rem; padding: var(--space-1) var(--space-2);
}
.select[data-v-0dc1becc]:hover { border-color: var(--color-ink);
}
.select[data-v-0dc1becc]:focus-visible,
.select[data-state="open"][data-v-0dc1becc] {
    outline: none;
    border-color: var(--color-accent);
    box-shadow: 0 0 0 0.1875rem var(--color-accent-soft);
}
.select__value[data-v-0dc1becc] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.select[data-placeholder] .select__value[data-v-0dc1becc] { color: var(--color-subtle);
}
.select__chevron[data-v-0dc1becc] { flex-shrink: 0; color: var(--color-muted); transition: transform var(--transition);
}
.select[data-state="open"] .select__chevron[data-v-0dc1becc] { transform: rotate(180deg);
}


.select__content {
    z-index: 60;
    min-width: var(--reka-select-trigger-width);
    max-height: var(--reka-select-content-available-height);
    overflow: hidden;
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    animation: select-in var(--transition);
}
.select__viewport { padding: var(--space-1);
}
.select__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border-radius: calc(var(--radius) - 0.125rem);
    color: var(--color-text);
    cursor: pointer;
    user-select: none;
    outline: none;
}
.select__item[data-highlighted] { background: var(--color-bg);
}
.select__item[data-state="checked"] { color: var(--color-accent-strong); font-weight: 600;
}
.select__item[data-disabled] { color: var(--color-subtle); cursor: default;
}
.select__indicator { display: inline-flex; color: var(--color-accent);
}
@keyframes select-in {
from { opacity: 0; transform: translateY(-0.25rem);
}
}


.empty-state[data-v-d49353e4] {
    margin: 0;
    padding: var(--space-5);
    text-align: center;
    color: var(--color-muted);
    border: 0.0625rem dashed var(--color-border);
    border-radius: var(--radius);
}


.best-sellers[data-v-b0f92f72] { display: flex; flex-direction: column; gap: var(--space-5);
}
.best-sellers__heading[data-v-b0f92f72] { margin: 0 0 var(--space-2); font-size: 0.875rem; font-weight: 500; color: var(--color-muted);
}
.best-sellers__list[data-v-b0f92f72] { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding: 0; list-style: none;
}
.best-sellers__item[data-v-b0f92f72] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 6.5rem;
    align-items: baseline;
    column-gap: var(--space-3);
    row-gap: 0.1875rem;
}
.best-sellers__name[data-v-b0f92f72] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.best-sellers__quantity[data-v-b0f92f72] { color: var(--color-muted); font-size: 0.85rem; font-variant-numeric: tabular-nums;
}
.best-sellers__sales[data-v-b0f92f72] { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap;
}
.best-sellers__bar[data-v-b0f92f72] { grid-column: 1 / -1; height: 0.25rem; border-radius: 0.125rem; background: var(--color-accent); opacity: 0.55;
}


.monthly-chart[data-v-701c847d] { margin: 0; padding-top: var(--space-5);
}
.monthly-chart__plot[data-v-701c847d] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--space-2);
    height: 12.5rem;
    margin-bottom: var(--space-5);
}
.monthly-chart__zero[data-v-701c847d] { position: absolute; left: 0; right: 0; border-top: 0.0625rem solid var(--color-border-strong);
}
.monthly-chart__slot[data-v-701c847d] { position: relative; outline: none; border-radius: var(--radius);
}
.monthly-chart__slot[data-v-701c847d]:hover,
.monthly-chart__slot[data-v-701c847d]:focus-visible { background: var(--color-bg);
}
.monthly-chart__slot[data-v-701c847d]:focus-visible { outline: 0.125rem solid var(--color-accent); outline-offset: 0.125rem;
}
.monthly-chart__bar[data-v-701c847d] { position: absolute; left: 22%; right: 22%;
}
.monthly-chart__bar--gain[data-v-701c847d] { background: var(--color-accent); border-radius: 0.25rem 0.25rem 0 0;
}
.monthly-chart__bar--loss[data-v-701c847d] { background: var(--color-danger); border-radius: 0 0 0.25rem 0.25rem;
}
.monthly-chart__value[data-v-701c847d] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.monthly-chart__bar--gain .monthly-chart__value[data-v-701c847d] { bottom: calc(100% + 0.25rem); color: var(--color-ink);
}
.monthly-chart__bar--loss .monthly-chart__value[data-v-701c847d] { top: calc(100% + 0.25rem); color: var(--color-danger);
}
.monthly-chart__tooltip[data-v-701c847d] {
    position: absolute;
    bottom: calc(100% + var(--space-1));
    left: 50%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: var(--space-2) var(--space-3);
    transform: translateX(-50%);
    white-space: nowrap;
    background: var(--color-ink);
    color: var(--color-surface);
    font-size: 0.8rem;
    border-radius: var(--radius);
    pointer-events: none;
}
.monthly-chart__axis[data-v-701c847d] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--space-2);
    text-align: center;
    font-size: 0.75rem;
    color: var(--color-muted);
}


.button[data-v-3916e4ea] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: 2.375rem;
    padding: var(--space-2) var(--space-4);
    border: 0.0625rem solid transparent;
    border-radius: var(--radius);
    cursor: pointer;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.009rem;
    transition: background var(--transition), border-color var(--transition), color var(--transition), opacity var(--transition);
}
.button[data-v-3916e4ea]:disabled { opacity: 0.5; cursor: not-allowed;
}
.button[data-v-3916e4ea]:focus-visible { outline: 0.125rem solid var(--color-accent); outline-offset: 0.125rem;
}
.button--primary[data-v-3916e4ea] { background: var(--color-accent); color: #fff;
}
.button--primary[data-v-3916e4ea]:hover:not(:disabled) { background: var(--color-accent-strong);
}
.button--secondary[data-v-3916e4ea] { background: var(--color-surface); border-color: var(--color-ink); color: var(--color-ink);
}
.button--secondary[data-v-3916e4ea]:hover:not(:disabled) { background: var(--color-ink); color: #fff;
}
.button--danger[data-v-3916e4ea] { background: var(--color-surface); border-color: var(--color-danger); color: var(--color-danger);
}
.button--danger[data-v-3916e4ea]:hover:not(:disabled) { background: var(--color-danger-soft);
}
.button--ghost[data-v-3916e4ea] { min-height: auto; background: none; color: var(--color-muted); padding: var(--space-1) var(--space-2); font-weight: 500;
}
.button--ghost[data-v-3916e4ea]:hover:not(:disabled) { color: var(--color-ink); text-decoration: underline; text-underline-offset: 0.1875rem;
}
.button__spinner[data-v-3916e4ea] {
    width: 0.85rem;
    height: 0.85rem;
    border: 0.125rem solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: button-spin-3916e4ea 0.7s linear infinite;
}
@keyframes button-spin-3916e4ea {
to { transform: rotate(360deg);
}
}


.table-pagination[data-v-d33a939a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    flex-wrap: wrap;
    padding-top: var(--space-3);
    font-size: 0.9rem;
    color: var(--color-muted);
}
.table-pagination__pages[data-v-d33a939a] { display: flex; align-items: center; gap: var(--space-1);
}
.table-pagination__button[data-v-d33a939a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 var(--space-2);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius);
    background: var(--color-surface);
    color: var(--color-text);
    cursor: pointer;
    font-variant-numeric: tabular-nums;
    transition: border-color var(--transition), background var(--transition), color var(--transition);
}
.table-pagination__button[data-v-d33a939a]:hover:not(:disabled) { border-color: var(--color-ink);
}
.table-pagination__button[data-v-d33a939a]:disabled { opacity: 0.4; cursor: not-allowed;
}
.table-pagination__button[data-selected][data-v-d33a939a] { background: var(--color-ink); border-color: var(--color-ink); color: #fff;
}
.table-pagination__gap[data-v-d33a939a] { padding: 0 var(--space-1);
}
.table-pagination__size[data-v-d33a939a] { display: flex; align-items: center; gap: var(--space-2);
}


.data-table__scroll[data-v-8701a214] { position: relative; overflow: hidden;
}
.data-table__viewport[data-v-8701a214] { width: 100%;
}
.data-table__scrollbar[data-v-8701a214] {
    display: flex;
    height: 0.5rem;
    padding: 0.0625rem;
    user-select: none;
    touch-action: none;
}
.data-table__thumb[data-v-8701a214] {
    position: relative;
    flex: 1;
    border-radius: 62.4375rem;
    background: var(--color-border-strong);
}
.data-table__table[data-v-8701a214] { width: 100%; border-collapse: collapse;
}
.data-table[data-v-8701a214] th,
.data-table[data-v-8701a214] td {
    padding: 0.4375rem var(--space-3);
    text-align: left;
    border-bottom: 0.0625rem solid var(--color-border);
    vertical-align: middle;
}
.data-table[data-v-8701a214] th {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--color-muted);
    white-space: nowrap;
    border-bottom-color: var(--color-border-strong);
}
.data-table__body[data-v-8701a214] tr { transition: background var(--transition);
}
.data-table__body[data-v-8701a214] tr:hover { background: #fafaf8;
}
.data-table[data-v-8701a214] .data-table__cell--number { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.data-table[data-v-8701a214] .data-table__cell--actions { text-align: right; white-space: nowrap;
}
.data-table__foot[data-v-8701a214] td { font-weight: 700; border-bottom: none;
}


.money[data-v-6d7cdeb7] { white-space: nowrap;
}
.money--negative[data-v-6d7cdeb7] { color: var(--color-danger);
}
.money--positive[data-v-6d7cdeb7] { color: var(--color-success);
}


.results-table__row--empty[data-v-11720ed8] { color: var(--color-subtle);
}
.results-table__result[data-v-11720ed8] { font-weight: 600;
}
.results-table__toggle[data-v-11720ed8] { margin-top: var(--space-2);
}


.result-bars[data-v-6aabd1e0] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none;
}
.result-bars__row[data-v-6aabd1e0] {
    display: grid;
    grid-template-columns: minmax(0, 13rem) minmax(0, 1fr) 6.5rem;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) 0;
    border-bottom: 0.0625rem solid var(--color-border);
}
.result-bars__row[data-v-6aabd1e0]:last-child { border-bottom: none;
}
.result-bars__name[data-v-6aabd1e0] { display: flex; flex-direction: column; min-width: 0;
}
.result-bars__name a[data-v-6aabd1e0] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.result-bars__meta[data-v-6aabd1e0] { color: var(--color-muted); font-size: 0.8rem;
}
.result-bars__track[data-v-6aabd1e0] { position: relative; height: 0.75rem;
}
.result-bars__zero[data-v-6aabd1e0] { position: absolute; top: -0.25rem; bottom: -0.25rem; border-left: 0.0625rem solid var(--color-border-strong);
}
.result-bars__bar[data-v-6aabd1e0] { position: absolute; top: 0; bottom: 0; min-width: 0.125rem;
}
.result-bars__bar--gain[data-v-6aabd1e0] { background: var(--color-accent); border-radius: 0 0.125rem 0.125rem 0;
}
.result-bars__bar--loss[data-v-6aabd1e0] { background: var(--color-danger); border-radius: 0.125rem 0 0 0.125rem;
}
.result-bars__value[data-v-6aabd1e0] { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap;
}
.result-bars__value--loss[data-v-6aabd1e0] { color: var(--color-danger);
}


.receipt[data-v-9fc21c50] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: var(--space-6);
    padding: var(--space-6);
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius);
}
.receipt__summary[data-v-9fc21c50] { display: flex; flex-direction: column; gap: var(--space-1);
}
.receipt__title[data-v-9fc21c50] { margin: 0; font-size: 1rem; font-weight: 600; color: var(--color-muted);
}
.receipt__result[data-v-9fc21c50] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 3.25rem;
    line-height: 1.05;
    color: var(--color-ink);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}
.receipt__result--loss[data-v-9fc21c50] { color: var(--color-danger);
}
.receipt__ratio[data-v-9fc21c50] { margin: 0 0 var(--space-2); color: var(--color-muted);
}
.receipt__summary[data-v-9fc21c50] p { margin: 0;
}
.receipt__ledger[data-v-9fc21c50] { display: flex; flex-direction: column; align-self: center;
}
.receipt__line[data-v-9fc21c50] {
    display: grid;
    grid-template-columns: 0 minmax(0, 1fr) 1.25rem 7.5rem;
    align-items: baseline;
    column-gap: var(--space-2);
    width: 100%;
    padding: var(--space-2) 0;
    border: none;
    border-bottom: 0.0625rem dashed var(--color-border-strong);
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    font-variant-numeric: tabular-nums;
}
.receipt--expandable .receipt__line[data-v-9fc21c50] { grid-template-columns: 1rem minmax(0, 1fr) 1.25rem 7.5rem;
}
.receipt__line--toggle[data-v-9fc21c50] { cursor: pointer;
}
.receipt__line--toggle:hover .receipt__label[data-v-9fc21c50] { text-decoration: underline; text-decoration-color: var(--color-border-strong); text-underline-offset: 0.1875rem;
}
.receipt__chevron[data-v-9fc21c50] { align-self: center; color: var(--color-muted); transition: transform var(--transition);
}
.receipt__line--toggle[data-state="open"] .receipt__chevron[data-v-9fc21c50] { transform: rotate(90deg);
}
.receipt__hint[data-v-9fc21c50] { margin-left: var(--space-2); color: var(--color-muted); font-size: 0.85rem;
}
.receipt__sign[data-v-9fc21c50] { color: var(--color-muted); text-align: center;
}
.receipt__amount[data-v-9fc21c50] { text-align: right; white-space: nowrap;
}
.receipt__amount--loss[data-v-9fc21c50] { color: var(--color-danger);
}
.receipt__detail[data-v-9fc21c50] { padding: var(--space-2) 0 var(--space-4) var(--space-5); border-bottom: 0.0625rem dashed var(--color-border-strong);
}
.receipt__line--result[data-v-9fc21c50] {
    margin-top: 0.1875rem;
    padding-top: var(--space-3);
    border-top: 0.1875rem double var(--color-ink);
    border-bottom: none;
    font-size: 1.1rem;
    font-weight: 700;
}
@media (max-width: 56rem) {
.receipt[data-v-9fc21c50] { grid-template-columns: 1fr; gap: var(--space-4); padding: var(--space-5);
}
.receipt__result[data-v-9fc21c50] { font-size: 2.5rem;
}
}


.dashboard-page[data-v-1bc56b68] { display: flex; flex-direction: column; gap: var(--space-5);
}
.dashboard-page__pair[data-v-1bc56b68] { display: grid; grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr)); gap: var(--space-5); align-items: start;
}
.dashboard-page__check[data-v-1bc56b68] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    margin: 0;
    padding: var(--space-3) var(--space-4);
    border: 0.0625rem solid var(--color-warning);
    border-radius: var(--radius);
    background: var(--color-surface);
    color: var(--color-text);
}
.dashboard-page__check svg[data-v-1bc56b68] { flex-shrink: 0; margin-top: 0.1875rem; color: var(--color-warning);
}
.dashboard-page__summary[data-v-1bc56b68] { color: var(--color-muted);
}
.dashboard-page__note[data-v-1bc56b68] { margin: var(--space-3) 0 0; color: var(--color-muted); font-size: 0.85rem;
}


.modal {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: flex;
    background: var(--color-backdrop);
}
.modal--dialog { align-items: flex-start; justify-content: center; padding: 8vh var(--space-4) var(--space-4); overflow-y: auto;
}
.modal--drawer { justify-content: flex-end; background: none; pointer-events: none;
}
.modal__panel {
    display: flex;
    flex-direction: column;
    width: min(35rem, 100%);
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}
.modal__panel:focus { outline: none;
}
.modal--drawer .modal__panel { width: min(32.5rem, 100%); height: 100%; border-radius: 0; border-width: 0 0 0 0.0625rem; pointer-events: auto;
}
.modal--drawer .modal__body { flex: 1; display: flex; flex-direction: column;
}
.modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    border-bottom: 0.0625rem solid var(--color-border);
}
.modal__title { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: 1.35rem;
}
.modal__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--color-muted);
    line-height: 1;
}
.modal__close:hover { color: var(--color-ink);
}
.modal__body { padding: var(--space-5); overflow-y: auto;
}
.modal[data-state="open"] { animation: modal-fade-in var(--transition);
}
.modal[data-state="closed"] { animation: modal-fade-out var(--transition);
}
.modal--dialog .modal__panel[data-state="open"] { animation: modal-rise-in var(--transition);
}
.modal--dialog .modal__panel[data-state="closed"] { animation: modal-rise-out var(--transition);
}
.modal--drawer .modal__panel[data-state="open"] { animation: modal-slide-in var(--transition);
}
.modal--drawer .modal__panel[data-state="closed"] { animation: modal-slide-out var(--transition);
}
@keyframes modal-fade-in {
from { opacity: 0;
}
}
@keyframes modal-fade-out {
to { opacity: 0;
}
}
@keyframes modal-rise-in {
from { transform: translateY(0.5rem) scale(0.98);
}
}
@keyframes modal-rise-out {
to { transform: translateY(0.5rem) scale(0.98);
}
}
@keyframes modal-slide-in {
from { transform: translateX(1.5rem);
}
}
@keyframes modal-slide-out {
to { transform: translateX(1.5rem);
}
}


.money-field[data-v-773d17ac] { width: 100%;
}
.money-field__input[data-v-773d17ac] { font-variant-numeric: tabular-nums;
}


.number-field[data-v-9d929d14] {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 2.375rem;
    border: 0.0625rem solid var(--color-border-strong);
    border-radius: var(--radius);
    background: var(--color-surface);
    overflow: hidden;
    transition: border-color var(--transition), box-shadow var(--transition);
}
.number-field[data-v-9d929d14]:focus-within {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 0.1875rem var(--color-accent-soft);
}
.number-field .number-field__input[data-v-9d929d14] {
    flex: 1;
    min-width: 0;
    min-height: auto;
    padding: var(--space-2) var(--space-1);
    border: none;
    background: none;
    box-shadow: none;
    text-align: center;
    font-variant-numeric: tabular-nums;
}
.number-field .number-field__input[data-v-9d929d14]:focus { outline: none; border: none; box-shadow: none;
}
.number-field__step[data-v-9d929d14] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    border: none;
    background: var(--color-bg);
    color: var(--color-muted);
    cursor: pointer;
    transition: color var(--transition), background var(--transition);
}
.number-field__step[data-v-9d929d14]:hover:not(:disabled) { color: var(--color-ink); background: var(--color-border);
}
.number-field__step[data-v-9d929d14]:disabled { opacity: 0.4; cursor: not-allowed;
}
.number-field__step--decrement[data-v-9d929d14] { order: -1;
}


.form-field[data-v-65136172] { display: flex; flex-direction: column; gap: var(--space-1);
}
.form-field__label[data-v-65136172] { font-weight: 500; font-size: 0.875rem; color: var(--color-text);
}
.form-field[data-v-65136172] input,
.form-field[data-v-65136172] select,
.form-field[data-v-65136172] textarea {
    width: 100%;
    padding: var(--space-2) var(--space-3);
    min-height: 2.375rem;
    border: 0.0625rem solid var(--color-border-strong);
    border-radius: var(--radius);
    background: var(--color-surface);
    transition: border-color var(--transition), box-shadow var(--transition);
}
.form-field[data-v-65136172] input:focus,
.form-field[data-v-65136172] select:focus,
.form-field[data-v-65136172] textarea:focus {
    outline: none;
    border-color: var(--color-accent);
    box-shadow: 0 0 0 0.1875rem var(--color-accent-soft);
}
.form-field--invalid[data-v-65136172] input,
.form-field--invalid[data-v-65136172] select { border-color: var(--color-danger);
}
.form-field__error[data-v-65136172] { color: var(--color-danger); font-size: 0.85rem;
}
.form-field__hint[data-v-65136172] { color: var(--color-muted); font-size: 0.85rem;
}


.product-picker[data-v-0313fefe] { display: flex; flex-direction: column; gap: var(--space-2);
}
.product-picker__list[data-v-0313fefe] {
    max-height: 13.75rem;
    overflow-y: auto;
    padding: var(--space-1);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius);
    outline: none;
}
.product-picker__list[data-v-0313fefe]:focus-visible { border-color: var(--color-accent);
}
.product-picker__option[data-v-0313fefe] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) var(--space-2);
    border-radius: calc(var(--radius) - 0.125rem);
    cursor: pointer;
    outline: none;
    transition: background var(--transition);
}
.product-picker__option[data-highlighted][data-v-0313fefe] { background: var(--color-bg);
}
.product-picker__option[data-state="checked"][data-v-0313fefe] { background: var(--color-accent-soft);
}
.product-picker__option[data-disabled][data-v-0313fefe] { cursor: default;
}
.product-picker__box[data-v-0313fefe] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    border: 0.0625rem solid var(--color-border-strong);
    border-radius: 0.25rem;
    background: var(--color-surface);
    color: #fff;
}
.product-picker__option[data-state="checked"] .product-picker__box[data-v-0313fefe] { background: var(--color-accent); border-color: var(--color-accent);
}
.product-picker__option[data-disabled][data-v-0313fefe] { color: var(--color-muted);
}
.product-picker__name[data-v-0313fefe] { flex: 1;
}
.product-picker__covered[data-v-0313fefe] { color: var(--color-accent-strong); font-size: 0.8rem;
}
.product-picker__price[data-v-0313fefe] { color: var(--color-muted); font-variant-numeric: tabular-nums;
}
.product-picker__count[data-v-0313fefe] { margin: 0; color: var(--color-muted); font-size: 0.85rem;
}


.type-picker[data-v-09ce401f] { display: flex; gap: var(--space-2); flex-wrap: wrap;
}
.type-picker__empty[data-v-09ce401f] { margin: 0; color: var(--color-muted); font-size: 0.9rem;
}
.type-picker__chip[data-v-09ce401f] {
    padding: var(--space-1) var(--space-3);
    border: 0.0625rem solid var(--color-border-strong);
    border-radius: 62.4375rem;
    background: var(--color-surface);
    cursor: pointer;
    transition: background var(--transition), color var(--transition), border-color var(--transition);
}
.type-picker__chip[data-v-09ce401f]:hover { border-color: var(--color-accent);
}
.type-picker__chip[data-v-09ce401f]:focus-visible { outline: 0.125rem solid var(--color-accent); outline-offset: 0.125rem;
}
.type-picker__chip[data-state="on"][data-v-09ce401f] { background: var(--color-accent); border-color: var(--color-accent); color: #fff;
}


.discount-rule-form[data-v-2bea8a0c] { display: flex; flex-direction: column; gap: var(--space-3);
}
.discount-rule-form__row[data-v-2bea8a0c] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3);
}
.discount-rule-form__actions[data-v-2bea8a0c] { display: flex; justify-content: flex-end; gap: var(--space-2);
}
.discount-rule-form__hint[data-v-2bea8a0c] { margin: 0; color: var(--color-muted); font-size: 0.9rem;
}
.discount-rule-form__error[data-v-2bea8a0c] {
    margin: 0;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius);
    background: var(--color-danger-soft);
    color: var(--color-danger);
}


.switch[data-v-76ab6558] {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    width: 2.25rem;
    height: 1.25rem;
    padding: 0.125rem;
    border: none;
    border-radius: 62.4375rem;
    background: var(--color-border-strong);
    cursor: pointer;
    transition: background var(--transition);
}
.switch[data-v-76ab6558]:focus-visible { outline: 0.125rem solid var(--color-accent); outline-offset: 0.125rem;
}
.switch[data-state="checked"][data-v-76ab6558] { background: var(--color-accent);
}
.switch__thumb[data-v-76ab6558] {
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--color-surface);
    box-shadow: 0 0.0625rem 0.125rem rgb(17 17 17 / 20%);
    transition: transform var(--transition);
}
.switch__thumb[data-state="checked"][data-v-76ab6558] { transform: translateX(1rem);
}


.icon-button[data-v-1ca18d96] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 0.0625rem solid transparent;
    border-radius: var(--radius);
    background: none;
    color: var(--color-muted);
    cursor: pointer;
    transition: color var(--transition), background var(--transition), border-color var(--transition);
}
.icon-button[data-v-1ca18d96]:hover { color: var(--color-ink); background: var(--color-bg); border-color: var(--color-border);
}
.icon-button[data-v-1ca18d96]:focus-visible { outline: 0.125rem solid var(--color-accent); outline-offset: 0.125rem;
}
.icon-button--danger[data-v-1ca18d96]:hover { color: var(--color-danger); background: var(--color-danger-soft); border-color: transparent;
}


.icon-button__tooltip {
    z-index: 70;
    padding: var(--space-1) var(--space-2);
    border-radius: calc(var(--radius) - 0.125rem);
    background: var(--color-ink);
    color: #fff;
    font-size: 0.8rem;
    animation: icon-button-tooltip-in var(--transition);
}
.icon-button__arrow { fill: var(--color-ink);
}
@keyframes icon-button-tooltip-in {
from { opacity: 0;
}
}


.confirm-dialog {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 20vh var(--space-4) var(--space-4);
    background: var(--color-backdrop);
}
.confirm-dialog[data-state="open"] { animation: confirm-dialog-fade var(--transition);
}
.confirm-dialog__panel {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    width: min(25rem, 100%);
    padding: var(--space-5);
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}
.confirm-dialog__panel:focus { outline: none;
}
.confirm-dialog__panel[data-state="open"] { animation: confirm-dialog-rise var(--transition);
}
.confirm-dialog__title { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: 1.25rem;
}
.confirm-dialog__message { margin: 0; color: var(--color-muted);
}
.confirm-dialog__actions { display: flex; justify-content: flex-end; gap: var(--space-2); margin-top: var(--space-2);
}
@keyframes confirm-dialog-fade {
from { opacity: 0;
}
}
@keyframes confirm-dialog-rise {
from { transform: translateY(0.5rem) scale(0.98);
}
}


.discount-rule-list[data-v-53e8e67d] { margin: 0; padding: 0; list-style: none;
}
.discount-rule-list__item[data-v-53e8e67d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 9rem 7rem auto;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-2);
    border-bottom: 0.0625rem solid var(--color-border);
    transition: opacity var(--transition), background var(--transition);
}
.discount-rule-list__item[data-v-53e8e67d]:last-child { border-bottom: none;
}
.discount-rule-list__item--inactive .discount-rule-list__main[data-v-53e8e67d],
.discount-rule-list__item--inactive .discount-rule-list__saving[data-v-53e8e67d] { opacity: 0.55;
}
.discount-rule-list__item--selected[data-v-53e8e67d] { background: var(--color-accent-soft);
}
.discount-rule-list__main[data-v-53e8e67d] { display: flex; flex-direction: column; min-width: 0;
}
.discount-rule-list__name[data-v-53e8e67d] { font-weight: 600;
}
.discount-rule-list__deal[data-v-53e8e67d] { font-size: 0.9rem;
}
.discount-rule-list__products[data-v-53e8e67d] { color: var(--color-muted); font-size: 0.85rem;
}
.discount-rule-list__saving[data-v-53e8e67d] { display: flex; flex-direction: column; align-items: flex-end; margin: 0; grid-column: 2;
}
.discount-rule-list__saving-label[data-v-53e8e67d] { color: var(--color-muted); font-size: 0.8rem;
}
.discount-rule-list__saving-amount[data-v-53e8e67d] { color: var(--color-success); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.discount-rule-list__toggle[data-v-53e8e67d] { grid-column: 3; display: flex; align-items: center; gap: var(--space-2); font-size: 0.9rem; cursor: pointer;
}
.discount-rule-list__actions[data-v-53e8e67d] { grid-column: 4; display: flex; align-items: center; gap: var(--space-1);
}
.discount-rule-list__item-enter-active[data-v-53e8e67d],
.discount-rule-list__item-leave-active[data-v-53e8e67d] { transition: opacity var(--transition), transform var(--transition);
}
.discount-rule-list__item-enter-from[data-v-53e8e67d],
.discount-rule-list__item-leave-to[data-v-53e8e67d] { opacity: 0; transform: translateY(-0.25rem);
}
@media (max-width: 43.75rem) {
.discount-rule-list__item[data-v-53e8e67d] { grid-template-columns: 1fr auto;
}
.discount-rule-list__saving[data-v-53e8e67d],
    .discount-rule-list__toggle[data-v-53e8e67d],
    .discount-rule-list__actions[data-v-53e8e67d] { grid-column: auto;
}
}


.discounts-page__intro[data-v-7d4efc08] { margin: 0 0 var(--space-4); color: var(--color-muted); max-width: 70ch;
}

.date-picker__field {
    display: flex;
    align-items: center;
    gap: 0.0625rem;
    width: 100%;
    min-height: 2.375rem;
    padding: var(--space-1) var(--space-1) var(--space-1) var(--space-3);
    border: 0.0625rem solid var(--color-border-strong);
    border-radius: var(--radius);
    background: var(--color-surface);
    font-variant-numeric: tabular-nums;
    transition: border-color var(--transition), box-shadow var(--transition);
}

.date-picker__field:focus-within {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 0.1875rem var(--color-accent-soft);
}

.date-picker__field[data-invalid] { border-color: var(--color-danger); }

.date-picker__segment {
    padding: 0 0.0625rem;
    border-radius: 0.25rem;
    outline: none;
}

.date-picker__segment:focus { background: var(--color-accent-soft); color: var(--color-accent-strong); }
.date-picker__segment[data-placeholder] { color: var(--color-subtle); }
.date-picker__literal { padding: 0 0.125rem; color: var(--color-subtle); }

.date-picker__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    margin-left: auto;
    border: none;
    border-radius: calc(var(--radius) - 0.125rem);
    background: none;
    color: var(--color-muted);
    cursor: pointer;
    transition: color var(--transition), background var(--transition);
}

.date-picker__trigger:hover { color: var(--color-ink); background: var(--color-bg); }
.date-picker__trigger:focus-visible { outline: 0.125rem solid var(--color-accent); outline-offset: 0.125rem; }

.date-picker__content {
    z-index: 60;
    padding: var(--space-3);
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    animation: date-picker-in var(--transition);
}

.date-picker__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-2);
}

.date-picker__heading { font-weight: 600; text-transform: capitalize; }

.date-picker__nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius);
    background: var(--color-surface);
    color: var(--color-text);
    cursor: pointer;
}

.date-picker__nav:hover { border-color: var(--color-ink); }

.date-picker__grid { border-collapse: collapse; }

.date-picker__head-cell {
    width: 2.25rem;
    padding-bottom: var(--space-1);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-muted);
}

.date-picker__cell { padding: 0.0625rem; text-align: center; }

.date-picker__day {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: calc(var(--radius) - 0.125rem);
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    outline: none;
    transition: background var(--transition), color var(--transition);
}

.date-picker__day:hover { background: var(--color-bg); }
.date-picker__day:focus-visible { box-shadow: 0 0 0 0.125rem var(--color-accent); }
.date-picker__day[data-today] { font-weight: 700; color: var(--color-accent-strong); }
.date-picker__day[data-outside-view] { color: var(--color-subtle); }
.date-picker__day[data-disabled],
.date-picker__day[data-unavailable] { color: var(--color-subtle); cursor: not-allowed; text-decoration: line-through; }
.date-picker__day[data-highlighted] { background: var(--color-accent-soft); border-radius: 0; }
.date-picker__day[data-selected] { background: var(--color-accent-soft); color: var(--color-accent-strong); border-radius: 0; }

.date-picker__day[data-selection-start],
.date-picker__day[data-selection-end],
.date-picker__day[data-highlighted-start],
.date-picker__day[data-highlighted-end],
.date-picker__day--single[data-selected] {
    background: var(--color-accent);
    color: #fff;
    border-radius: calc(var(--radius) - 0.125rem);
}

@keyframes date-picker-in { from { opacity: 0; transform: translateY(-0.25rem); } }


.event-form[data-v-fdc1c484] { display: flex; flex-direction: column; gap: var(--space-3);
}
.event-form__actions[data-v-fdc1c484] { display: flex; justify-content: flex-end; gap: var(--space-2);
}
.event-form__error[data-v-fdc1c484] {
    margin: 0;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius);
    background: var(--color-danger-soft);
    color: var(--color-danger);
}


.event-header[data-v-61d4809e] { display: flex; gap: var(--space-5); flex-wrap: wrap; margin: 0; color: var(--color-muted);
}
.event-header__item[data-v-61d4809e] { display: inline-flex; align-items: center; gap: var(--space-2);
}


.checkbox[data-v-9ff6f204] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    padding: 0;
    border: 0.0625rem solid var(--color-border-strong);
    border-radius: 0.25rem;
    background: var(--color-surface);
    color: #fff;
    cursor: pointer;
    transition: background var(--transition), border-color var(--transition);
}
.checkbox[data-v-9ff6f204]:hover:not([data-disabled]) { border-color: var(--color-ink);
}
.checkbox[data-v-9ff6f204]:focus-visible { outline: 0.125rem solid var(--color-accent); outline-offset: 0.125rem;
}
.checkbox[data-state="checked"][data-v-9ff6f204] { background: var(--color-accent); border-color: var(--color-accent);
}
.checkbox[data-disabled][data-v-9ff6f204] { opacity: 0.6; cursor: not-allowed;
}
.checkbox__indicator[data-v-9ff6f204] { display: inline-flex;
}


.order-recap[data-v-31ba8686] { display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-3);
}
.order-recap__toggle[data-v-31ba8686] { display: flex; align-items: center; gap: var(--space-2); font-size: 0.9rem; color: var(--color-muted); cursor: pointer;
}
.order-recap__list[data-v-31ba8686] { border-top: 0.0625rem solid var(--color-border);
}
.order-recap__row[data-v-31ba8686] {
    display: grid;
    grid-template-columns: 0.9375rem minmax(0, 1fr) 4.375rem 6.25rem;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) 0;
    border-bottom: 0.0625rem solid var(--color-border);
}
button.order-recap__row[data-v-31ba8686] {
    width: 100%;
    border-width: 0 0 0.0625rem;
    border-color: var(--color-border);
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
button.order-recap__row[data-v-31ba8686]:hover { background: #fafaf8;
}
button.order-recap__row[data-v-31ba8686]:focus-visible { outline: 0.125rem solid var(--color-accent); outline-offset: -0.125rem;
}
.order-recap__row--group[data-v-31ba8686] { font-weight: 600;
}
.order-recap__row--product[data-v-31ba8686] { padding-left: var(--space-4);
}
.order-recap__row--leaf[data-v-31ba8686] { grid-template-columns: minmax(0, 1fr) 4.375rem 6.25rem; padding-left: calc(var(--space-4) + 0.9375rem + var(--space-2));
}
.order-recap__row--variant[data-v-31ba8686] { grid-template-columns: minmax(0, 1fr) 4.375rem 6.25rem; padding-left: calc(var(--space-6) + 0.9375rem + var(--space-2)); color: var(--color-muted);
}
.order-recap__chevron[data-v-31ba8686] { color: var(--color-muted); transition: transform var(--transition);
}
.order-recap__row[data-state="open"] > .order-recap__chevron[data-v-31ba8686] { transform: rotate(90deg);
}
.order-recap__quantity[data-v-31ba8686],
.order-recap__amount[data-v-31ba8686] { text-align: right; font-variant-numeric: tabular-nums;
}
.order-recap__warning[data-v-31ba8686] { margin-left: var(--space-1); color: var(--color-warning); vertical-align: -0.125rem;
}
.order-recap__list-enter-active[data-v-31ba8686],
.order-recap__list-leave-active[data-v-31ba8686] { transition: opacity var(--transition);
}
.order-recap__list-enter-from[data-v-31ba8686],
.order-recap__list-leave-to[data-v-31ba8686] { opacity: 0;
}


.event-report__summary[data-v-28444d20] { margin: 0; color: var(--color-muted);
}
.event-report--upcoming[data-v-28444d20] {
    padding: var(--space-6);
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius);
}
.event-report__title[data-v-28444d20] { margin: 0; font-size: 1rem; font-weight: 600; color: var(--color-muted);
}
.event-report__committed[data-v-28444d20] { margin: var(--space-1) 0; font-family: var(--font-display); font-size: 2.5rem; line-height: 1.1;
}
.event-report__figures[data-v-28444d20] { display: flex; flex-direction: column; gap: var(--space-1); margin: 0 0 var(--space-2); padding: 0;
}
.event-report__line[data-v-28444d20] { display: flex; justify-content: space-between; gap: var(--space-3); font-size: 0.9rem;
}
.event-report__line dd[data-v-28444d20] { margin: 0; font-variant-numeric: tabular-nums;
}
.event-report__more[data-v-28444d20] { margin: var(--space-2) 0 0; font-size: 0.9rem;
}


.expense-form[data-v-56f49ec7] { display: flex; flex-direction: column; gap: var(--space-3);
}
.expense-form__actions[data-v-56f49ec7] { display: flex; justify-content: flex-end; gap: var(--space-2);
}


.event-detail-page[data-v-59dbdc30] { display: flex; flex-direction: column; gap: var(--space-5);
}
.event-detail-page__expenses[data-v-59dbdc30] { max-width: 40rem;
}


.sortable-header[data-v-01fe02fd] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    font: inherit;
    white-space: nowrap;
    cursor: pointer;
    transition: color var(--transition);
}
.sortable-header--numeric[data-v-01fe02fd] { flex-direction: row-reverse;
}
.sortable-header[data-v-01fe02fd]:hover,
.sortable-header--active[data-v-01fe02fd] { color: var(--color-ink);
}
.sortable-header__idle[data-v-01fe02fd] { opacity: 0; transition: opacity var(--transition);
}
.sortable-header:hover .sortable-header__idle[data-v-01fe02fd],
.sortable-header:focus-visible .sortable-header__idle[data-v-01fe02fd] { opacity: 1;
}


.event-comparison__location[data-v-1d60b589] { display: block; color: var(--color-muted); font-size: 0.8rem;
}
.event-comparison__date[data-v-1d60b589] { white-space: nowrap;
}
.event-comparison__result[data-v-1d60b589] { font-weight: 600;
}


.event-list[data-v-55afa695] { margin: 0; padding: 0; list-style: none;
}
.event-list__item[data-v-55afa695] {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-3) 0;
    border-bottom: 0.0625rem solid var(--color-border);
}
.event-list__item[data-v-55afa695]:last-child { border-bottom: none;
}
.event-list__when[data-v-55afa695] { color: var(--color-muted); font-size: 0.875rem; font-variant-numeric: tabular-nums;
}
.event-list__when--ongoing[data-v-55afa695] { color: var(--color-accent-strong); font-weight: 600;
}
.event-list__link[data-v-55afa695] { display: flex; flex-direction: column; min-width: 0; color: inherit; text-decoration: none;
}
.event-list__link:hover .event-list__name[data-v-55afa695] { text-decoration: underline; text-underline-offset: 0.1875rem;
}
.event-list__name[data-v-55afa695] { font-family: var(--font-display); font-size: 1.2rem; line-height: 1.25;
}
.event-list__meta[data-v-55afa695] { color: var(--color-muted); font-size: 0.875rem;
}
.event-list__figures[data-v-55afa695] { display: flex; gap: var(--space-5); margin: 0;
}
.event-list__figure[data-v-55afa695] { display: flex; flex-direction: column; align-items: flex-end;
}
.event-list__figure dt[data-v-55afa695] { font-size: 0.8rem; color: var(--color-muted);
}
.event-list__figure dd[data-v-55afa695] { margin: 0; font-variant-numeric: tabular-nums;
}
@media (max-width: 43.75rem) {
.event-list__item[data-v-55afa695] { grid-template-columns: 1fr; gap: var(--space-1);
}
.event-list__figures[data-v-55afa695] { justify-content: flex-start;
}
}


.events-page[data-v-04f48e0b] { display: flex; flex-direction: column; gap: var(--space-6);
}
.events-page__past[data-v-04f48e0b] { display: flex; flex-direction: column; gap: var(--space-4);
}
.events-page__heading[data-v-04f48e0b] { margin: 0 0 var(--space-2); font-family: var(--font-display); font-weight: 400; font-size: 1.35rem;
}


.auth-layout[data-v-7c4da4e4] {
    display: grid;
    place-items: center;
    min-height: 100vh;
    padding: var(--space-5) var(--space-4);
}
.auth-layout__panel[data-v-7c4da4e4] { width: 100%; max-width: 24rem;
}
.auth-layout__brand[data-v-7c4da4e4] {
    margin: 0 0 var(--space-5);
    text-align: center;
    font-family: var(--font-display);
    font-size: 2rem;
    line-height: 1;
    color: var(--color-ink);
}
.auth-layout__card[data-v-7c4da4e4] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-6);
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius);
}
.auth-layout__title[data-v-7c4da4e4] { margin: 0; font-size: 1.5rem;
}
.auth-layout__footer[data-v-7c4da4e4] { margin: var(--space-4) 0 0; text-align: center; font-size: 0.9rem;
}


.auth-message[data-v-52daa847] {
    margin: 0;
    padding: var(--space-3);
    border-radius: var(--radius);
    font-size: 0.9rem;
}
.auth-message--error[data-v-52daa847] { background: var(--color-danger-soft); color: var(--color-danger);
}
.auth-message--success[data-v-52daa847] { background: var(--color-accent-soft); color: var(--color-accent-strong);
}


.forgot-password__intro[data-v-18e9aca0] { margin: 0; color: var(--color-muted); font-size: 0.9rem;
}
.forgot-password__form[data-v-18e9aca0] { display: flex; flex-direction: column; gap: var(--space-4);
}


.login-form[data-v-abf99c30] { display: flex; flex-direction: column; gap: var(--space-4);
}
.login-form__remember[data-v-abf99c30] { display: flex; align-items: center; gap: var(--space-2); font-size: 0.9rem; color: var(--color-muted);
}


.order-totals[data-v-05be44da] { display: flex; flex-direction: column; gap: var(--space-1); margin: 0;
}
.order-totals__row[data-v-05be44da] { display: flex; justify-content: space-between; gap: var(--space-3);
}
.order-totals__row dd[data-v-05be44da] { margin: 0;
}
.order-totals__row--discount[data-v-05be44da] { color: var(--color-success);
}
.order-totals__row--total[data-v-05be44da] {
    margin-top: var(--space-1);
    padding-top: var(--space-2);
    border-top: 0.0625rem solid var(--color-border);
    font-size: 1.1rem;
    font-weight: 700;
}
.order-totals__discount-enter-active[data-v-05be44da],
.order-totals__discount-leave-active[data-v-05be44da] { transition: opacity var(--transition), transform var(--transition);
}
.order-totals__discount-enter-from[data-v-05be44da],
.order-totals__discount-leave-to[data-v-05be44da] { opacity: 0; transform: translateY(-0.25rem);
}


.order-margin[data-v-1d9c2667] { display: flex; flex-direction: column; gap: var(--space-1); margin: 0;
}
.order-margin__row[data-v-1d9c2667] { display: flex; justify-content: space-between;
}
.order-margin__row dd[data-v-1d9c2667] { margin: 0;
}
.order-margin__row--result[data-v-1d9c2667] { padding-top: var(--space-2); border-top: 0.0625rem solid var(--color-border); font-weight: 700;
}
.order-margin__note[data-v-1d9c2667] { margin: var(--space-2) 0 0; color: var(--color-muted); font-size: 0.85rem;
}


.order-detail-page[data-v-b5e0a82e] { display: flex; flex-direction: column; gap: var(--space-4);
}
.order-detail-page__meta[data-v-b5e0a82e] { margin: 0; color: var(--color-muted);
}
.order-detail-page__grid[data-v-b5e0a82e] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(17.5rem, 1fr); gap: var(--space-4); align-items: start;
}
.order-detail-page__side[data-v-b5e0a82e] { display: flex; flex-direction: column; gap: var(--space-4);
}
@media (max-width: 56.25rem) {
.order-detail-page__grid[data-v-b5e0a82e] { grid-template-columns: 1fr;
}
}


.event-filter[data-v-ded6d694] { display: inline-flex; align-items: center; gap: var(--space-2);
}
.event-filter__label[data-v-ded6d694] { color: var(--color-muted); font-size: 0.9rem;
}


.order-draft-lines[data-v-4c5d5cd4] { display: flex; flex-direction: column; gap: var(--space-1); margin: 0; padding: 0; list-style: none;
}
.order-draft-lines__line[data-v-4c5d5cd4] {
    display: grid;
    grid-template-columns: 1fr auto 5.625rem auto;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius);
    background: var(--color-bg);
}
.order-draft-lines__remove[data-v-4c5d5cd4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    background: none;
    color: var(--color-muted);
    cursor: pointer;
    transition: color var(--transition);
}
.order-draft-lines__remove[data-v-4c5d5cd4]:hover { color: var(--color-danger);
}
.order-draft-lines__quantity[data-v-4c5d5cd4] { width: 7.5rem;
}
.order-draft-lines__total[data-v-4c5d5cd4] { text-align: right;
}
.order-draft-lines__line-enter-active[data-v-4c5d5cd4],
.order-draft-lines__line-leave-active[data-v-4c5d5cd4] { transition: opacity var(--transition), transform var(--transition);
}
.order-draft-lines__line-enter-from[data-v-4c5d5cd4],
.order-draft-lines__line-leave-to[data-v-4c5d5cd4] { opacity: 0; transform: translateX(-0.375rem);
}


.combobox[data-v-5a59f2bc] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 2.375rem;
    border: 0.0625rem solid var(--color-border-strong);
    border-radius: var(--radius);
    background: var(--color-surface);
    transition: border-color var(--transition), box-shadow var(--transition);
}
.combobox[data-v-5a59f2bc]:focus-within {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 0.1875rem var(--color-accent-soft);
}
.combobox .combobox__input[data-v-5a59f2bc] {
    flex: 1;
    min-width: 0;
    min-height: auto;
    padding: var(--space-2) var(--space-3);
    border: none;
    background: none;
    box-shadow: none;
}
.combobox .combobox__input[data-v-5a59f2bc]:focus { outline: none; border: none; box-shadow: none;
}
.combobox__trigger[data-v-5a59f2bc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    align-self: stretch;
    border: none;
    background: none;
    color: var(--color-muted);
    cursor: pointer;
}
.combobox__trigger[data-state="open"][data-v-5a59f2bc] { transform: rotate(180deg);
}


.combobox__content {
    z-index: 60;
    width: var(--reka-combobox-trigger-width);
    max-height: min(18rem, var(--reka-combobox-content-available-height));
    overflow: hidden;
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    animation: combobox-in var(--transition);
}
.combobox__viewport { max-height: inherit; padding: var(--space-1); overflow-y: auto;
}
.combobox__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border-radius: calc(var(--radius) - 0.125rem);
    color: var(--color-text);
    cursor: pointer;
    user-select: none;
    outline: none;
}
.combobox__item[data-highlighted] { background: var(--color-bg);
}
.combobox__item[data-state="checked"] { color: var(--color-accent-strong); font-weight: 600;
}
.combobox__item[data-disabled] { color: var(--color-subtle); cursor: default;
}
.combobox__indicator { display: inline-flex; color: var(--color-accent);
}
.combobox__empty { padding: var(--space-2) var(--space-3); color: var(--color-muted); font-size: 0.9rem;
}
@keyframes combobox-in {
from { opacity: 0; transform: translateY(-0.25rem);
}
}


.order-line-picker[data-v-7877355e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5.625rem auto;
    grid-template-areas:
        "product product product"
        "variant quantity add";
    gap: var(--space-2);
    align-items: end;
}
.order-line-picker__product[data-v-7877355e] { grid-area: product;
}
.order-line-picker__variant[data-v-7877355e] { grid-area: variant;
}
.order-line-picker__quantity[data-v-7877355e] { grid-area: quantity;
}
.order-line-picker__add[data-v-7877355e] { grid-area: add;
}
.order-line-picker__error[data-v-7877355e] { grid-column: 1 / -1; margin: 0; color: var(--color-danger); font-size: 0.85rem;
}
.order-line-picker__slide-enter-active[data-v-7877355e],
.order-line-picker__slide-leave-active[data-v-7877355e] { transition: opacity var(--transition);
}
.order-line-picker__slide-enter-from[data-v-7877355e],
.order-line-picker__slide-leave-to[data-v-7877355e] { opacity: 0;
}



.order-form[data-v-200043b8] { flex: 1; display: flex; flex-direction: column; gap: var(--space-3);
}
.order-form__actions[data-v-200043b8] { display: flex; justify-content: flex-end;
}
.order-form__footer[data-v-200043b8] {
    position: sticky;
    bottom: calc(-1 * var(--space-5));
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin: auto calc(-1 * var(--space-5)) calc(-1 * var(--space-5));
    padding: var(--space-4) var(--space-5);
    border-top: 0.0625rem solid var(--color-border);
    background: var(--color-surface);
}
.order-form__event[data-v-200043b8] {
    margin: 0;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius);
    background: var(--color-accent-soft);
    font-size: 0.9rem;
}
.order-form__event--missing[data-v-200043b8] { background: var(--color-danger-soft); color: var(--color-danger);
}
.order-form__error[data-v-200043b8] {
    margin: 0;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius);
    background: var(--color-danger-soft);
    color: var(--color-danger);
}


.order-list[data-v-00c79d46] .data-table__table { table-layout: fixed;
}
.order-list[data-v-00c79d46] th:nth-child(1) { width: 22%;
}
.order-list[data-v-00c79d46] th:nth-child(2),
.order-list[data-v-00c79d46] th:nth-child(3),
.order-list[data-v-00c79d46] th:nth-child(4) { width: 13%;
}
.order-list__day[data-v-00c79d46] > * { padding-top: var(--space-4); background: var(--color-bg); border-bottom-color: var(--color-border-strong);
}
.order-list__day th[data-v-00c79d46] { text-align: left; font-size: inherit; color: inherit; white-space: normal;
}
.order-list__date[data-v-00c79d46] { font-weight: 600; color: var(--color-ink);
}
.order-list__event[data-v-00c79d46] { margin-left: var(--space-3); color: var(--color-muted); font-weight: 400;
}
.order-list__day-total[data-v-00c79d46] { font-weight: 700;
}
.order-list__day-count[data-v-00c79d46] { color: var(--color-muted); font-size: 0.875rem;
}
.order-list__time[data-v-00c79d46] { font-variant-numeric: tabular-nums;
}
.order-list__total[data-v-00c79d46] { font-weight: 600;
}
.order-list__none[data-v-00c79d46] { color: var(--color-subtle);
}
.order-list__reference[data-v-00c79d46] { font-size: 0.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.order-list__reference a[data-v-00c79d46] { color: var(--color-muted);
}
.order-list__badge[data-v-00c79d46] {
    margin-left: var(--space-2);
    padding: 0.0625rem var(--space-2);
    border-radius: 62.4375rem;
    border: 0.0625rem solid var(--color-border);
    color: var(--color-muted);
    font-size: 0.75rem;
}
.order-list__row--new[data-v-00c79d46] { animation: order-list-highlight-00c79d46 2.4s ease-out;
}
@keyframes order-list-highlight-00c79d46 {
from { background: var(--color-accent-soft);
}
to { background: transparent;
}
}


.sumup-import-problem[data-v-6316afae] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border: 0.0625rem solid var(--color-danger);
    border-left-width: 0.25rem;
    border-radius: var(--radius);
    background: var(--color-danger-soft);
}
.sumup-import-problem__content[data-v-6316afae] { flex: 1;
}
.sumup-import-problem__message[data-v-6316afae] { margin: 0; font-weight: 600; color: var(--color-danger);
}
.sumup-import-problem__detail[data-v-6316afae] { margin: var(--space-1) 0 0;
}
.sumup-import-problem__close[data-v-6316afae] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
    color: var(--color-muted);
}


.orders-page__problem[data-v-d2130e70] { margin-bottom: var(--space-4);
}
.orders-page__problem-enter-active[data-v-d2130e70],
.orders-page__problem-leave-active[data-v-d2130e70] { transition: opacity var(--transition), transform var(--transition);
}
.orders-page__problem-enter-from[data-v-d2130e70],
.orders-page__problem-leave-to[data-v-d2130e70] { opacity: 0; transform: translateY(-0.375rem);
}


.variants-input[data-v-5b2f03dc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-1);
    min-height: 2.375rem;
    padding: var(--space-1) var(--space-2);
    border: 0.0625rem solid var(--color-border-strong);
    border-radius: var(--radius);
    background: var(--color-surface);
    transition: border-color var(--transition), box-shadow var(--transition);
}
.variants-input[data-v-5b2f03dc]:focus-within {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 0.1875rem var(--color-accent-soft);
}
.variants-input__chip[data-v-5b2f03dc] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: 0.125rem var(--space-2);
    border-radius: 62.4375rem;
    background: var(--color-accent-soft);
    color: var(--color-accent-strong);
    font-size: 0.85rem;
    animation: variants-input-chip-in-5b2f03dc var(--transition);
}
.variants-input__chip[data-state="active"][data-v-5b2f03dc] { outline: 0.125rem solid var(--color-accent);
}
.variants-input__remove[data-v-5b2f03dc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
    color: inherit;
    padding: 0;
    line-height: 1;
}
.variants-input .variants-input__field[data-v-5b2f03dc] {
    flex: 1;
    min-width: 10rem;
    min-height: auto;
    padding: var(--space-1);
    border: none;
    background: none;
    box-shadow: none;
    outline: none;
}
.variants-input .variants-input__field[data-v-5b2f03dc]:focus { border: none; box-shadow: none;
}
@keyframes variants-input-chip-in-5b2f03dc {
from { opacity: 0; transform: scale(0.9);
}
}


.product-batch-form[data-v-7b52d53d] { display: flex; flex-direction: column; gap: var(--space-4);
}
.product-batch-form__intro[data-v-7b52d53d] { margin: 0; color: var(--color-muted);
}
.product-batch-form__option[data-v-7b52d53d] { display: flex; flex-direction: column; gap: var(--space-2);
}
.product-batch-form__toggle[data-v-7b52d53d] { display: flex; align-items: center; gap: var(--space-2); font-weight: 600; cursor: pointer;
}
.product-batch-form__actions[data-v-7b52d53d] { display: flex; justify-content: flex-end; gap: var(--space-2);
}
.product-batch-form__error[data-v-7b52d53d] { margin: 0; padding: var(--space-2) var(--space-3); background: var(--color-danger-soft); color: var(--color-danger); border-radius: var(--radius);
}


.type-mark[data-v-a1394d28] {
    display: inline-block;
    flex-shrink: 0;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
}
.type-mark--none[data-v-a1394d28] { border: 0.0625rem dashed var(--color-border-strong);
}


.product-filters[data-v-36e1a3db] { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-4);
}
.product-filters__chips[data-v-36e1a3db] { display: flex; gap: var(--space-2); flex-wrap: wrap;
}
.product-filters__chip[data-v-36e1a3db] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) var(--space-3);
    border: 0.0625rem solid var(--color-border-strong);
    border-radius: 62.4375rem;
    background: var(--color-surface);
    cursor: pointer;
    font-size: 0.85rem;
    transition: background var(--transition), color var(--transition), border-color var(--transition);
}
.product-filters__chip[data-v-36e1a3db]:hover { border-color: var(--color-ink);
}
.product-filters__chip[data-v-36e1a3db]:focus-visible { outline: 0.125rem solid var(--color-accent); outline-offset: 0.125rem;
}
.product-filters__chip[data-state="on"][data-v-36e1a3db] { background: var(--color-ink); border-color: var(--color-ink); color: var(--color-surface);
}
.product-filters__missing[data-v-36e1a3db] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    margin-left: auto;
    padding: var(--space-1) var(--space-3);
    border: 0.0625rem solid var(--color-warning);
    border-radius: 62.4375rem;
    background: var(--color-surface);
    color: var(--color-warning);
    font-size: 0.85rem;
    cursor: pointer;
    transition: background var(--transition), color var(--transition);
}
.product-filters__missing[data-state="on"][data-v-36e1a3db] { background: var(--color-warning); color: var(--color-surface);
}
.product-filters__search[data-v-36e1a3db] {
    min-height: 2.125rem;
    min-width: 13.75rem;
    padding: var(--space-1) var(--space-3);
    border: 0.0625rem solid var(--color-border-strong);
    border-radius: var(--radius);
}


.type-select[data-v-6c8393ca] { display: flex; flex-direction: column; gap: var(--space-1);
}
.type-select__create[data-v-6c8393ca] { display: flex; gap: var(--space-2); align-items: center;
}
.type-select__create input[data-v-6c8393ca] { flex: 1;
}
.type-select__error[data-v-6c8393ca] { color: var(--color-danger); font-size: 0.85rem;
}


.product-form[data-v-730701ef] { display: flex; flex-direction: column; gap: var(--space-3);
}
.product-form__row[data-v-730701ef] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3);
}
.product-form__reference[data-v-730701ef] { margin: 0; color: var(--color-muted); font-size: 0.9rem;
}
.product-form__actions[data-v-730701ef] { display: flex; justify-content: flex-end; gap: var(--space-2);
}
.product-form__error[data-v-730701ef] {
    margin: 0;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius);
    background: var(--color-danger-soft);
    color: var(--color-danger);
}


.product-list__row[data-v-45daed37] { transition: background var(--transition);
}
.product-list__row--selected[data-v-45daed37] { background: var(--color-accent-soft);
}
.product-list__check[data-v-45daed37] { width: 2rem;
}
.product-list__reference[data-v-45daed37] { display: block; color: var(--color-muted); font-size: 0.75rem;
}
.product-list__type[data-v-45daed37] { display: inline-flex; align-items: center; gap: var(--space-2); white-space: nowrap;
}
.product-list__muted[data-v-45daed37] { color: var(--color-subtle);
}
.product-list__ratio[data-v-45daed37] { display: block; color: var(--color-muted); font-size: 0.75rem;
}
.product-list__warning[data-v-45daed37] { margin-right: var(--space-1); color: var(--color-warning); vertical-align: -0.125rem;
}


.selection-bar[data-v-6525cca6] {
    position: sticky;
    bottom: var(--space-4);
    z-index: 5;
    display: flex;
    align-items: center;
    gap: var(--space-3);
    width: fit-content;
    margin: var(--space-4) auto 0;
    padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4);
    background: var(--color-ink);
    color: #fff;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}
.selection-bar__count[data-v-6525cca6] { font-weight: 600;
}
.selection-bar[data-v-6525cca6] .button--ghost { color: #ddd;
}
.selection-bar-enter-active[data-v-6525cca6],
.selection-bar-leave-active[data-v-6525cca6] { transition: opacity var(--transition), transform var(--transition);
}
.selection-bar-enter-from[data-v-6525cca6],
.selection-bar-leave-to[data-v-6525cca6] { opacity: 0; transform: translateY(0.5rem);
}


.set-password__intro[data-v-78e67a74] { margin: 0; color: var(--color-muted); font-size: 0.9rem;
}
.set-password__form[data-v-78e67a74] { display: flex; flex-direction: column; gap: var(--space-4);
}


.sumup-settings[data-v-5d6220b6] { display: flex; flex-direction: column; gap: var(--space-3); max-width: 32rem;
}
.sumup-settings__intro[data-v-5d6220b6] { margin: 0; color: var(--color-muted); font-size: 0.9rem;
}
.sumup-settings__actions[data-v-5d6220b6] { display: flex; justify-content: flex-end; gap: var(--space-2); align-items: center;
}
.sumup-settings__error[data-v-5d6220b6] {
    margin: 0;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius);
    background: var(--color-danger-soft);
    color: var(--color-danger);
}


.settings-page[data-v-488e0b6e] { display: flex; flex-direction: column; gap: var(--space-4);
}
.settings-page__workspace[data-v-488e0b6e] { margin: 0; color: var(--color-muted);
}

*, *::before, *::after { box-sizing: border-box; }

html { color-scheme: light; }

body {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--font-size);
    line-height: 1.5;
    color: var(--color-text);
    background: var(--color-bg);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3 { line-height: 1.2; margin: 0 0 var(--space-3); font-weight: 600; }
h1 { font-family: var(--font-display); font-weight: 400; font-size: 1.9rem; }
h2 { font-size: 1.05rem; }
h3 { font-size: 0.95rem; }

a { color: var(--color-ink); text-decoration-color: var(--color-border-strong); text-underline-offset: 0.1875rem; transition: text-decoration-color var(--transition); }
a:hover { text-decoration-color: currentColor; }

button, input, select, textarea { font: inherit; color: inherit; }

.tabular, table { font-variant-numeric: tabular-nums; }

:focus-visible { outline: 0.125rem solid var(--color-accent); outline-offset: 0.125rem; }

/* Wraps a form's fields to disable them all while it is being submitted, without affecting layout. */
.form-lock { display: contents; }

.back-link { display: inline-flex; align-items: center; gap: var(--space-1); }

/* Top loading bar during page changes and API calls (assets/progress-bar.js). */
.progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 0.1875rem;
    background: var(--color-accent);
    box-shadow: 0 0 0.5rem var(--color-accent-soft);
    transform-origin: left;
    transform: scaleX(0);
    opacity: 0;
    transition: transform 200ms ease, opacity 200ms ease;
    pointer-events: none;
}

.progress-bar--visible { opacity: 1; }