.discount-line { display: block; font-size: 15px; color: rgb(17, 96, 68); margin-top: 4px; }
.discount-line b { font-size: 28px; font-weight: 700; line-height: 1; }
.hall-hero p { margin: 6px 0px 0px; }
.home-service-list { padding: 23px 18px 0px; }
.home-service-list h2 { font-size: 17px; margin: 0px 0px 14px; }
.home-service-list .row-link strong { font-size: 14px; font-weight: 500; }
.home-service-list .row-link small { display: block; font-size: 11px; margin-top: 3px; color: rgb(83, 104, 93); }
.hotline { margin: 18px; display: flex; align-items: center; gap: 12px; text-decoration: none; color: rgb(42, 90, 69); background: white; border: 1px solid rgb(223, 232, 226); border-radius: 8px; padding: 16px; }
.hotline > span { flex: 1 1 0%; font-size: 11px; }
.hotline strong { font-size: 20px; display: block; line-height: 1.6; letter-spacing: 0.4px; }
.hotline > .ui-icon:last-child { width: 16px; height: 16px; }
.contact-number { font-size: 28px; font-weight: 650; color: rgb(8, 119, 89); text-decoration: none; }
.personal-agent { margin-bottom: 23px; }
.personal-agent h2 { font-size: 17px; margin: 0px 0px 13px; }
.personal-agent-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.personal-agent-grid button { display: flex; align-items: center; gap: 10px; background: white; border: 1px solid rgb(224, 233, 227); border-radius: 8px; color: rgb(35, 75, 55); font-size: 14px; padding: 19px 12px; }
.personal-agent-grid button > span { flex: 1 1 0%; text-align: left; }
.personal-agent-grid button > .ui-icon:last-child { width: 13px; height: 13px; }
.wallet-head { padding: 25px 22px 20px; background: rgb(231, 240, 233); }
.wallet-head h1 { font-size: 25px; margin: 0px; font-weight: 650; }
.wallet-head p { font-size: 12px; color: rgb(82, 107, 90); margin: 6px 0px 0px; }
.wallet-tabs { display: flex; background: white; border-bottom: 1px solid rgb(223, 231, 226); padding: 0px 20px; gap: 25px; }
.wallet-tabs button { padding: 16px 0px; background: none; color: rgb(93, 112, 102); font-size: 14px; border-bottom: 3px solid transparent; }
.wallet-tabs button[aria-selected="true"] { color: rgb(8, 119, 89); font-weight: 650; border-bottom-color: rgb(8, 119, 89); }
.wallet-tabs span { font-size: 11px; padding: 2px 5px; background: rgb(234, 242, 237); border-radius: 5px; margin-left: 3px; }
.wallet-page { padding-top: 20px; }
.wallet-balance { background: rgb(11, 98, 75); color: white; border-radius: 10px; padding: 20px; }
.wallet-balance > span { font-size: 13px; color: rgb(225, 239, 230); }
.wallet-balance .money { font-size: 37px; margin: 7px 0px 18px; }
.wallet-balance-footer { display: flex; justify-content: space-between; border-top: 1px solid rgb(66, 131, 107); padding-top: 13px; font-size: 12px; color: rgb(227, 239, 232); }
.wallet-rule-note { padding: 13px 2px 22px; color: rgb(85, 108, 94); font-size: 11px; line-height: 1.8; }
.reward-ledger { background: white; border: 1px solid rgb(223, 231, 226); border-radius: 9px; padding: 17px; margin-bottom: 15px; }
.reward-ledger > .split > strong { font-size: 18px; letter-spacing: 1px; }
.package-tag { font-size: 11px; display: inline-block; background: rgb(233, 242, 237); color: rgb(45, 103, 77); padding: 4px 7px; border-radius: 4px; }
.ledger-amount { display: flex; justify-content: space-between; align-items: center; padding: 18px 0px; }
.ledger-amount span { font-size: 12px; color: rgb(96, 114, 105); }
.ledger-amount b { font-size: 22px; color: rgb(21, 81, 59); }
.reward-ledger .progress-track { height: 6px; margin: 10px 0px 15px; }
.reward-ledger .text-button { font-size: 11px; }
.subheading { font-size: 17px; margin: 0px 0px 12px; }
.coupon-wallet-total { display: flex; align-items: baseline; gap: 9px; margin: 0px 0px 20px; color: rgb(23, 82, 61); }
.coupon-wallet-total strong { font-size: 36px; }
.coupon-wallet-total span { font-size: 13px; }
.bundle-coupon .coupon-price { width: 83px; }
.bundle-coupon .coupon-info { padding: 15px 12px; }
.coupon-count { font-size: 12px; color: rgb(8, 119, 89); font-weight: 600; }
.code-provinces { display: flex; border-bottom: 1px solid rgb(220, 230, 223); margin-bottom: 16px; }
.code-provinces button { flex: 1 1 0%; background: none; color: rgb(96, 114, 105); padding: 12px; font-size: 17px; border-bottom: 3px solid transparent; }
.code-provinces button.active { color: rgb(8, 119, 89); font-weight: 650; border-bottom-color: rgb(8, 119, 89); }
.code-series { display: flex; gap: 10px; margin-bottom: 15px; }
.code-series button { flex: 1 1 0%; background: white; border: 1px solid rgb(223, 231, 226); border-radius: 7px; padding: 13px; color: rgb(69, 99, 80); font-size: 16px; }
.code-series small { display: block; font-size: 11px; margin-top: 4px; }
.code-series button.active { border-color: rgb(33, 131, 97); background: rgb(234, 244, 237); color: rgb(13, 103, 74); }
.package-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; }
.package-grid button { display: flex; justify-content: space-between; align-items: center; padding: 14px 11px; border: 1px solid rgb(223, 231, 226); border-radius: 7px; background: white; color: rgb(44, 73, 56); font-size: 13px; }
.package-grid button.active { border-color: rgb(22, 128, 89); background: rgb(234, 244, 237); }
.package-grid span { font-size: 16px; font-weight: 650; }
.package-grid strong { font-weight: 500; }
.data-caption { font-size: 11px; color: rgb(90, 110, 97); line-height: 1.7; padding: 10px 0px; }
.business-periods { display: flex; gap: 6px; margin: 12px 0px 17px; }
.business-periods button { font-size: 12px; background: white; border: 1px solid rgb(220, 230, 223); border-radius: 5px; flex: 1 1 0%; white-space: nowrap; padding: 9px 3px; color: rgb(77, 101, 85); }
.business-periods button.active { background: rgb(8, 119, 89); border-color: rgb(8, 119, 89); color: white; }
.business-metrics { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgb(214, 228, 218); border-radius: 9px; background: rgb(234, 243, 237); padding: 19px 5px; }
.business-metrics > div { padding: 0px 16px; }
.business-metrics > div:first-child { border-right: 1px solid rgb(202, 220, 207); }
.business-metrics span { display: block; font-size: 12px; color: rgb(66, 100, 81); }
.business-metrics strong { display: block; font-size: 32px; color: rgb(20, 83, 59); margin-top: 7px; line-height: 1.3; }
.business-metrics small { font-size: 12px; font-weight: 400; }
.refund-summary { display: flex; flex-wrap: wrap; gap: 10px 15px; padding: 16px 0px; font-size: 11px; color: rgb(79, 102, 87); }
.refund-summary > b, .refund-color { color: rgb(158, 77, 54); }
.business-order { padding: 17px; background: white; border: 1px solid rgb(223, 231, 226); border-radius: 8px; margin-bottom: 13px; }
.business-order > .split > strong { font-size: 16px; }
.business-order > .split > b { font-size: 20px; color: rgb(35, 77, 56); }
.order-package-line { margin: 12px 0px 8px; }
.refund-tag { font-size: 11px; color: rgb(154, 71, 52); background: rgb(249, 234, 227); border-radius: 4px; padding: 4px 7px; }
.business-order dl { margin: 14px 0px 0px; border-top: 1px solid rgb(232, 237, 233); padding-top: 10px; }
.business-order dl > div { display: flex; justify-content: space-between; margin: 6px 0px; font-size: 11px; gap: 10px; }
.business-order dt { color: rgb(98, 118, 106); flex-shrink: 0; }
.business-order dd { margin: 0px; text-align: right; }
.refund-line { font-size: 11px; color: rgb(154, 71, 52); margin-top: 12px; padding-top: 10px; border-top: 1px solid rgb(238, 226, 220); }
.date-range { display: flex; align-items: end; gap: 8px; margin-bottom: 14px; }
.date-range label { font-size: 11px; flex: 1 1 0%; min-width: 0px; color: rgb(88, 112, 98); }
.date-range input { display: block; padding: 8px 3px; border: 1px solid rgb(215, 227, 219); border-radius: 5px; background: white; width: 100%; font: inherit; color: rgb(41, 78, 56); }
.date-range button { font-size: 11px; padding: 9px 7px; }
.performance-date { display: flex; align-items: center; justify-content: space-between; background: white; padding: 14px; border: 1px solid rgb(223, 231, 226); border-radius: 7px; gap: 15px; }
.performance-date label { font-size: 13px; }
.performance-date input { border: 0px; color: rgb(23, 84, 59); background: white; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; }
.company-summary { background: rgb(11, 98, 75); color: white; border-radius: 9px; padding: 18px; margin: 12px 0px 23px; }
.company-summary > span { font-size: 13px; color: rgb(222, 240, 228); }
.company-summary > strong { font-size: 39px; display: block; margin: 5px 0px 14px; }
.company-summary small { font-size: 14px; font-weight: 400; }
.company-summary > div { display: flex; gap: 24px; font-size: 12px; }
.company-summary > button { background: none; color: rgb(226, 243, 231); padding: 13px 0px 0px; font-size: 12px; margin-top: 14px; border-top: 1px solid rgb(66, 131, 106); width: 100%; text-align: left; }
.performance-node, .team-member { border: 1px solid rgb(223, 231, 226); background: white; border-radius: 7px; padding: 14px 12px; margin-bottom: 11px; min-width: 0px; }
.performance-node .tree-title, .team-member .tree-title { max-width: 72%; }
.tree-title { display: flex; align-items: center; gap: 6px; background: none; padding: 0px; text-align: left; font-size: 13px; color: rgb(41, 76, 56); overflow-wrap: anywhere; }
.tree-arrow { height: 19px; width: 19px; display: grid; place-items: center; background: rgb(237, 243, 239); color: rgb(35, 107, 75); flex-shrink: 0; border-radius: 4px; font-size: 15px; }
.performance-node > .split > strong { font-size: 22px; }
.performance-node small { font-size: 11px; font-weight: 400; }
.performance-node-sub { display: flex; gap: 8px; justify-content: space-between; margin-top: 13px; font-size: 11px; color: rgb(88, 112, 97); flex-wrap: wrap; }
.performance-node-sub button { background: none; padding: 0px; font-size: 11px; color: rgb(8, 119, 89); }
.team-member .text-button { font-size: 11px; white-space: nowrap; }
.team-member .meta { padding-left: 25px; }
.team-member > .quiet { padding-left: 25px; font-size: 10px; }
.aftersales-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px; }
.aftersales-grid button { display: flex; align-items: flex-start; flex-direction: column; padding: 18px; background: white; border: 1px solid rgb(223, 231, 226); border-radius: 8px; color: rgb(37, 79, 57); text-align: left; }
.aftersales-grid .ui-icon { width: 28px; height: 28px; margin-bottom: 14px; }
.aftersales-grid strong { font-size: 15px; font-weight: 550; }
.aftersales-grid span { font-size: 11px; color: rgb(92, 113, 99); margin-top: 4px; }
.service-vehicle-label { display: block; font-size: 13px; color: rgb(72, 100, 79); margin-bottom: 8px; }
.activation-steps { font-size: 14px; padding-left: 23px; color: rgb(80, 105, 86); line-height: 2.3; margin: 20px 0px 25px; }
.arrears-value { font-size: 35px; color: rgb(56, 99, 74); padding: 18px 0px; }
.original-plate { font-size: 21px; color: rgb(33, 77, 55); padding: 5px 0px 14px; letter-spacing: 1px; }
.home-service-list .card { margin-bottom: 0px; }
@media (max-width: 350px) {
  .business-periods { gap: 4px; }
  .business-periods button { font-size: 11px; }
  .performance-node-sub { font-size: 10px; }
  .package-grid button { font-size: 12px; }
  .reward-ledger .package-tag { font-size: 10px; }
  .date-range { gap: 4px; }
  .personal-agent-grid button { font-size: 13px; padding: 16px 10px; }
}
.page-title{font-size:inherit;font-weight:inherit;margin:0;line-height:inherit}
.wallet-head{padding:19px 22px 15px}.wallet-head h2{font-size:19px;margin:0;font-weight:650}.company-summary>div{flex-wrap:wrap;gap:10px 17px}