:root{--color-brand-50:#eef5fc;--color-brand-100:#dcebfa;--color-brand-200:#b9d7f5;--color-brand-300:#8fbfef;--color-brand-400:#4f9fe6;--color-brand-500:#0a6cb8;--color-brand-600:#005daa;--color-brand-700:#004b91;--surface-page:#f5f7fa;--surface-card:#fff;--surface-sidebar:#f8fafc;--surface-header:#fff;--surface-hover:#f6f8fa;--surface-overlay:#0f172a26;--surface-subtle:#f1f4f8;--gradient-brand:linear-gradient(135deg, #005daa, #0f7ad1);--gradient-hot:linear-gradient(135deg, #ff6b6b, #ef4444);--gradient-cool:linear-gradient(135deg, #64748b, #334155);--gradient-success:linear-gradient(135deg, #10b981, #059669);--gradient-hero:linear-gradient(180deg, #1e293b 0%, #334155 100%);--color-hot:#ff6b6b;--color-new:#38bdf8;--color-vip:#c084fc;--color-price:#005daa;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#64748b;--text-inverse:#fff;--text-link:#005daa;--border-light:#e5e7eb;--border-default:#d1d5db;--border-strong:#9ca3af;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-warning:#b45309;--color-warning-bg:#fffbeb;--color-info:#2563eb;--color-info-bg:#eff6ff;--shadow-xs:0 1px 2px #1018280a;--shadow-sm:0 1px 3px #1018280f, 0 1px 2px #1018280a;--shadow-card:0 1px 2px #1018280a, 0 4px 14px #1018280f;--shadow-md:0 4px 20px #10182814, 0 1px 3px #1018280d;--shadow-lg:0 12px 32px #1018281f, 0 4px 10px #1018280f;--shadow-xl:0 20px 48px #10182829, 0 8px 20px #10182814;--shadow-button:0 4px 12px #005daa47;--shadow-glow:0 0 30px #005daa1f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--radius-btn:10px;--radius-tag:6px;--font-mono:"SF Mono", "Cascadia Code", "Consolas", monospace;--font-body:system-ui, -apple-system, "Segoe UI", "Noto Sans SC", sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-display:2.5rem;--font-price:"DIN Alternate", "SF Mono", "Consolas", monospace;--ease-spring:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-instant:.1s;--duration-fast:.18s;--duration-normal:.26s;--duration-slow:.4s}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-body);-webkit-font-smoothing:antialiased;color:var(--text-primary);background:var(--surface-page);font-size:16px}body{background:var(--surface-page);margin:0}h2,h3,h4{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-weight:700}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{color:var(--text-primary);background:#0f7ad138}:root{--el-color-primary:var(--color-brand-500);--el-color-primary-light-3:var(--color-brand-300);--el-color-primary-light-5:var(--color-brand-200);--el-color-primary-light-7:var(--color-brand-100);--el-color-primary-light-8:#fef7e0;--el-color-primary-light-9:#fffcf5;--el-color-primary-dark-2:var(--color-brand-700);--el-color-success:#10b981;--el-color-danger:#ef4444;--el-color-warning:var(--color-warning);--el-color-info:#6366f1;--el-border-radius-base:var(--radius-sm);--el-font-family:var(--font-body);--el-font-size-base:var(--text-base);--el-bg-color:var(--surface-card);--el-bg-color-page:var(--surface-page);--el-bg-color-overlay:#fff;--el-border-color:var(--border-light);--el-border-color-light:var(--border-light);--el-text-color-primary:var(--text-primary);--el-text-color-regular:var(--text-secondary);--el-text-color-secondary:var(--text-muted);--el-box-shadow-light:var(--shadow-sm);--el-box-shadow:var(--shadow-md)}.el-button{letter-spacing:.01em;transition:all var(--duration-fast) var(--ease-out);font-weight:600}.el-button--primary{background:var(--color-brand-500);border-color:var(--color-brand-500)}.el-button--primary:hover,.el-button--primary:focus{background:var(--color-brand-600);border-color:var(--color-brand-600);box-shadow:0 2px 8px #005daa47}.el-card{background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-fast) var(--ease-out)}.el-card.is-always-shadow,.el-card.is-hover-shadow:hover{box-shadow:var(--shadow-md)}.el-card__header{border-bottom:1px solid var(--border-light);color:var(--text-primary);background:#fafafa;padding:16px 20px;font-weight:700}.el-card__body{padding:20px}[data-theme=dark] .el-card__header{border-color:var(--border-light);background:#161e2e}.el-table{--el-table-border-color:var(--border-light);--el-table-header-bg-color:#fafafa;--el-table-row-hover-bg-color:#f6f8fa;--el-table-current-row-bg-color:#fef9ee;border-radius:var(--radius-md);overflow:hidden}.el-table th.el-table__cell{color:var(--text-secondary);font-weight:700;font-size:var(--text-sm);letter-spacing:.02em;border-bottom:1px solid var(--border-default);background:#fafafa}.el-table--striped .el-table__body tr.el-table__row--striped td{background:#fafbfc}.el-table .el-table__row:hover>td{background:#f6f8fa!important}[data-theme=dark] .el-table{--el-table-border-color:#1f2937;--el-table-header-bg-color:#161e2e;--el-table-row-hover-bg-color:#1a2236;--el-table-current-row-bg-color:#1e2840}[data-theme=dark] .el-table th.el-table__cell{color:#9ca3af;background:#161e2e}[data-theme=dark] .el-table--striped .el-table__body tr.el-table__row--striped td{background:#131b2a}.el-menu{border-right:none}.el-menu-item{font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);margin:2px 8px;font-weight:500}.el-menu-item:hover{color:var(--text-primary);background:var(--surface-hover)!important}.el-menu-item.is-active{font-weight:700;background:var(--color-brand-50)!important;color:var(--color-brand-700)!important}.el-input__wrapper{background:var(--surface-card);border-radius:var(--radius-btn);box-shadow:0 0 0 1px var(--border-light) inset;transition:all var(--duration-fast) var(--ease-out)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--border-default) inset}[data-theme=dark] .el-input__wrapper{background:#111827;box-shadow:inset 0 0 0 1px #1f2937}.el-input.is-focus .el-input__wrapper,.el-select .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 2px #0f7ad140!important}.el-tag{border-radius:var(--radius-tag);font-weight:600;font-size:var(--text-xs);letter-spacing:.02em;border:none}.el-tag--success{background:var(--color-success-bg);color:var(--color-success)}.el-tag--danger{background:var(--color-danger-bg);color:var(--color-danger)}.el-tag--warning{background:var(--color-warning-bg);color:var(--color-warning)}.el-tag--info{background:var(--surface-subtle);color:var(--text-secondary)}.el-dialog{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}[data-theme=dark] .el-dialog{background:#111827}.el-dialog__header{padding:24px 24px 0}.el-dialog__title{font-weight:700;font-size:var(--text-lg)}.el-dialog__body{padding:20px 24px}.el-pagination{--el-pagination-bg-color:transparent;--el-pagination-button-bg-color:var(--surface-card);--el-pagination-hover-color:var(--color-brand-600);padding:4px 0;font-weight:500}.el-pagination button{transition:all var(--duration-fast) var(--ease-out);border-radius:var(--radius-sm)!important;border:1px solid var(--border-light)!important;background:var(--surface-card)!important}.el-pagination button:hover{border-color:var(--color-brand-300)!important;color:var(--color-brand-600)!important}.el-pagination button:disabled{opacity:.6;background:var(--surface-subtle)!important;border-color:var(--border-light)!important;color:var(--text-muted)!important}.el-pagination .el-pager li{border-radius:var(--radius-sm);min-width:32px;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;font-weight:500}.el-pagination .el-pager li:hover{color:var(--color-brand-600);background:var(--color-brand-50);border-color:var(--color-brand-200)}.el-pagination .el-pager li.is-active{background:var(--color-brand-500);color:#fff;border-color:#0000;font-weight:700;box-shadow:0 2px 6px #005daa47}.el-pagination .el-pager li.is-active:hover{background:var(--color-brand-600);color:#fff}.pagination-wrap{border-top:1px solid var(--border-light);justify-content:center;margin-top:24px;padding-top:16px;display:flex}.el-loading-mask{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffa6}[data-theme=dark] .el-loading-mask{background:#0b1220bf}.el-message{border-radius:var(--radius-sm);border:1px solid var(--border-light);box-shadow:var(--shadow-lg)}[data-theme=dark] .el-message{background:#161e2e;border-color:#1f2937}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h2{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:800}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);flex-direction:column;gap:4px;padding:20px 24px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.stat-card__value{letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1.2}.stat-card__value--accent{color:var(--color-brand-600)}.section-card{background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.section-card__header{border-bottom:1px solid var(--border-light);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:#fafafa;padding:14px 20px}[data-theme=dark] .section-card__header{background:#161e2e}.section-card__body{padding:20px}.shortcut-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.shortcut-btn{background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;height:88px;font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-weight:600;display:flex}.shortcut-btn:hover{border-color:var(--color-brand-300);color:var(--color-brand-700);background:var(--color-brand-50);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.shortcut-btn__icon{font-size:24px}.checkout-total{color:var(--color-price);letter-spacing:-.03em;font-size:32px;font-weight:800;line-height:1}[data-theme=dark]{--surface-page:#0b1220;--surface-card:#111827;--surface-sidebar:#0d1420;--surface-header:#111827;--surface-hover:#1a2236;--surface-overlay:#00000080;--surface-subtle:#0f1624;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-inverse:#0b1220;--border-light:#1f2937;--border-default:#2d3748;--border-strong:#374151;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006;--shadow-card:0 1px 2px #0000004d, 0 4px 14px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 12px 32px #0009;--shadow-xl:0 20px 48px #000000b3;--shadow-button:0 4px 12px #005daa59;--shadow-glow:0 0 30px #005daa26;--color-success-bg:#10b9811f;--color-danger-bg:#ef44441f;--color-warning-bg:#f59e0b1f;--color-info-bg:#2563eb1f}[data-theme=dark] .store-root,[data-theme=dark] .store-main{background:var(--surface-page)}[data-theme=dark] .store-header{box-shadow:0 1px 0 var(--border-light)}@media (width<=768px){.el-table{font-size:12px}.page-container{padding:12px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.layout-header{padding:0 8px}.layout-sidebar .el-menu-item{padding:0 10px!important}.pos-layout{flex-direction:column}.pos-panel--left,.pos-panel--center,.pos-panel--right{width:100%!important}}@media (width<=480px){.product-grid{grid-template-columns:repeat(2,1fr);gap:8px}.layout-header__title{display:none}}.el-result{margin-top:20vh}