:root{--c-brand: var(--el-color-primary);--c-brand-light: var(--el-color-primary-light-5);--c-brand-subtle: var(--el-color-primary-light-9);--c-success: var(--el-color-success);--c-warning: var(--el-color-warning);--c-danger: var(--el-color-danger);--c-info: var(--el-color-info);--c-text-primary: var(--el-text-color-primary);--c-text-regular: var(--el-text-color-regular);--c-text-secondary: var(--el-text-color-secondary);--c-text-placeholder: var(--el-text-color-placeholder);--c-bg-page: var(--el-bg-color-page);--c-bg-base: var(--el-bg-color);--c-bg-blank: var(--el-fill-color-blank);--c-fill: var(--el-fill-color);--c-fill-light: var(--el-fill-color-light);--c-fill-lighter: var(--el-fill-color-lighter);--c-border: var(--el-border-color);--c-border-light: var(--el-border-color-light);--c-border-lighter: var(--el-border-color-lighter);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .1);--font-base: var(--el-font-family);--font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace;--text-xs: 10px;--text-sm: 11px;--text-base: 13px;--text-md: 14px;--text-lg: 15px;--text-xl: 18px;--text-2xl: 22px;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--gap-xl: 20px;--gap-2xl: 24px;--page-padding: 20px;--page-gap: 16px;--nav-height: 56px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .15s ease;--transition-medium: .25s ease}html.dark{--shadow-sm: 0 1px 4px rgba(0, 0, 0, .24);--shadow-md: 0 2px 8px rgba(0, 0, 0, .32);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .36)}.page-layout{padding:var(--page-padding);margin:0 auto;display:flex;flex-direction:column;gap:var(--page-gap)}.page-header{display:flex;align-items:center}.page-header--between{justify-content:space-between}.page-title{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--c-text-primary)}.meta-label{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-placeholder)}.meta-value{font-size:var(--text-lg);font-weight:500;color:var(--c-text-primary)}.meta-sub{font-size:var(--text-base);color:var(--c-text-secondary)}.filter-bar{border-radius:var(--radius-lg)}.filter-row{display:flex;align-items:center;gap:var(--gap-md);flex-wrap:wrap}.filter-item{display:flex;align-items:center;gap:var(--gap-xs)}.filter-label{font-size:var(--text-base);font-weight:600;color:var(--c-text-secondary);white-space:nowrap}.pagination-row{display:flex;justify-content:flex-end;padding-top:var(--gap-lg)}.card-rounded{border-radius:var(--radius-lg)}.card-header-title{font-size:var(--text-md);font-weight:600;color:var(--c-text-primary)}.back-row{display:flex}.skeleton-list{display:flex;flex-direction:column;gap:var(--gap-sm)}.skeleton-item{padding:var(--gap-lg);background:var(--c-bg-blank);border:1px solid var(--c-border-lighter);border-radius:var(--radius-md)}.state-alert{margin-top:var(--gap-sm)}.order-id{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600}.order-total{font-weight:600;color:var(--c-brand)}.total-amount{color:var(--c-brand);font-size:var(--text-xl);font-weight:700}.mono{font-family:var(--font-mono);font-size:var(--text-base)}.text-muted{color:var(--c-text-placeholder);font-size:var(--text-base)}.text-secondary{color:var(--c-text-secondary)}.thumb-placeholder{border-radius:var(--radius-sm);border:1px solid var(--c-border-lighter);background:var(--c-fill);display:flex;align-items:center;justify-content:center;color:var(--c-text-placeholder)}.items-total-row{display:flex;justify-content:flex-end;align-items:center;gap:var(--gap-lg);border-top:1px solid var(--c-border-lighter);padding-top:var(--gap-md);margin-top:var(--gap-xs)}.items-total-label{font-size:var(--text-md);font-weight:600;color:var(--c-text-regular)}.items-total-amount{font-size:var(--text-xl);font-weight:700;color:var(--c-brand);min-width:110px;text-align:right}.add-form{display:flex;flex-wrap:wrap;gap:0 var(--gap-lg);align-items:flex-end}.add-form .el-form-item{margin-bottom:0}.form-hint{margin-left:var(--gap-sm);font-size:var(--text-base);color:var(--c-text-placeholder)}.section-title{font-size:var(--text-md);font-weight:700;color:var(--c-text-primary);text-transform:uppercase;letter-spacing:.05em}