/* /1car_mobile_app/static/src/scss/variables.css */
 .o_mma_root{--mma-primary: #CF2E2E; --mma-primary-hover: #B92323; --mma-primary-soft: #FDECEC; --mma-bg: #F7F8FA; --mma-card: #FFFFFF; --mma-border: #ECECEC; --mma-text: #222222; --mma-text-secondary: #6B7280; --mma-success: #2CB67D; --mma-warning: #FFB547; --mma-danger: #CF2E2E; --mma-warning-soft: #FFF4E5; --mma-success-soft: #E8F8F1; --mma-radius-card: 24px; --mma-radius-button: 18px; --mma-radius-input: 16px; --mma-radius-nav: 28px; --mma-shadow-card: 0 8px 30px rgba(0, 0, 0, 0.05); --mma-shadow-nav: 0 -4px 24px rgba(0, 0, 0, 0.06); --mma-shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.04); --mma-font: "SF Pro Display", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --mma-nav-height: 72px; --mma-nav-bg: #FFFFFF; --mma-nav-text: #9CA3AF; --mma-nav-text-active: #CF2E2E; --mma-nav-active-bg: transparent; --mma-safe-top: env(safe-area-inset-top, 0px); --mma-safe-bottom: env(safe-area-inset-bottom, 0px);}

/* /1car_mobile_app/static/src/scss/theme.css */
 .o_mma_root{font-family: var(--mma-font); color: var(--mma-text); background: var(--mma-bg); -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent;}.o_mma_root *, .o_mma_root *::before, .o_mma_root *::after{box-sizing: border-box;}.o_mma_root h1, .o_mma_root h2, .o_mma_root h3, .o_mma_root h4, .o_mma_root p{margin: 0;}.o_mma_root a{color: inherit; text-decoration: none;}.o_mma_root button{font-family: inherit; border: none; cursor: pointer;}.o_mma_root button:not([class*="o_mma_btn"]):not([class*="o_mma_"]){background: none; padding: 0;}.o_mma_root input, .o_mma_root select, .o_mma_root textarea{font-family: inherit; font-size: 15px; color: var(--mma-text);}.o_mma_root .material-symbols-rounded{font-family: 'Material Symbols Rounded'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; user-select: none; line-height: 1; vertical-align: middle; text-transform: none; letter-spacing: normal; white-space: nowrap; direction: ltr;}html, body{margin: 0; padding: 0; height: 100%; background: #F7F8FA; overscroll-behavior: none;}body:has(.o_mma_root) .o_main_navbar, body:has(.o_mma_root) .o_control_panel, body:has(.o_mma_root) .o_breadcrumb, body:has(.o_mma_root) .o_chatter, body:has(.o_mma_root) #wrapwrap > header, body:has(.o_mma_root) #wrapwrap > footer{display: none !important;}.o_mma_root a[href], .o_mma_root label, .o_mma_root select, .o_mma_root summary, .o_mma_root [role="button"], .o_mma_root [role="switch"], .o_mma_root [role="tab"], .o_mma_root .o_mma_btn, .o_mma_root .o_mma_quick__item, .o_mma_root .o_mma_bottom_nav__item, .o_mma_root input[type="checkbox"], .o_mma_root input[type="radio"], .o_mma_root input[type="date"], .o_mma_root input[type="time"], .o_mma_root input[type="datetime-local"]{cursor: pointer;}.o_mma_root button[disabled], .o_mma_root .o_mma_btn[disabled], .o_mma_root [aria-disabled="true"]{cursor: not-allowed;}@media (hover: hover) and (pointer: fine){.o_mma_root [role="button"]:hover, .o_mma_root .o_mma_list_item[role="button"]:hover{background-color: rgba(17, 24, 39, 0.04);}.o_mma_root .o_mma_btn:hover:not([disabled]), .o_mma_root .o_mma_quick__item:hover{filter: brightness(0.96);}}.o_mma_root [role="button"]:active, .o_mma_root .o_mma_btn:not([disabled]):active, .o_mma_root .o_mma_quick__item:active, .o_mma_root .o_mma_bottom_nav__item:active{transform: scale(0.985);}

/* /1car_mobile_app/static/src/scss/layout.css */
.o_mma_root{min-height: 100%; min-height: 100dvh;}.o_mma_app{min-height: 100dvh; display: flex; flex-direction: column; background: var(--mma-bg); padding-top: var(--mma-safe-top); max-width: 480px; margin: 0 auto; position: relative;}.o_mma_page{flex: 1; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 16px 16px calc(var(--mma-nav-height) + var(--mma-safe-bottom) + 16px);}.o_mma_page--flush{padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: calc(var(--mma-nav-height) + var(--mma-safe-bottom) + 16px);}.o_mma_page__inner{padding: 0 16px;}.o_mma_bottom_nav{position: fixed; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; max-width: 480px; height: calc(var(--mma-nav-height) + var(--mma-safe-bottom)); background: var(--mma-nav-bg); border-radius: var(--mma-radius-nav) var(--mma-radius-nav) 0 0; border-top: 1px solid #F0F0F0; box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.06), 0 40px 0 0 var(--mma-nav-bg); display: flex; align-items: center; justify-content: space-around; z-index: 100; padding: 0 8px var(--mma-safe-bottom);}.o_mma_bottom_nav__item{flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 2px; border-radius: 14px; background: transparent; color: var(--mma-nav-text); font-size: 11px; font-weight: 500; min-width: 0;}.o_mma_bottom_nav__item > span:last-child{max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.o_mma_bottom_nav__item .material-symbols-rounded{font-size: 24px;}.o_mma_bottom_nav__item.active{color: var(--mma-nav-text-active); background: var(--mma-nav-active-bg); font-weight: 700;}.o_mma_bottom_nav__item.active .material-symbols-rounded{font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24; color: var(--mma-nav-text-active); background: var(--mma-primary-soft, #FEF2F2); border-radius: 12px; padding: 4px 10px;}.o_mma_header{display: flex; align-items: center; gap: 12px; margin-bottom: 8px;}.o_mma_header__dem{flex: 1; min-width: 0;}.o_mma_header--red{background: var(--mma-primary); color: #fff; padding: 10px 16px 20px; margin: 0; border-radius: 0 0 28px 28px; position: relative; z-index: 1;}.o_mma_header__back, .o_mma_header__action{width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.15); color: inherit; flex-shrink: 0;}.o_mma_header__back .material-symbols-rounded, .o_mma_header__action .material-symbols-rounded{font-size: 22px;}.o_mma_header--plain .o_mma_header__back{background: var(--mma-card); color: var(--mma-text); box-shadow: var(--mma-shadow-soft);}.o_mma_section{margin-bottom: 24px;}.o_mma_section__head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;}.o_mma_section__head h2{font-size: 17px; font-weight: 700; display: flex; align-items: center; gap: 8px;}.o_mma_section__head .o_mma_link{color: var(--mma-primary); font-size: 14px; font-weight: 600;}

/* /1car_mobile_app/static/src/scss/components.css */
.o_mma_card{background: var(--mma-card); border-radius: var(--mma-radius-card); box-shadow: var(--mma-shadow-card); padding: 16px;}.o_mma_btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 52px; padding: 0 20px; border-radius: var(--mma-radius-button); font-size: 15px; font-weight: 700; width: 100%; transition: background 0.15s ease, transform 0.1s ease;}.o_mma_btn:active{transform: scale(0.98);}.o_mma_btn--primary{background: var(--mma-primary); color: #fff;}.o_mma_btn--primary:hover{background: var(--mma-primary-hover);}.o_mma_btn--outline{background: #fff; color: var(--mma-primary); border: 1.5px solid var(--mma-primary);}.o_mma_btn--ghost{background: #fff; color: var(--mma-text); border: 1px solid var(--mma-border);}.o_mma_btn .material-symbols-rounded{font-size: 20px;}.o_mma_icon_box{width: 40px; height: 40px; border-radius: 12px; background: var(--mma-primary-soft); color: var(--mma-primary); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.o_mma_icon_box .material-symbols-rounded{font-size: 22px;}.o_mma_icon_box--circle{border-radius: 50%;}.o_mma_icon_box--lg{width: 56px; height: 56px;}.o_mma_icon_box--lg .material-symbols-rounded{font-size: 28px;}.o_mma_avatar{width: 44px; height: 44px; border-radius: 50%; background: var(--mma-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px; flex-shrink: 0; overflow: hidden;}.o_mma_avatar img{width: 100%; height: 100%; object-fit: cover;}.o_mma_avatar--lg{width: 64px; height: 64px; font-size: 22px;}.o_mma_badge{display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; background: var(--mma-primary-soft); color: var(--mma-primary);}.o_mma_badge--success{background: var(--mma-success-soft); color: var(--mma-success);}.o_mma_badge--warning{background: var(--mma-warning-soft); color: #8A5A00;}.o_mma_badge--info{background: #E8F1FE; color: #2C6FBB;}.o_mma_badge--muted{background: #F3F4F6; color: var(--mma-text-secondary);}.o_mma_badge--purple{background: #F3E8FF; color: #7C3AED;}.o_mma_badge--outline{background: transparent; border: 1px solid var(--mma-primary);}.o_mma_field{margin-bottom: 16px;}.o_mma_field__row{display: flex; align-items: flex-start; gap: 12px;}.o_mma_field__label{font-size: 13px; color: var(--mma-text-secondary); margin-bottom: 6px; display: block;}.o_mma_field__control{flex: 1; position: relative;}.o_mma_field__control input, .o_mma_field__control select, .o_mma_field__control textarea{width: 100%; border: 1px solid var(--mma-border); border-radius: var(--mma-radius-input); padding: 14px 16px; background: #fff; outline: none; appearance: none;}.o_mma_field__control input:focus, .o_mma_field__control select:focus, .o_mma_field__control textarea:focus{border-color: var(--mma-primary);}.o_mma_field__control--locked input{background: #F3F4F6; color: #6B7280; cursor: not-allowed;}.o_mma_field__control textarea{min-height: 88px; resize: none;}.o_mma_field__control .o_mma_field__suffix{position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--mma-text-secondary); pointer-events: none;}.o_mma_field__control .o_mma_field__counter{text-align: right; font-size: 12px; color: var(--mma-text-secondary); margin-top: 4px;}.o_mma_list_item{display: flex; align-items: center; gap: 12px; padding: 12px 0;}.o_mma_list_item + .o_mma_list_item{border-top: 1px solid var(--mma-border);}.o_mma_list_item__body{flex: 1; min-width: 0;}.o_mma_list_item__title{font-size: 15px; font-weight: 600;}.o_mma_list_item__sub{font-size: 13px; color: var(--mma-text-secondary); margin-top: 2px;}.o_mma_list_item__meta{font-size: 13px; color: var(--mma-text-secondary);}.o_mma_list_item__chevron{color: #C4C4C4;}.o_mma_list_item__chevron .material-symbols-rounded{font-size: 20px;}.o_mma_toggle{width: 48px; height: 28px; border-radius: 999px; background: #E5E7EB; position: relative; transition: background 0.2s; flex-shrink: 0;}.o_mma_toggle.on{background: var(--mma-primary);}.o_mma_toggle::after{content: ''; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); transition: transform 0.2s;}.o_mma_toggle.on::after{transform: translateX(20px);}.o_mma_loyalty{background: linear-gradient(135deg, #CF2E2E 0%, #B92323 100%); border-radius: var(--mma-radius-card); padding: 20px; color: #fff; position: relative; overflow: hidden;}.o_mma_loyalty::before, .o_mma_loyalty::after{content: ''; position: absolute; border-radius: 50%; border: 40px solid rgba(255, 255, 255, 0.06); pointer-events: none;}.o_mma_loyalty::before{width: 200px; height: 200px; right: -60px; top: -40px;}.o_mma_loyalty::after{width: 140px; height: 140px; right: -20px; bottom: -50px;}.o_mma_loyalty__label{display: flex; align-items: center; gap: 6px; font-size: 13px; opacity: 0.95;}.o_mma_loyalty__label .material-symbols-rounded{font-size: 18px;}.o_mma_loyalty__points{font-size: 36px; font-weight: 800; margin: 8px 0 4px; letter-spacing: -0.5px;}.o_mma_loyalty__points span{font-size: 14px; font-weight: 500; margin-left: 6px; opacity: 0.9;}.o_mma_loyalty__bar{height: 6px; background: rgba(0, 0, 0, 0.25); border-radius: 999px; margin: 12px 0 8px; overflow: hidden;}.o_mma_loyalty__bar > i{display: block; height: 100%; background: linear-gradient(90deg, #FF8A8A, #FFD0D0); border-radius: 999px;}.o_mma_loyalty__hint{font-size: 12px; opacity: 0.9;}.o_mma_loyalty__chevron{position: absolute; right: 16px; top: 50%; transform: translateY(-50%); opacity: 0.8;}.o_mma_quick{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;}.o_mma_quick--duo{grid-template-columns: repeat(2, 1fr);}.o_mma_quick--five{grid-template-columns: repeat(5, 1fr); gap: 8px; width: 100%;}.o_mma_quick__item{background: var(--mma-card); border-radius: 16px; box-shadow: var(--mma-shadow-card); padding: 12px 4px 10px; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; color: var(--mma-text);}.o_mma_quick__item .material-symbols-rounded{font-size: 26px; color: var(--mma-primary);}.o_mma_quick__item--danger, .o_mma_quick__item--active{background: var(--mma-primary); color: #fff;}.o_mma_quick__item--danger .material-symbols-rounded, .o_mma_quick__item--active .material-symbols-rounded{color: #fff;}.o_mma_quick--five .o_mma_quick__item{padding: 10px 2px 8px; border-radius: 14px; font-size: 10px; line-height: 1.2; text-align: center;}.o_mma_quick--five .o_mma_quick__item .material-symbols-rounded{font-size: 24px;}.o_mma_progress{height: 8px; background: var(--mma-primary-soft); border-radius: 999px; overflow: hidden;}.o_mma_progress > i{display: block; height: 100%; background: var(--mma-primary); border-radius: 999px;}.o_mma_timeline{position: relative; padding-left: 4px;}.o_mma_timeline__item{display: flex; gap: 12px; position: relative; padding-bottom: 20px;}.o_mma_timeline__item:not(:last-child)::before{content: ''; position: absolute; left: 15px; top: 32px; bottom: 0; width: 2px; background: #E5E7EB;}.o_mma_timeline__item.done:not(:last-child)::before{background: var(--mma-success);}.o_mma_timeline__item.active:not(:last-child)::before{background: var(--mma-primary);}.o_mma_timeline__dot{width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; flex-shrink: 0; background: #E5E7EB; color: var(--mma-text-secondary); z-index: 1;}.o_mma_timeline__dot .material-symbols-rounded{font-size: 18px;}.o_mma_timeline__item.done .o_mma_timeline__dot{background: var(--mma-success); color: #fff;}.o_mma_timeline__item.active .o_mma_timeline__dot{background: var(--mma-primary); color: #fff;}.o_mma_timeline__item.todo{opacity: 0.45;}.o_mma_timeline__body{flex: 1; min-width: 0;}.o_mma_timeline__title{font-size: 15px; font-weight: 700;}.o_mma_timeline__ref{font-size: 12px; color: var(--mma-text-secondary);}.o_mma_timeline__desc{font-size: 13px; color: var(--mma-text-secondary); margin-top: 2px;}.o_mma_substep{display: flex; align-items: center; gap: 8px; margin: 12px 0; font-size: 12px; color: var(--mma-text-secondary);}.o_mma_substep__node{display: flex; align-items: center; gap: 4px;}.o_mma_substep__node.done{color: var(--mma-success);}.o_mma_substep__node.active{color: var(--mma-primary); font-weight: 600;}.o_mma_substep__line{flex: 1; height: 2px; background: #E5E7EB;}.o_mma_substep__line.done{background: var(--mma-success);}.o_mma_alert{display: flex; align-items: center; gap: 8px; padding: 12px; border-radius: 12px; background: var(--mma-warning-soft); color: #8A5A00; font-size: 13px; margin: 12px 0;}.o_mma_alert .material-symbols-rounded{color: var(--mma-warning); font-size: 20px;}.o_mma_empty{text-align: center; padding: 24px; color: var(--mma-text-secondary); font-size: 14px;}.o_mma_splash{position: fixed; inset: 0; z-index: 1000; background: var(--mma-primary); display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; gap: 16px;}.o_mma_splash__logo{width: 88px; height: 88px; border-radius: 22px; background: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; color: var(--mma-primary); font-size: 22px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2); overflow: hidden;}.o_mma_splash__logo img{width: 100%; height: 100%; object-fit: cover; display: block;}.o_mma_splash__name{font-size: 22px; font-weight: 800;}.o_mma_splash__sub{font-size: 13px; opacity: 0.85;}.o_mma_login{min-height: 100dvh; display: flex; flex-direction: column; justify-content: center; padding: 24px; padding-bottom: calc(var(--mma-nav-height) + var(--mma-safe-bottom) + 24px); background: var(--mma-bg);}.o_mma_login--hub{justify-content: flex-start; padding: 0; padding-bottom: calc(var(--mma-nav-height) + var(--mma-safe-bottom)); background: #F3F4F6;}.o_mma_hub{width: 100%; flex: 1; display: flex; flex-direction: column;}.o_mma_hub__hero{position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; min-height: clamp(260px, 42vw, 340px); padding: calc(12px + var(--mma-safe-top, 0px)) 20px 24px; background: #CF2E2E url('/1car_mobile_app/static/src/img/hub_hero_bg.jpg') top center / cover no-repeat; color: #fff; text-align: center;}.o_mma_hub__rays, .o_mma_hub__garage{display: none;}.o_mma_hub__brand, .o_mma_hub__logo{display: none;}.o_mma_hub__login-btn{position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin: 0; padding: 14px 18px; border: 0; border-radius: 999px; background: #fff; color: var(--mma-primary, #CF2E2E); font-size: 15px; font-weight: 800; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18); cursor: pointer;}.o_mma_hub__login-btn .material-symbols-rounded{font-size: 22px;}.o_mma_hub__sheet{position: relative; z-index: 2; margin-top: -10px; padding: 14px 16px 20px; background: #F3F4F6; border-radius: 22px 22px 0 0; flex: 1;}.o_mma_hub__card{position: relative; display: grid; grid-template-columns: 44px 1fr 64px 28px; align-items: center; gap: 10px; width: 100%; margin: 0 0 12px; padding: 14px 12px 14px 12px; border: 0; border-radius: 18px; background: #fff; text-align: left; box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08); cursor: pointer;}.o_mma_hub__card-icon{width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: var(--mma-primary, #CF2E2E); color: #fff; flex-shrink: 0;}.o_mma_hub__card-icon .material-symbols-rounded{font-size: 24px;}.o_mma_hub__card-body{min-width: 0;}.o_mma_hub__card-title{font-size: 14px; font-weight: 800; color: #111827; line-height: 1.25;}.o_mma_hub__card-tags{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px;}.o_mma_hub__card-tags > span{padding: 2px 8px; border-radius: 999px; background: rgba(207, 46, 46, 0.1); color: var(--mma-primary, #CF2E2E); font-size: 11px; font-weight: 700;}.o_mma_hub__card-desc{margin-top: 6px; font-size: 12px; line-height: 1.35; color: #6B7280;}.o_mma_hub__card-art{position: relative; width: 58px; height: 52px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: linear-gradient(160deg, #FFF1F1, #FFE4E4); color: var(--mma-primary, #CF2E2E); flex-shrink: 0;}.o_mma_hub__card-art .art-main{font-size: 30px;}.o_mma_hub__card-art--cal .art-badge{position: absolute; right: 2px; bottom: 2px; font-size: 16px; color: #DC2626; background: #fff; border-radius: 50%;}.o_mma_hub__card-art--tow{background: linear-gradient(160deg, #F8FAFC, #FEE2E2);}.o_mma_hub__card-art--tow .art-main{font-size: 28px; color: #374151;}.o_mma_hub__card-art--tow .art-car{position: absolute; right: 4px; top: 4px; font-size: 16px; color: #CF2E2E;}.o_mma_hub__card-go{width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #fff; color: var(--mma-primary, #CF2E2E); box-shadow: 0 4px 12px rgba(207, 46, 46, 0.25); font-size: 18px; flex-shrink: 0;}@media (max-width: 360px){.o_mma_hub__card{grid-template-columns: 40px 1fr 28px;}.o_mma_hub__card-art{display: none;}}.o_mma_hub__promo{position: relative; margin: 8px 0 0;}.o_mma_hub__promo-head{display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 10px;}.o_mma_hub__promo-title{font-size: 12px; font-weight: 800; letter-spacing: 0.3px; text-transform: uppercase; color: #111827; margin: 0;}.o_mma_hub__promo-all{border: 0; background: transparent; color: var(--mma-primary, #CF2E2E); font-size: 13px; font-weight: 700; padding: 0; cursor: pointer; white-space: nowrap;}.o_mma_promo--hub{box-shadow: 0 8px 22px rgba(120, 10, 10, 0.18); border-radius: 16px; overflow: hidden;}.o_mma_hub__promo .o_mma_promo__dots{position: relative; left: auto; bottom: auto; transform: none; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; width: 100%; margin-top: 10px;}.o_mma_hub__promo .o_mma_promo__dots > i{display: inline-block; flex: 0 0 auto; background: rgba(207, 46, 46, 0.35);}.o_mma_hub__promo .o_mma_promo__dots > i.on{background: var(--mma-primary, #CF2E2E);}.o_mma_hub__cta, .o_mma_hub__cta--rescue, .o_mma_hub__company{display: none;}.o_mma_login__brand{text-align: center; margin-bottom: 24px;}.o_mma_login__brand h1{font-size: 28px; font-weight: 800; margin-top: 12px;}.o_mma_login__brand p{color: var(--mma-text-secondary); margin-top: 8px;}.o_mma_login__link{display: block; width: 100%; margin-top: 12px; padding: 8px 0; border: 0; background: transparent; color: var(--mma-primary, #CF2E2E); font-size: 14px; font-weight: 600; text-align: center; cursor: pointer;}.o_mma_login__link:active{opacity: 0.6;}.o_mma_login__note{color: var(--mma-text-secondary); font-size: 13px; line-height: 1.5; margin-bottom: 12px; text-align: center;}.o_mma_login__error{color: var(--mma-danger); font-size: 13px; margin-bottom: 12px; text-align: center;}.o_mma_alert--success{background: var(--mma-success-soft, #E7F7EF); color: #0F6B3F;}.o_mma_alert--success .material-symbols-rounded{color: var(--mma-success);}.o_mma_gift{padding: 14px 0; border-bottom: 1px solid var(--mma-border, #E5E7EB);}.o_mma_gift:last-child{border-bottom: none;}.o_mma_gift__head{display: flex; align-items: flex-start; gap: 12px;}.o_mma_gift__img{width: 56px; height: 56px; border-radius: 12px; object-fit: cover; flex: 0 0 auto;}.o_mma_gift__meta{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; font-size: 12px; color: var(--mma-text-secondary);}.o_mma_gift__meta span{background: var(--mma-surface-2, #F3F4F6); border-radius: 999px; padding: 2px 8px;}.o_mma_gift__note{margin-top: 6px; font-size: 12px; color: var(--mma-text-secondary);}.o_mma_gift__locked{display: flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 13px; color: var(--mma-text-secondary);}.o_mma_gift__locked .material-symbols-rounded{font-size: 16px;}.o_mma_gift .o_mma_btn{margin-top: 10px;}.o_mma_sheet{position: fixed; inset: 0; z-index: 1200; background: rgba(17, 24, 39, 0.55); display: flex; align-items: flex-end; justify-content: center;}.o_mma_sheet__panel{background: #fff; width: 100%; max-width: 680px; max-height: 94vh; border-radius: 24px 24px 0 0; display: flex; flex-direction: column; overflow: hidden; animation: mma-sheet-up 0.22s ease-out;}@keyframes mma-sheet-up{from{transform: translateY(28px); opacity: 0.6;}to{transform: translateY(0); opacity: 1;}}.o_mma_sheet__head{display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--mma-border, #ECECEC);}.o_mma_sheet__title{font-size: 17px; font-weight: 800; color: var(--mma-text, #222);}.o_mma_sheet__close{width: 36px; height: 36px; border-radius: 50%; background: #F3F4F6; display: inline-flex; align-items: center; justify-content: center; color: var(--mma-text-secondary, #6B7280);}.o_mma_sheet__body{overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 16px 16px 8px; background: #F7F8FA;}.o_mma_sheet__foot{padding: 12px 16px calc(12px + var(--mma-safe-bottom, 0px)); border-top: 1px solid var(--mma-border, #ECECEC); background: #fff;}.o_mma_guest_match__ask{margin: 0 0 14px; font-size: 15px; font-weight: 700; color: var(--mma-text, #222); line-height: 1.4;}.o_mma_guest_match__card{border: 1px solid #E5E7EB; border-radius: 14px; padding: 14px; margin-bottom: 12px; background: #fff;}.o_mma_guest_match__reason{font-size: 12px; font-weight: 700; color: var(--mma-primary, #CF2E2E); margin-bottom: 6px;}.o_mma_guest_match__name{font-size: 16px; font-weight: 800; margin-bottom: 8px;}.o_mma_guest_match__row{display: flex; align-items: flex-start; gap: 8px; font-size: 14px; color: #374151; margin-bottom: 4px;}.o_mma_guest_match__row .material-symbols-rounded{font-size: 18px; color: #9CA3AF; flex-shrink: 0; margin-top: 1px;}.o_mma_guest_match__ok{width: 100%; margin-top: 12px;}display: flex; gap: 10px; padding: 12px 16px calc(12px + var(--mma-safe-bottom, 0px)); border-top: 1px solid var(--mma-border, #ECECEC); background: #fff;}.o_mma_quote{background: #fff; border: 1px solid #E2E8F0; border-radius: 12px; padding: 16px; color: #1E293B; font-size: 13.5px; line-height: 1.5;}.o_mma_quote__company{text-align: center; color: #475569; font-size: 12.5px; padding-bottom: 10px; border-bottom: 1px solid #E2E8F0;}.o_mma_quote__company--image{padding: 0 0 10px; border-bottom: 1px solid #E2E8F0;}.o_mma_quote__company--image img{display: block; width: 100%; height: auto; max-height: 140px; object-fit: contain; margin: 0 auto;}.o_mma_quote__company-name{font-size: 15px; font-weight: 800; color: #0F172A; text-transform: uppercase;}.o_mma_quote__title{margin-top: 12px; text-align: center; font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.3px; color: #0F172A;}.o_mma_quote__code{text-align: center; color: #64748B; font-size: 12.5px; margin-bottom: 12px;}.o_mma_quote__info, .o_mma_quote__totals{background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 8px; padding: 4px 12px;}.o_mma_quote__row{display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px dashed #E8EDF3;}.o_mma_quote__row:last-child{border-bottom: none;}.o_mma_quote__row > span{color: #64748B; font-weight: 600; flex: 0 0 42%;}.o_mma_quote__row > strong{color: #0F172A; text-align: right; flex: 1; word-break: break-word;}.o_mma_quote__row--total{padding-top: 10px; border-top: 1px solid #E2E8F0;}.o_mma_quote__row--total > strong{color: var(--mma-primary, #CF2E2E); font-size: 16px; font-weight: 800;}.o_mma_quote__check{display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: center; margin: 12px 0; font-size: 12.5px; color: #334155;}.o_mma_quote__box{width: 18px; height: 18px; border: 1.5px solid #94A3B8; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; margin-left: 8px;}.o_mma_quote__box:first-child{margin-left: 0;}.o_mma_quote__box.on{border-color: var(--mma-primary, #CF2E2E); color: var(--mma-primary, #CF2E2E);}.o_mma_quote__box .material-symbols-rounded{font-size: 15px;}.o_mma_quote__table{border: 1px solid #E2E8F0; border-radius: 8px; overflow: hidden; margin-bottom: 12px;}.o_mma_quote__thead{display: flex; justify-content: space-between; gap: 8px; padding: 9px 12px; background: #F1F5F9; font-size: 11.5px; font-weight: 700; text-transform: uppercase; color: #475569;}.o_mma_quote__section{padding: 8px 12px; background: #F8FAFC; font-weight: 800; text-transform: uppercase; font-size: 12px; color: #334155;}.o_mma_quote__note-line{padding: 6px 12px; font-style: italic; color: #64748B; font-size: 12.5px;}.o_mma_quote__line{display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 10px 12px; border-top: 1px solid #EEF2F7;}.o_mma_quote__line-name{font-weight: 600; color: #0F172A; white-space: pre-wrap;}.o_mma_quote__line-sub{color: #64748B; font-size: 12px; margin-top: 2px;}.o_mma_quote__line-amount{font-weight: 700; color: #0F172A; white-space: nowrap;}.o_mma_quote__policy, .o_mma_quote__terms{margin-top: 12px; font-size: 12.5px; color: #334155;}.o_mma_quote__policy-title{font-weight: 800; text-transform: uppercase; font-size: 11.5px; color: #475569; margin-bottom: 6px;}.o_mma_quote__term{margin-bottom: 6px;}.o_mma_quote__policy-text{white-space: pre-wrap;}.o_mma_quote__group{border: 1px solid #E2E8F0; border-radius: 10px; padding: 10px; margin-bottom: 12px; background: #FCFDFE;}.o_mma_quote__group-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 8px;}.o_mma_quote__group-meta{color: #64748B; font-size: 12px; margin-top: 2px;}.o_mma_quote__badge{font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; white-space: nowrap;}.o_mma_quote__badge.wait{background: var(--mma-warning-soft, #FFF4E5); color: #96601A;}.o_mma_quote__badge.done{background: var(--mma-success-soft, #E8F8F1); color: #0F6B3F;}.o_mma_quote__group-sum{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 2px 10px; font-size: 13px; color: #334155;}.o_mma_quote__group-sum strong{color: #0F172A;}.o_mma_quote__sign{display: flex; gap: 12px; margin-top: 16px; padding-top: 12px; border-top: 1px solid #E2E8F0;}.o_mma_quote__sign > div{flex: 1; text-align: center;}.o_mma_quote__sign span{display: block; font-size: 11.5px; font-weight: 700; text-transform: uppercase; color: #475569;}.o_mma_quote__sign strong{display: block; margin-top: 6px; font-size: 12.5px; color: #0F172A;}.o_mma_quote__sign .o_mma_quote__sign-phone{display: inline-flex; align-items: center; gap: 4px; margin-top: 3px; color: var(--mma-primary, #CF2E2E); font-size: 12.5px; font-weight: 700; text-transform: none;}.o_mma_quote__sign .o_mma_quote__sign-phone .material-symbols-rounded{font-size: 15px;}.o_mma_alert--danger{background: #FDECEC; color: #8F1D1D;}.o_mma_alert--danger .material-symbols-rounded{color: var(--mma-danger, #CF2E2E);}.o_mma_quote_actions{display: flex; flex-direction: column; gap: 10px; margin-top: 12px; padding: 12px; background: var(--mma-primary-soft, #FEF2F2); border: 1px solid rgba(207, 46, 46, 0.16); border-radius: 14px;}.o_mma_quote_actions > *{flex: 0 0 auto; width: 100%; min-width: 0;}.o_mma_quote_actions .o_mma_btn{height: 46px; padding: 0 14px; border-radius: 12px; font-size: 14px; letter-spacing: 0.1px;}.o_mma_quote_actions .o_mma_btn--outline{background: #FFFFFF; border-width: 1px; font-weight: 600;}.o_mma_quote_actions .o_mma_btn--primary{box-shadow: 0 6px 16px rgba(207, 46, 46, 0.28);}.o_mma_quote_actions .o_mma_btn .material-symbols-rounded{font-size: 19px;}.o_mma_quote_actions__hint{margin: -2px 2px 0; color: var(--mma-text-muted, #6B7280); font-size: 12px; line-height: 1.35;}.o_mma_pass_toggle{display: inline-flex; align-items: center; gap: 6px; margin: 2px 0 10px; padding: 6px 0; background: none; color: var(--mma-primary, #CF2E2E); font-size: 13px; font-weight: 600;}.o_mma_pass_toggle .material-symbols-rounded{font-size: 18px;}.o_mma_loading_bar{position: fixed; top: 0; left: 0; right: 0; height: 3px; background: rgba(207, 46, 46, 0.15); overflow: hidden; z-index: 3000;}.o_mma_loading_bar i{display: block; height: 100%; width: 40%; background: var(--mma-primary, #CF2E2E); animation: o_mma_loading_run 0.9s linear infinite;}@keyframes o_mma_loading_run{0%{transform: translateX(-100%);}100%{transform: translateX(350%);}}.o_mma_toasts{position: fixed; left: 12px; right: 12px; bottom: calc(78px + env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column; align-items: center; gap: 8px; pointer-events: none; z-index: 3000;}.o_mma_toast{pointer-events: auto; width: 100%; max-width: 420px; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; color: #FFFFFF; font-size: 14px; font-weight: 500; line-height: 1.35; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2); animation: o_mma_toast_in 0.18s ease-out; cursor: pointer;}.o_mma_toast--thanh_cong{background: #16A34A;}.o_mma_toast--loi{background: #DC2626;}.o_mma_toast--tin{background: #111827;}.o_mma_toast .material-symbols-rounded{font-size: 20px;}.o_mma_toast__text{flex: 1;}.o_mma_toast__close{opacity: 0.75;}@keyframes o_mma_toast_in{from{opacity: 0; transform: translateY(10px);}to{opacity: 1; transform: none;}}.o_mma_pin_lock{min-height: 100%; padding: 32px 20px 24px; display: flex; flex-direction: column; align-items: center; background: var(--mma-bg, #F5F6F8);}.o_mma_pin_lock__brand{text-align: center; margin-bottom: 28px;}.o_mma_pin_lock__brand h1{font-size: 22px; font-weight: 800; margin: 12px 0 6px;}.o_mma_pin_lock__brand p{font-size: 15px; color: var(--mma-text-secondary); margin: 0;}.o_mma_pin_lock__dots{display: flex; gap: 14px; margin-bottom: 12px;}.o_mma_pin_lock__dot{width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--mma-primary, #CF2E2E); background: transparent; transition: background 0.12s;}.o_mma_pin_lock__dot.on{background: var(--mma-primary, #CF2E2E);}.o_mma_pin_lock__err{color: var(--mma-danger, #C62828); font-size: 14px; text-align: center; min-height: 22px; margin: 4px 8px 12px; max-width: 320px;}.o_mma_pin_lock__pad{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; width: 100%; max-width: 300px; margin-top: 8px;}.o_mma_pin_lock__key{height: 64px; border: none; border-radius: 16px; background: var(--mma-card, #fff); box-shadow: var(--mma-shadow-soft, 0 1px 4px rgba(0,0,0,0.06)); font-size: 26px; font-weight: 700; color: var(--mma-text); display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent;}.o_mma_pin_lock__key:active{transform: scale(0.96); background: #F3F4F6;}.o_mma_pin_lock__key--empty{background: transparent; box-shadow: none; pointer-events: none;}.o_mma_pin_lock__key--act .material-symbols-rounded{font-size: 28px;}.o_mma_pin_lock__logout{margin-top: auto; padding: 16px; border: none; background: transparent; color: var(--mma-text-secondary); font-size: 15px; text-decoration: underline;}.o_mma_pin_form__hint{font-size: 13px; line-height: 1.45; color: var(--mma-text-secondary); margin: 0 0 14px;}.o_mma_login__countdown{text-align: center; font-size: 14px; color: var(--mma-text-secondary); margin: 8px 0 12px;}.o_mma_login__countdown b{color: var(--mma-primary, #CF2E2E); font-variant-numeric: tabular-nums;}.o_mma_login__lock{margin: 12px 0 8px; padding: 14px; border-radius: 14px; background: #FFF5F5; border: 1px solid #FECACA; text-align: center;}.o_mma_login__lock-title{font-weight: 700; font-size: 15px; margin-bottom: 6px; color: var(--mma-text);}.o_mma_login__lock-guide{margin: 0 0 10px; font-size: 14px; line-height: 1.45; color: var(--mma-text-secondary);}.o_mma_login__hotline{font-size: 22px; font-weight: 800; letter-spacing: 0.5px; color: var(--mma-primary, #CF2E2E); margin-bottom: 12px;}.o_mma_login__lock-actions{display: flex; flex-direction: column; gap: 8px;}.o_mma_login__lock-actions .o_mma_btn{width: 100%; justify-content: center;}

/* /1car_mobile_app/static/src/scss/pages.css */
 .o_mma_home{background: var(--mma-bg);}.o_mma_home__hero{background: var(--mma-primary); padding: 12px 16px 56px; border-radius: 0; margin-bottom: 0; position: relative; z-index: 1;}.o_mma_home__top{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 0; color: #fff;}.o_mma_home__greet{font-size: 13px; color: rgba(255, 255, 255, 0.9);}.o_mma_home__name{font-size: 22px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.2px; margin-top: 2px; color: #fff;}.o_mma_home__actions{display: flex; align-items: center; gap: 8px;}.o_mma_home__bell{width: 40px; height: 40px; border-radius: 50%; background: #fff; box-shadow: none; display: flex; align-items: center; justify-content: center; position: relative; color: #222;}.o_mma_home__bell .material-symbols-rounded{font-size: 22px; color: #333;}.o_mma_home__bell .o_mma_dot{position: absolute; top: 8px; right: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--mma-primary); border: 2px solid #fff;}.o_mma_home__avatar{background: #fff; color: #222; width: 40px; height: 40px; font-size: 13px; font-weight: 800;}.o_mma_home__body{position: relative; z-index: 2; margin-top: -36px; padding: 16px 16px 8px; background: #FFFFFF; border-radius: 24px 24px 0 0; min-height: 40vh;}.o_mma_home .o_mma_quick--five{margin-top: 4px; margin-bottom: 20px; gap: 10px; width: 100%; box-sizing: border-box;}.o_mma_home .o_mma_section__head h2{font-size: 15px; font-weight: 800; letter-spacing: 0.3px; text-transform: uppercase;}.o_mma_home .o_mma_section{margin-bottom: 18px;}.o_mma_home .o_mma_section--tight{margin-bottom: 10px;}.o_mma_finance{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px;}.o_mma_finance__card{background: #fff; border-radius: 18px; box-shadow: var(--mma-shadow-card); padding: 14px 14px 16px; text-align: left; display: flex; flex-direction: column; gap: 4px; color: var(--mma-text);}.o_mma_finance__icon{width: 36px; height: 36px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 6px;}.o_mma_finance__icon .material-symbols-rounded{font-size: 22px;}.o_mma_finance__icon--wallet{background: var(--mma-primary-soft); color: var(--mma-primary);}.o_mma_finance__icon--gift{background: #FFF4E5; color: #F5A623;}.o_mma_finance__label{font-size: 13px; font-weight: 700; color: var(--mma-text);}.o_mma_finance__value{font-size: 18px; font-weight: 800; color: var(--mma-primary); margin-top: 2px;}.o_mma_finance__hint{font-size: 11px; color: var(--mma-text-secondary); line-height: 1.35; margin-top: 2px;}.o_mma_finance__hist{width: 100%; display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 16px; box-shadow: var(--mma-shadow-card); padding: 14px 16px; color: var(--mma-text); font-size: 14px; font-weight: 600;}.o_mma_finance__hist > .material-symbols-rounded:first-child{color: var(--mma-primary); font-size: 22px;}.o_mma_finance__hist-text{flex: 1; text-align: left;}.o_mma_finance__hist > .material-symbols-rounded:last-child{color: #9CA3AF; font-size: 22px;}.o_mma_avatar--sm{width: 36px; height: 36px; font-size: 16px; background: var(--mma-primary-soft); color: var(--mma-primary);}.o_mma_avatar--sm .material-symbols-rounded{font-size: 20px;}.o_mma_repair_card--home{padding: 14px;}.o_mma_repair_card__status-row{display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px;}.o_mma_repair_card__steps-count{font-size: 13px; color: #6B7280; white-space: nowrap;}.o_mma_repair_card__steps-count strong{color: var(--mma-primary);}.o_mma_repair_card__vehicle-row{display: flex; align-items: center; gap: 12px; margin-bottom: 14px;}.o_mma_repair_card__vehicle-info{flex: 1; min-width: 0;}.o_mma_repair_card__thumb{width: 88px; height: 58px; border-radius: 12px; background: linear-gradient(135deg, #FDECEC, #FFF5F5); display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0;}.o_mma_repair_card__thumb img{width: 100%; height: 100%; object-fit: cover;}.o_mma_repair_card__thumb .material-symbols-rounded{font-size: 32px; color: var(--mma-primary);}.o_mma_hsteps{display: flex; align-items: flex-start; justify-content: space-between; gap: 2px; margin: 4px 0 14px; position: relative;}.o_mma_hsteps::before{content: ''; position: absolute; left: 10%; right: 10%; top: 14px; height: 2px; background: #E5E7EB; z-index: 0;}.o_mma_hsteps__item{flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; position: relative; z-index: 1; min-width: 0;}.o_mma_hsteps__dot{width: 28px; height: 28px; border-radius: 50%; background: #E5E7EB; color: #9CA3AF; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center;}.o_mma_hsteps__dot .material-symbols-rounded{font-size: 16px;}.o_mma_hsteps__item.done .o_mma_hsteps__dot{background: var(--mma-success); color: #fff;}.o_mma_hsteps__item.active .o_mma_hsteps__dot{background: var(--mma-primary); color: #fff;}.o_mma_hsteps__label{font-size: 9px; line-height: 1.25; text-align: center; color: var(--mma-text-secondary); font-weight: 600;}.o_mma_hsteps__item.done .o_mma_hsteps__label, .o_mma_hsteps__item.active .o_mma_hsteps__label{color: var(--mma-text);}.o_mma_quote_box{margin: 12px 0 4px;}.o_mma_quote_box__title{font-size: 13px; font-weight: 800; margin-bottom: 8px; letter-spacing: 0.2px;}.o_mma_quote_box__card{border: 1.5px solid #F5C2C2; background: #FFF8F8; border-radius: 14px; padding: 12px;}.o_mma_quote_box__row{display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 12px;}.o_mma_quote_box__doc{display: flex; align-items: flex-start; gap: 8px; min-width: 0;}.o_mma_quote_box__doc > .material-symbols-rounded{font-size: 28px; color: var(--mma-primary);}.o_mma_quote_box__code{font-size: 14px; font-weight: 800;}.o_mma_quote_box__date{font-size: 11px; color: var(--mma-text-secondary); margin-top: 2px;}.o_mma_quote_box__amount{font-size: 18px; font-weight: 800; color: var(--mma-primary); white-space: nowrap;}.o_mma_quote_box__actions{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}.o_mma_quote_box__actions .o_mma_btn{height: 40px; font-size: 13px;}.o_mma_repair_card__complain{display: inline-flex; align-items: center; gap: 4px; background: none; color: var(--mma-text-secondary); font-size: 13px; font-weight: 600; padding: 8px 0;}.o_mma_repair_card__complain .material-symbols-rounded{font-size: 18px; color: var(--mma-primary);}.o_mma_promo_wrap{position: relative; margin: 0 0 16px;}.o_mma_promo_track{display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 0;}.o_mma_promo_track::-webkit-scrollbar{display: none;}.o_mma_promo{position: relative; flex: 0 0 100%; scroll-snap-align: start; background: #CF2E2E; border: 0; border-radius: 20px; padding: 0; color: #fff; overflow: hidden; aspect-ratio: 2.5 / 1; width: 100%; box-shadow: 0 8px 24px rgba(120, 10, 10, 0.22); cursor: pointer; display: block;}.o_mma_promo__img{width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; border-radius: 20px;}.o_mma_promo__content{position: relative; z-index: 2; max-width: 58%;}.o_mma_promo__eyebrow{font-size: 11px; font-weight: 800; letter-spacing: 0.6px; color: #FFD666;}.o_mma_promo__headline{font-size: 28px; font-weight: 800; margin: 4px 0 2px; color: #fff; line-height: 1.15;}.o_mma_promo__desc{font-size: 13px; color: #fff; opacity: 0.95; margin-bottom: 12px;}.o_mma_promo__cta{display: inline-flex; background: #fff; color: var(--mma-primary); border-radius: 999px; padding: 8px 16px; font-size: 12px; font-weight: 700;}.o_mma_promo__photo{position: absolute; right: -8px; top: 50%; transform: translateY(-50%); height: 118%; width: auto; max-width: 52%; object-fit: cover; object-position: right center; z-index: 1; pointer-events: none;}.o_mma_promo__dots{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 6px; width: 100%; margin: 10px 0 0; padding: 0; box-sizing: border-box;}.o_mma_promo_wrap .o_mma_promo__dots{position: absolute; left: 50%; bottom: 10px; width: auto; margin: 0; transform: translateX(-50%); z-index: 2; pointer-events: none;}.o_mma_promo__dots > i{width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.45); display: inline-block; flex: 0 0 auto;}.o_mma_promo__dots > i.on{width: 14px; border-radius: 999px; background: #fff;}.o_mma_promo_detail__banner{margin: 0 16px 12px; border-radius: 16px; overflow: hidden; aspect-ratio: 2.5 / 1; background: #CF2E2E; box-shadow: 0 6px 18px rgba(120, 10, 10, 0.18);}.o_mma_promo_detail__banner img{width: 100%; height: 100%; object-fit: cover; display: block;}.o_mma_repair_card .o_mma_repair_card__head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;}.o_mma_repair_card .o_mma_repair_card__vehicle{font-size: 18px; font-weight: 800;}.o_mma_repair_card .o_mma_repair_card__meta{font-size: 13px; color: var(--mma-text-secondary); margin-bottom: 0;}.o_mma_repair_card .o_mma_repair_card__content{font-size: 14px; font-weight: 700; margin: 12px 0; text-transform: uppercase;}.o_mma_repair_card .o_mma_repair_card__advisor{display: flex; align-items: center; gap: 10px; margin: 0 0 12px; padding: 0 0 10px; border: none; border-bottom: 1px solid #F0F0F0; border-radius: 0; background: transparent; font-size: 13px; color: var(--mma-text-secondary);}.o_mma_repair_card .o_mma_repair_card__advisor strong{color: var(--mma-text);}.o_mma_advisor__info{flex: 1; min-width: 0;}.o_mma_advisor__role{font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2px; white-space: nowrap; color: var(--mma-text-secondary, #6B7280);}.o_mma_advisor__name{margin-top: 1px; font-size: 14px; font-weight: 700; color: var(--mma-text, #111827); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.o_mma_repair_detail__vehicle{margin-top: 10px; font-size: 18px; font-weight: 800; color: var(--mma-text, #111827);}.o_mma_repair_detail__meta{margin-top: 4px; font-size: 13px; color: var(--mma-text-secondary, #6B7280);}.o_mma_delivery_chip{display: flex; align-items: center; gap: 10px; margin: 0 0 14px; padding: 10px 12px; border-radius: 12px; background: linear-gradient(90deg, #FFF5F5 0%, #FFEEEE 100%); border: 1px solid rgba(207, 46, 46, 0.18);}.o_mma_delivery_chip > .material-symbols-rounded{font-size: 22px; color: var(--mma-primary, #CF2E2E);}.o_mma_delivery_chip__label{font-size: 11px; font-weight: 700; letter-spacing: 0.2px; text-transform: uppercase; color: var(--mma-text-secondary, #6B7280);}.o_mma_delivery_chip__value{margin-top: 1px; font-size: 15px; font-weight: 800; color: var(--mma-primary, #CF2E2E);}.o_mma_delivery_chip--detail{margin: 12px 0 0;}.o_mma_quote__row--delivery strong{color: var(--mma-primary, #CF2E2E); font-weight: 800;}.o_mma_section_title{font-size: 13px; font-weight: 800; letter-spacing: 0.3px; text-transform: uppercase; color: var(--mma-text, #111827); margin: 0 0 12px;}.o_mma_repair_card__advisor--plain{margin: 0; padding: 0; border: none;}.o_mma_work__section{margin: 10px 0 6px; font-size: 12px; font-weight: 800; color: var(--mma-primary, #CF2E2E); text-transform: uppercase;}.o_mma_work__row{padding: 10px 0; border-bottom: 1px solid #F0F0F0;}.o_mma_work__row:last-child{border-bottom: none;}.o_mma_work__name{font-size: 14px; font-weight: 600; color: var(--mma-text, #111827);}.o_mma_work__sub{margin-top: 2px; font-size: 12px; color: var(--mma-text-secondary, #6B7280);}.o_mma_time__row{display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #F0F0F0; font-size: 13px;}.o_mma_time__row:last-child{border-bottom: none;}.o_mma_time__label{color: var(--mma-text-secondary, #6B7280);}.o_mma_time__value{font-weight: 700; color: var(--mma-text, #111827); text-align: right; white-space: nowrap;}.o_mma_advisor__call{display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0; padding: 6px 10px; border-radius: 999px; background: var(--mma-primary-soft, #FEF2F2); color: var(--mma-primary, #CF2E2E); font-size: 12.5px; font-weight: 700;}.o_mma_advisor__call .material-symbols-rounded{font-size: 17px;}.o_mma_repair_card .o_mma_repair_card__footer{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px;}.o_mma_repair_card .o_mma_repair_card__footer .o_mma_btn{height: 44px; font-size: 13px; flex: 1; max-width: 180px;}.o_mma_vehicle__hero-wrap{margin-top: -28px; position: relative; z-index: 2; padding: 0 16px;}.o_mma_vehicle__hero{display: flex; gap: 12px; align-items: center;}.o_mma_vehicle__hero .o_mma_vehicle__hero-text{flex: 1;}.o_mma_vehicle__hero .o_mma_vehicle__hero-text h2{font-size: 22px; font-weight: 800;}.o_mma_vehicle__hero .o_mma_vehicle__hero-text p{font-size: 13px; color: var(--mma-text-secondary); margin-top: 6px; line-height: 1.4;}.o_mma_vehicle__hero .o_mma_vehicle__hero-img{width: 120px; height: 80px; border-radius: 16px; background: linear-gradient(135deg, #CF2E2E22, #CF2E2E08); display: flex; align-items: center; justify-content: center;}.o_mma_vehicle__hero .o_mma_vehicle__hero-img .material-symbols-rounded{font-size: 48px; color: var(--mma-primary);}.o_mma_vehicle__stats{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 16px 0; padding: 12px 0; border-top: 1px solid var(--mma-border); border-bottom: 1px solid var(--mma-border);}.o_mma_vehicle__stats > div{display: flex; flex-direction: column; gap: 4px;}.o_mma_vehicle__stats > div:first-child{border-right: 1px solid var(--mma-border); padding-right: 12px;}.o_mma_vehicle__stats > div:last-child{padding-left: 12px;}.o_mma_vehicle__stats > div .label{font-size: 12px; color: var(--mma-text-secondary); display: flex; align-items: center; gap: 4px;}.o_mma_vehicle__stats > div .label .material-symbols-rounded{font-size: 16px; color: var(--mma-primary);}.o_mma_vehicle__stats > div .value{font-size: 15px; font-weight: 700;}.o_mma_vehicle__remind{background: var(--mma-primary-soft); border-radius: 16px; padding: 12px; display: flex; align-items: center; gap: 12px;}.o_mma_vehicle__remind .body{flex: 1;}.o_mma_vehicle__remind .title{font-size: 14px; font-weight: 700;}.o_mma_vehicle__remind .desc{font-size: 13px; color: var(--mma-text-secondary); margin-top: 4px; line-height: 1.4;}.o_mma_vehicle__remind .desc em{color: var(--mma-primary); font-style: normal; font-weight: 700;}.o_mma_vehicle__remind .chevron{color: var(--mma-primary);}.o_mma_schedule__form-card{margin-top: -20px; position: relative; z-index: 2;}.o_mma_schedule__history-item .head{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 6px;}.o_mma_schedule__history-item .id{font-weight: 800; font-size: 15px;}.o_mma_schedule__history-item .time{font-size: 13px; color: var(--mma-text-secondary); display: flex; align-items: center; gap: 4px; margin-bottom: 6px;}.o_mma_schedule__history-item .note{font-size: 13px; color: var(--mma-text-secondary); line-height: 1.4;}.o_mma_schedule__driver{color: var(--mma-primary, #CF2E2E) !important; font-weight: 600; margin-top: 4px;}.o_mma_choice_row{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}.o_mma_choice{padding: 12px 10px; border: 1.5px solid #E5E7EB; border-radius: 12px; background: #fff; color: var(--mma-text, #111827); font-size: 13px; font-weight: 700; cursor: pointer;}.o_mma_choice.active{border-color: var(--mma-primary, #CF2E2E); background: rgba(207, 46, 46, 0.08); color: var(--mma-primary, #CF2E2E);}.o_mma_emergency__hotline{background: linear-gradient(160deg, #CF2E2E, #A81F1F); border-radius: var(--mma-radius-card); padding: 24px 16px; color: #fff; text-align: center; position: relative; overflow: hidden; margin-bottom: 16px;}.o_mma_emergency__hotline::before{content: ''; position: absolute; width: 220px; height: 220px; border-radius: 50%; border: 36px solid rgba(255, 255, 255, 0.08); left: 50%; top: 20%; transform: translate(-50%, -50%); pointer-events: none;}.o_mma_emergency__hotline .phone-icon{width: 64px; height: 64px; border-radius: 50%; background: #fff; color: var(--mma-primary); display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; position: relative;}.o_mma_emergency__hotline .phone-icon .material-symbols-rounded{font-size: 32px;}.o_mma_emergency__hotline .label{font-size: 14px; opacity: 0.95;}.o_mma_emergency__hotline .number{font-size: 32px; font-weight: 800; margin: 8px 0 12px; letter-spacing: 0.5px;}.o_mma_emergency__hotline .ready{display: inline-flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.2); padding: 6px 14px; border-radius: 999px; font-size: 12px;}.o_mma_emergency__gps{display: flex; align-items: center; gap: 12px;}.o_mma_emergency__gps .gps-btn{display: inline-flex; align-items: center; gap: 4px; border: 1.5px solid var(--mma-success); color: var(--mma-success); border-radius: 999px; padding: 6px 12px; font-size: 13px; font-weight: 700; flex-shrink: 0;}.o_mma_emergency__type{display: flex; align-items: center; gap: 12px; padding: 16px; margin-bottom: 12px;}.o_mma_emergency__type .chevron{color: #C4C4C4;}.o_mma_emergency__tabs{display: flex; gap: 20px; border-bottom: 1px solid var(--mma-border); margin-bottom: 12px;}.o_mma_emergency__tabs button{padding: 12px 0; font-size: 14px; font-weight: 600; color: var(--mma-text-secondary); position: relative;}.o_mma_emergency__tabs button.active{color: var(--mma-primary);}.o_mma_emergency__tabs button.active::after{content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: var(--mma-primary); border-radius: 3px 3px 0 0;}.o_mma_emergency__filters{display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; font-size: 13px; color: var(--mma-text-secondary);}.o_mma_emergency__filters .pill{display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--mma-border); border-radius: 10px; padding: 6px 10px; background: #fff; color: var(--mma-text); font-size: 12px; font-weight: 600;}.o_mma_emergency__card{display: grid; grid-template-columns: auto 1fr auto; gap: 12px; position: relative; margin-bottom: 12px;}.o_mma_emergency__card .plate{font-size: 16px; font-weight: 800;}.o_mma_emergency__card .model{font-size: 13px; color: var(--mma-text-secondary);}.o_mma_emergency__card .meta{font-size: 12px; color: var(--mma-text-secondary); display: flex; align-items: center; gap: 4px; margin-top: 6px;}.o_mma_emergency__card .meta .material-symbols-rounded{font-size: 14px; color: var(--mma-primary);}.o_mma_emergency__card .tech{text-align: right; font-size: 11px; color: var(--mma-text-secondary);}.o_mma_emergency__card .tech strong{display: block; color: var(--mma-text); font-size: 13px; margin-top: 2px;}.o_mma_emergency__card .call{position: absolute; right: 16px; bottom: 16px; width: 40px; height: 40px; border-radius: 50%; background: var(--mma-success); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(44, 182, 125, 0.35);}.o_mma_account__profile{display: flex; align-items: flex-start; gap: 12px; position: relative;}.o_mma_account__profile .info{flex: 1; min-width: 0;}.o_mma_account__profile .name{font-size: 18px; font-weight: 800;}.o_mma_account__profile .phone{font-size: 14px; color: var(--mma-text-secondary); margin-top: 2px;}.o_mma_account__profile .email{display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; background: #F3F4F6; border-radius: 999px; padding: 4px 10px; font-size: 12px; color: var(--mma-text-secondary); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.o_mma_account__profile .email .material-symbols-rounded{font-size: 14px;}.o_mma_account__profile .edit{position: absolute; top: 0; right: 0; width: 36px; height: 36px; border-radius: 50%; background: var(--mma-primary-soft); color: var(--mma-primary); display: flex; align-items: center; justify-content: center;}.o_mma_account__logout{display: flex; align-items: center; gap: 12px; color: var(--mma-primary); font-weight: 700; font-size: 15px; width: 100%; text-align: left;}.o_mma_skeleton_page .o_mma_card{min-height: 120px;}.o_mma_store{background: var(--mma-bg);}.o_mma_store__hero{background: linear-gradient(180deg, var(--mma-primary) 0%, #E03A3A 70%, transparent 100%); padding: 12px 16px 28px;}.o_mma_store__body{padding: 0 16px 8px; margin-top: -8px; position: relative; z-index: 1;}.o_mma_search{display: flex; align-items: center; gap: 8px; margin: 4px 0 12px; padding: 0 12px; height: 44px; border: 1px solid var(--mma-border, #E5E7EB); border-radius: 12px; background: #FFFFFF;}.o_mma_search--store{margin: 0; height: 48px; padding: 0 8px 0 14px; border: none; border-radius: 999px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);}.o_mma_search .material-symbols-rounded{font-size: 20px; color: var(--mma-text-secondary, #6B7280);}.o_mma_search--store > .material-symbols-rounded{font-size: 22px; color: #9CA3AF;}.o_mma_search input{flex: 1; min-width: 0; height: 100%; border: none; outline: none; background: none; font-size: 15px;}.o_mma_search--store input::placeholder{color: #9CA3AF;}.o_mma_search__scan{width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: transparent; color: #6B7280; flex-shrink: 0;}.o_mma_search__scan .material-symbols-rounded{font-size: 24px; color: #6B7280;}.o_mma_chips{display: flex; gap: 8px; margin-bottom: 14px; padding-bottom: 4px; overflow-x: auto; scrollbar-width: none;}.o_mma_chips--store{margin-bottom: 16px; gap: 8px;}.o_mma_chips::-webkit-scrollbar{display: none;}.o_mma_chip{flex: 0 0 auto; padding: 8px 16px; border: 1px solid #E5E7EB; border-radius: 999px; background: #FFFFFF; color: var(--mma-text, #111827); font-size: 13px; font-weight: 600; white-space: nowrap; text-transform: none;}.o_mma_chip.active{border-color: var(--mma-primary, #CF2E2E); background: var(--mma-primary, #CF2E2E); color: #fff;}.o_mma_chips--wrap{flex-wrap: wrap; overflow: visible; margin-bottom: 10px;}.o_mma_schedule__dv_chips{margin-top: 4px;}.o_mma_products{display: flex; flex-direction: column; gap: 12px;}.o_mma_product{display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 16px; background: #FFFFFF; box-shadow: 0 2px 10px rgba(17, 24, 39, 0.05);}.o_mma_product__img{width: 48px; height: 48px; flex-shrink: 0; border-radius: 12px; object-fit: cover; background: #F3F4F6;}.o_mma_product__img--empty{display: flex; align-items: center; justify-content: center; color: var(--mma-primary, #CF2E2E); background: var(--mma-primary-soft, #FEF2F2);}.o_mma_product__img--empty .material-symbols-rounded{font-size: 24px;}.o_mma_product__body{flex: 1; min-width: 0;}.o_mma_product__name{font-size: 14.5px; font-weight: 700; color: var(--mma-text, #111827); line-height: 1.3;}.o_mma_product__meta{margin-top: 3px; font-size: 12.5px; color: var(--mma-text-secondary, #6B7280); line-height: 1.3;}.o_mma_product__tag{padding: 2px 8px; border-radius: 999px; background: #F3F4F6; font-weight: 600;}.o_mma_product__price{margin-top: 6px; font-size: 15px; font-weight: 800; color: var(--mma-primary, #CF2E2E);}.o_mma_product__price span{font-size: 12.5px; font-weight: 600; color: var(--mma-text-secondary, #6B7280);}.o_mma_product__arrow{flex-shrink: 0; color: #9CA3AF; font-size: 22px;}.o_mma_product__hero{width: 100%; max-height: 220px; margin-bottom: 12px; border-radius: 14px; object-fit: cover; background: #F3F4F6;}.o_mma_product__desc{margin-top: 10px; font-size: 14px; line-height: 1.5; color: var(--mma-text, #111827); white-space: pre-line;}.o_mma_product__note{margin-top: 10px; font-size: 12.5px; line-height: 1.45; color: var(--mma-text-secondary, #6B7280);}.o_mma_page--web{display: flex; flex-direction: column; height: calc(100dvh - var(--mma-safe-top) - var(--mma-nav-height) - var(--mma-safe-bottom)); max-height: calc(100dvh - var(--mma-safe-top) - var(--mma-nav-height) - var(--mma-safe-bottom)); padding: 0; overflow: hidden;}.o_mma_web{position: relative; flex: 1; min-height: 0; margin: 0; background: var(--mma-card); overflow: hidden;}.o_mma_web__frame{position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0;}.o_mma_web__loading, .o_mma_web__error{position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px; text-align: center; color: var(--mma-text-secondary); font-size: 14px; background: var(--mma-card);}.o_mma_web__error .material-symbols-rounded{font-size: 40px; color: var(--mma-primary);}.o_mma_web__error .o_mma_btn{width: auto; padding: 0 20px;}.o_mma_web__spinner{width: 30px; height: 30px; border: 3px solid rgba(207, 46, 46, 0.18); border-top-color: var(--mma-primary); border-radius: 50%; animation: o_mma_web_quay 0.8s linear infinite;}@keyframes o_mma_web_quay{to{transform: rotate(360deg);}}.o_mma_thongke{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 10px;}.o_mma_thongke__o{display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 6px; background: var(--mma-card); border-radius: 14px; box-shadow: var(--mma-shadow-card);}.o_mma_thongke__o .material-symbols-rounded{font-size: 20px; color: var(--mma-primary);}.o_mma_thongke__so{font-size: 20px; font-weight: 800; line-height: 1.1; color: var(--mma-text-primary);}.o_mma_thongke__ten{font-size: 12px; color: var(--mma-text-secondary); text-align: center;}.o_mma_nhom__dau{display: flex; align-items: center; gap: 8px; padding: 2px 2px 10px; border-bottom: 1px solid var(--mma-border, #F1F1F1); margin-bottom: 4px;}.o_mma_nhom__dau .material-symbols-rounded{font-size: 18px; color: var(--mma-primary);}.o_mma_nhom__ten{flex: 1; font-size: 14px; font-weight: 700;}.o_mma_nhom__tien{flex: 0 0 auto; font-size: 13px; font-weight: 700; color: var(--mma-text-primary); white-space: nowrap;}.o_mma_vanban__dau{display: flex; flex-direction: column; gap: 4px;}.o_mma_vanban__tieude{font-size: 17px; font-weight: 700; color: var(--mma-text);}.o_mma_vanban__mota{font-size: 13px; color: var(--mma-text-muted);}.o_mma_vanban__ngay{font-size: 12px; color: var(--mma-text-muted); margin-top: 2px;}.o_mma_vanban{font-size: 14px; line-height: 1.65; color: var(--mma-text); word-break: break-word;}.o_mma_vanban h1, .o_mma_vanban h2, .o_mma_vanban h3, .o_mma_vanban h4{font-size: 15px; font-weight: 700; margin: 16px 0 6px; color: var(--mma-text);}.o_mma_vanban h1:first-child, .o_mma_vanban h2:first-child, .o_mma_vanban h3:first-child, .o_mma_vanban h4:first-child{margin-top: 0;}.o_mma_vanban p{margin: 0 0 10px;}.o_mma_vanban ul, .o_mma_vanban ol{margin: 0 0 10px; padding-left: 20px;}.o_mma_vanban li{margin-bottom: 4px;}.o_mma_vanban a{color: var(--mma-primary); text-decoration: underline;}.o_mma_vanban img, .o_mma_vanban table{max-width: 100%; height: auto;}.o_mma_phanhoi__dau{display: flex; align-items: center; gap: 12px;}.o_mma_phanhoi__tieude{font-size: 15px; font-weight: 700; color: var(--mma-text-primary);}.o_mma_phanhoi__mota{margin-top: 2px; font-size: 12px; line-height: 1.4; color: var(--mma-text-secondary);}.o_mma_phanhoi__xong{display: flex; align-items: center; gap: 10px; padding: 4px 2px 12px; font-size: 13px; color: var(--mma-text-secondary);}.o_mma_phanhoi__xong .material-symbols-rounded{font-size: 24px; color: var(--mma-success, #16A34A);}.o_mma_tick{display: flex; align-items: center; gap: 10px; padding: 11px 2px; border-bottom: 1px solid var(--mma-border, #F1F1F1); cursor: pointer;}.o_mma_tick:last-child{border-bottom: 0;}.o_mma_tick__o{font-size: 24px; color: var(--mma-text-muted, #9CA3AF); transition: color 0.15s ease;}.o_mma_tick__o--chon{color: var(--mma-primary);}.o_mma_tick__nhan{flex: 1; min-width: 0; font-size: 14px; font-weight: 500; color: var(--mma-text-primary);}.o_mma_textarea{display: block; width: 100%; padding: 10px 12px; border: 1px solid var(--mma-border, #E5E7EB); border-radius: 12px; background: #FFFFFF; font-size: 14px; line-height: 1.45; resize: vertical;}.o_mma_textarea:focus{outline: none; border-color: var(--mma-primary);}.o_mma_tieuchi__hoi{font-size: 14px; font-weight: 700; color: var(--mma-text-primary); margin-bottom: 10px;}.o_mma_tieuchi__sao_bb{margin-left: 4px; color: var(--mma-primary);}.o_mma_sao{display: flex; gap: 6px;}.o_mma_sao__nut{padding: 2px; border: 0; background: transparent; cursor: pointer;}.o_mma_sao__nut .material-symbols-rounded{font-size: 34px; color: #E5E7EB; transition: color 0.15s ease, transform 0.15s ease;}.o_mma_sao__nut .material-symbols-rounded.o_mma_sao__nut--chon{color: #F59E0B; font-variation-settings: 'FILL' 1;}.o_mma_sao__nut:active .material-symbols-rounded{transform: scale(0.9);}.o_mma_chon{display: flex; gap: 8px;}.o_mma_chon__nut{flex: 1; min-width: 0; height: 42px; padding: 0 10px; border: 1px solid var(--mma-border, #E5E7EB); border-radius: 12px; background: #FFFFFF; font-size: 14px; font-weight: 600; color: var(--mma-text-secondary); cursor: pointer; transition: all 0.15s ease;}.o_mma_chon__nut--chon{border-color: var(--mma-primary); background: var(--mma-primary-soft, #FEF2F2); color: var(--mma-primary);}.o_mma_moi_danhgia{display: flex; align-items: center; gap: 12px;}.o_mma_moi_danhgia__than{flex: 1; min-width: 0;}.o_mma_moi_danhgia__tieude{font-size: 14px; font-weight: 700; color: var(--mma-text-primary);}.o_mma_moi_danhgia__mota{margin-top: 2px; font-size: 12px; color: var(--mma-text-secondary);}.o_mma_moi_danhgia__nut{flex: 0 0 auto; width: auto; height: 38px; padding: 0 14px; border-radius: 12px; font-size: 13px;}.o_mma_nhom__danhgia{flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; padding: 6px 10px; border: 1px solid var(--mma-primary); border-radius: 10px; background: var(--mma-primary-soft, #FEF2F2); color: var(--mma-primary); font-size: 12px; font-weight: 700; white-space: nowrap; cursor: pointer;}.o_mma_nhom__danhgia .material-symbols-rounded{font-size: 16px;}.o_mma_nhom__dadanhgia{flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; color: var(--mma-success, #16A34A); white-space: nowrap;}.o_mma_nhom__dadanhgia .material-symbols-rounded{font-size: 16px;}.o_mma_hidden_file{position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none;}.o_mma_help{padding: 0 0 calc(var(--mma-nav-height) + var(--mma-safe-bottom) + 16px); background: #F3F4F6;}.o_mma_help__header{display: flex; align-items: center; gap: 8px; padding: calc(10px + var(--mma-safe-top, 0px)) 12px 14px; background: var(--mma-primary); color: #fff; margin-bottom: 14px;}.o_mma_help__back{width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.16); color: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;}.o_mma_help__back .material-symbols-rounded{font-size: 22px;}.o_mma_help__title{flex: 1; margin: 0; text-align: center; font-size: 17px; font-weight: 700; line-height: 1.2;}.o_mma_help__header_spacer{width: 36px; flex-shrink: 0;}.o_mma_help__block{padding: 0 14px 14px;}.o_mma_help__section_label{font-size: 15px; font-weight: 700; color: var(--mma-text); margin-bottom: 10px;}.o_mma_help__nv{position: relative; background: #fff; border-radius: 16px; padding: 16px; box-shadow: var(--mma-shadow-card);}.o_mma_help__nv_badge{position: absolute; top: 10px; right: 12px; color: #EC4899; display: inline-flex;}.o_mma_help__nv_badge .material-symbols-rounded{font-size: 22px;}.o_mma_help__nv_top{display: flex; align-items: center; gap: 12px; margin-bottom: 14px; padding-right: 28px;}.o_mma_help__nv_avatar{width: 56px; height: 56px; border-radius: 50%; background: var(--mma-primary-soft); color: var(--mma-primary); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden;}.o_mma_help__nv_avatar img{width: 100%; height: 100%; object-fit: cover; display: block;}.o_mma_help__nv_avatar .material-symbols-rounded{font-size: 30px;}.o_mma_help__nv_label{font-size: 12px; font-weight: 600; color: var(--mma-primary); margin-bottom: 2px;}.o_mma_help__nv_name{font-size: 16px; font-weight: 700; color: var(--mma-text);}.o_mma_help__nv_phone{font-size: 13px; color: var(--mma-text-muted, #6B7280); margin-top: 2px;}.o_mma_help__nv_actions{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}.o_mma_help__btn_half{height: 44px; font-size: 14px;}.o_mma_help__methods{display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 8px;}.o_mma_help__method{background: #fff; border-radius: 14px; padding: 12px 8px 14px; text-align: center; box-shadow: var(--mma-shadow-card); min-height: 148px;}.o_mma_help__method_icon{width: 40px; height: 40px; margin: 0 auto 8px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center;}.o_mma_help__method_icon .material-symbols-rounded{font-size: 22px;}.o_mma_help__method_icon--hotline{background: #FEE2E2; color: var(--mma-primary);}.o_mma_help__method_icon--chat{background: #DBEAFE; color: #2563EB;}.o_mma_help__method_icon--faq{background: #EDE9FE; color: #7C3AED;}.o_mma_help__method_title{font-size: 12px; font-weight: 700; color: var(--mma-text); margin-bottom: 6px; line-height: 1.25;}.o_mma_help__method_link{border: 0; background: transparent; color: var(--mma-primary); font-size: 12px; font-weight: 700; padding: 0; line-height: 1.3; word-break: break-word;}.o_mma_help__method_link--arrow{display: inline-flex; align-items: center; justify-content: center; gap: 0;}.o_mma_help__method_link--arrow .material-symbols-rounded{font-size: 16px;}.o_mma_help__method_meta{font-size: 10px; color: var(--mma-text-muted, #9CA3AF); margin-top: 4px; line-height: 1.2;}.o_mma_help__form{background: #fff; border-radius: 16px; padding: 16px; box-shadow: var(--mma-shadow-card);}.o_mma_help__textarea_wrap{position: relative; flex-direction: column; align-items: stretch; padding-bottom: 22px;}.o_mma_help__textarea_wrap textarea{width: 100%; min-height: 96px; border: 0; outline: none; resize: vertical; font: inherit; background: transparent;}.o_mma_help__counter{position: absolute; right: 10px; bottom: 6px; font-size: 11px; color: var(--mma-text-muted, #9CA3AF);}.o_mma_help__add_photo{display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px; border-radius: 12px; border: 1px dashed var(--mma-border, #D1D5DB); background: #F9FAFB; color: var(--mma-text); font-size: 13px; font-weight: 600;}.o_mma_help__add_photo .material-symbols-rounded{font-size: 20px; color: var(--mma-primary);}.o_mma_help__photo_hint{margin-top: 6px; font-size: 11px; color: var(--mma-text-muted, #9CA3AF);}.o_mma_help__anh_list{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px;}.o_mma_help__anh_item{position: relative; width: 72px; height: 72px; border-radius: 12px; overflow: hidden; background: #f3f4f6;}.o_mma_help__anh_item img{width: 100%; height: 100%; object-fit: cover;}.o_mma_help__anh_xoa{position: absolute; top: 2px; right: 2px; width: 24px; height: 24px; border: 0; border-radius: 999px; background: rgba(0, 0, 0, 0.55); color: #fff; display: inline-flex; align-items: center; justify-content: center; padding: 0;}.o_mma_help__anh_xoa .material-symbols-rounded{font-size: 16px;}.o_mma_help__contact_row{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}.o_mma_help__pledge{margin: 4px 14px 8px; padding: 12px 10px; border-radius: 14px; background: #FEE2E2; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 8px;}.o_mma_help__pledge_item{display: flex; align-items: flex-start; gap: 6px; font-size: 11px; font-weight: 600; color: #7F1D1D; line-height: 1.25;}.o_mma_help__pledge_item .material-symbols-rounded{font-size: 16px; color: var(--mma-primary); flex-shrink: 0; margin-top: 1px;}.o_mma_help__actions{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 16px 16px;}.o_mma_help textarea{width: 100%; min-height: 96px; border: 0; outline: none; resize: vertical; font: inherit; background: transparent;}.o_mma_support_fab{position: fixed; z-index: 2500; width: 58px; height: 58px; padding: 5px; border: 2px solid #fff; border-radius: 50%; background: #fff; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.22); overflow: hidden; touch-action: none; user-select: none; -webkit-user-select: none; cursor: grab; -webkit-transform: translateZ(0); transform: translateZ(0);}.o_mma_support_fab.is-dragging{cursor: grabbing; opacity: 0.94; box-shadow: 0 10px 28px rgba(15, 23, 42, 0.3);}.o_mma_support_fab img{width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; pointer-events: none; image-rendering: auto; -ms-interpolation-mode: bicubic;}.o_mma_faq__hero{display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: var(--mma-radius-card); background: radial-gradient(120% 120% at 0% 0%, rgba(207, 46, 46, 0.14), transparent 55%), linear-gradient(135deg, #fff 0%, #FFF7F7 100%); border: 1px solid rgba(207, 46, 46, 0.08); box-shadow: var(--mma-shadow-soft);}.o_mma_faq__hero_icon{width: 52px; height: 52px; border-radius: 18px; display: inline-flex; align-items: center; justify-content: center; background: var(--mma-primary); color: #fff; box-shadow: 0 10px 24px rgba(207, 46, 46, 0.28); flex: 0 0 auto;}.o_mma_faq__hero_icon .material-symbols-rounded{font-size: 28px;}.o_mma_faq__hero_title{font-size: 17px; font-weight: 800; color: var(--mma-text); letter-spacing: -0.02em;}.o_mma_faq__hero_sub{margin-top: 4px; font-size: 13px; line-height: 1.45; color: var(--mma-text-secondary);}.o_mma_faq__tabs{display: flex; gap: 8px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 2px; margin-bottom: 4px;}.o_mma_faq__tabs::-webkit-scrollbar{display: none;}.o_mma_faq__tab{flex: 0 0 auto; border: 1px solid var(--mma-border); background: var(--mma-card); color: var(--mma-text-secondary); border-radius: 999px; padding: 9px 16px; font: inherit; font-size: 13px; font-weight: 700; letter-spacing: -0.01em; white-space: nowrap; cursor: pointer; transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;}.o_mma_faq__tab.is-active{background: var(--mma-primary); border-color: var(--mma-primary); color: #fff; box-shadow: 0 8px 18px rgba(207, 46, 46, 0.28); transform: translateY(-1px);}.o_mma_faq__panel{animation: o_mma_fade_in 0.24s ease;}.o_mma_faq__list{display: flex; flex-direction: column; gap: 10px;}.o_mma_faq__item{background: var(--mma-card); border-radius: 18px; border: 1px solid var(--mma-border); box-shadow: var(--mma-shadow-soft); overflow: hidden; transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;}.o_mma_faq__item.is-open{border-color: rgba(207, 46, 46, 0.28); box-shadow: 0 12px 28px rgba(207, 46, 46, 0.1);}.o_mma_faq__q{width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px 14px 14px 12px; border: 0; background: transparent; text-align: left; cursor: pointer; color: var(--mma-text); font: inherit;}.o_mma_faq__q_icon{width: 36px; height: 36px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: var(--mma-primary-soft); color: var(--mma-primary); flex: 0 0 auto; transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;}.o_mma_faq__item.is-open .o_mma_faq__q_icon{background: var(--mma-primary); color: #fff; transform: scale(1.04);}.o_mma_faq__q_icon .material-symbols-rounded{font-size: 20px;}.o_mma_faq__q_text{flex: 1 1 auto; font-size: 15px; font-weight: 700; line-height: 1.35; letter-spacing: -0.01em;}.o_mma_faq__chevron{width: 28px; height: 28px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: var(--mma-text-secondary); background: #F3F4F6; flex: 0 0 auto; transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), background 0.25s ease, color 0.25s ease;}.o_mma_faq__item.is-open .o_mma_faq__chevron{transform: rotate(180deg); background: var(--mma-primary-soft); color: var(--mma-primary);}.o_mma_faq__chevron .material-symbols-rounded{font-size: 22px;}.o_mma_faq__a_wrap{display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.34s cubic-bezier(0.22, 1, 0.36, 1);}.o_mma_faq__item.is-open .o_mma_faq__a_wrap{grid-template-rows: 1fr;}.o_mma_faq__a_inner{overflow: hidden; min-height: 0;}.o_mma_faq__a{padding: 0 16px 16px 60px; font-size: 14px; line-height: 1.55; color: var(--mma-text-secondary); opacity: 0; transform: translateY(-6px); transition: opacity 0.28s ease 0.04s, transform 0.28s ease 0.04s;}.o_mma_faq__item.is-open .o_mma_faq__a{opacity: 1; transform: translateY(0);}.o_mma_faq__a p{margin: 0 0 8px;}.o_mma_faq__a p:last-child{margin-bottom: 0;}.o_mma_faq__a b, .o_mma_faq__a strong{color: var(--mma-text);}.o_mma_wallet__balance{padding: 16px;}.o_mma_wallet__avail{margin-bottom: 12px;}.o_mma_wallet__avail .label{display: block; font-size: 13px; color: var(--mma-text-secondary); margin-bottom: 4px;}.o_mma_wallet__avail strong{font-size: 28px; font-weight: 800; color: var(--mma-primary, #CF2E2E);}.o_mma_wallet__row{display: flex; justify-content: space-between; gap: 8px; font-size: 13px; color: var(--mma-text-secondary); margin-bottom: 14px;}.o_mma_wallet__hist-title{font-weight: 700; padding: 12px 16px 4px;}.o_mma_wallet__amt{font-weight: 700; flex-shrink: 0;}.o_mma_wallet__amt.plus{color: #0F6B3F;}.o_mma_wallet__amt.minus{color: var(--mma-primary, #CF2E2E);}.o_mma_wallet__hist-item{align-items: flex-start;}.o_mma_wallet__src{font-weight: 600; color: var(--mma-text-secondary, #6B7280);}.o_mma_wallet__staff{color: var(--mma-primary, #CF2E2E) !important; font-weight: 600;}.o_mma_wallet__time{font-variant-numeric: tabular-nums;}.o_mma_wallet_card{background: linear-gradient(135deg, #1A4D6D 0%, #0F3550 100%); color: #fff;}.o_mma_wallet_card .o_mma_loyalty__hint strong{color: #fff;}.o_mma_wallet__page-title{font-size: 20px; font-weight: 800; margin: 8px 0 12px;}.o_mma_wallet_pay__notice{padding: 16px;}.o_mma_wallet_pay__badge{display: flex; align-items: center; gap: 8px; font-weight: 700; color: #0F6B3F; margin-bottom: 10px;}.o_mma_wallet_pay__badge .material-symbols-rounded{font-size: 22px;}.o_mma_wallet_pay__notice p{margin: 0 0 12px; font-size: 14px; line-height: 1.45; color: #444;}.o_mma_wallet_pay__amount{background: #F5F7FA; border-radius: 12px; padding: 12px; margin-bottom: 8px;}.o_mma_wallet_pay__amount span{display: block; font-size: 13px; color: #666; margin-bottom: 4px;}.o_mma_wallet_pay__amount strong{font-size: 22px; color: var(--mma-primary, #CF2E2E);}.o_mma_wallet_pay__ref{font-size: 13px; color: #555;}.o_mma_wallet_pay__info{padding: 4px 0 8px;}.o_mma_wallet_pay__info-title{font-weight: 700; font-size: 15px; padding: 12px 16px 8px;}.o_mma_wallet_pay__row{display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; gap: 2px 8px; padding: 12px 16px; border-top: 1px solid #EEF1F5; align-items: center;}.o_mma_wallet_pay__label{grid-column: 1 / -1; font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: 0.02em;}.o_mma_wallet_pay__value{font-size: 15px; font-weight: 600; word-break: break-word;}.o_mma_wallet_pay__copy{border: none; background: #F0F2F5; border-radius: 10px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--mma-primary, #CF2E2E); cursor: pointer;}.o_mma_wallet_pay__copy .material-symbols-rounded{font-size: 20px;}.o_mma_wallet_pay__qr{padding: 12px 16px 16px; text-align: center; border-top: 1px solid #EEF1F5;}.o_mma_wallet_pay__qr img{max-width: 220px; width: 100%; border-radius: 12px; margin-top: 8px;}

/* /1car_mobile_app/static/src/scss/animations.css */
@keyframes o_mma_fade_in{from{opacity: 0; transform: translateY(8px);}to{opacity: 1; transform: translateY(0);}}@keyframes o_mma_pulse{0%, 100%{opacity: 1;}50%{opacity: 0.55;}}@keyframes o_mma_splash_out{to{opacity: 0; visibility: hidden;}}.o_mma_page{animation: o_mma_fade_in 0.28s ease;}.o_mma_splash.is-hiding{animation: o_mma_splash_out 0.4s ease forwards;}.o_mma_skeleton{background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%); background-size: 200% 100%; animation: o_mma_pulse 1.2s ease infinite; border-radius: 8px; height: 14px;}