:root{--main-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-size-base: 14px;--font-size-header: 16px;--font-size-title: 16px;--font-size-price: 16px;--font-size-label: 12px;--font-size-small: 12px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--primary-color: #720202;--primary-hover: #5a0202;--bg-light: #eaecf0;--card-bg: #ffffff;--border-color: #d9d9d9;--text-main: #101828;--text-muted: #667085;--text-light: #98a2b3;--radius-base: 8px}body{font-family:var(--main-font-family);font-size:var(--font-size-base);color:var(--text-main);background-color:var(--bg-light);-webkit-font-smoothing:antialiased;line-height:1.5715}.app-title{font-size:var(--font-size-header);font-weight:var(--font-weight-bold);color:var(--text-main);text-transform:uppercase}.section-title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);color:var(--text-main)}.price-text{font-size:var(--font-size-price);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.uppercase{text-transform:uppercase!important}svg{display:inline!important}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-base);font-weight:var(--font-weight-medium);transition:all .2s;cursor:pointer;font-size:14px;height:32px;padding:4px 15px;border:1px solid transparent}.btn-confirm{background-color:var(--primary-color);color:#fff;width:100%;height:40px;font-size:16px;box-shadow:0 2px #0000000b}.btn-confirm:hover{background-color:var(--primary-hover);color:#fff}.btn-cancel{background-color:#fff;border:1px solid var(--border-color);color:var(--text-main)}.btn-cancel:hover{color:var(--primary-color);border-color:var(--primary-color)}.btn-update{background-color:var(--primary-color);color:#fff}.btn-update:hover{background-color:var(--primary-hover)}.btn-small-action{font-size:12px;padding:0 8px;height:24px;line-height:22px;background-color:#fff;color:var(--text-main);border:1px solid var(--border-color);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:4px}.btn-small-action:hover{color:var(--primary-color);border-color:var(--primary-color)}.input-custom{width:100%;padding:5px 11px;font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid var(--border-color);border-radius:var(--radius-base);transition:all .3s}.input-custom:hover{border-color:var(--primary-color);border-right-width:1px!important}.input-custom:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #0050b333;outline:none}.input-label{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-main);margin-bottom:8px;display:block}.card-container{background-color:var(--card-bg);border-radius:var(--radius-base);padding:16px;border:1px solid #f0f0f0;box-shadow:0 1px 2px #00000008;margin-bottom:16px}.attr-tag{font-size:12px;background-color:#fff;color:var(--text-main);padding:4px 10px;border-radius:4px;border:1px solid var(--border-color);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.attr-tag.selected,.attr-tag:hover{color:var(--primary-color);border-color:var(--primary-color)}.attr-tag.selected{background-color:#e6f7ff}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.fs-12{font-size:12px!important}.fs-14{font-size:14px!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.text-primary{color:var(--primary-color)!important}