:root{--sb-primary:#0b57a5;--sb-secondary:#2f93f9;--sb-text-primary:#000d1b;--sb-text-secondary:#919191;--sb-page-bg:#f0f0f0;--sb-login-panel-bg:#f3f3f3;--sb-btn-top:#2166ad;--sb-btn-center:#2575c6;--sb-btn-bottom:#2f93f9;--sb-success:#22b04b;--sb-danger:#e53935;--sb-orange:#f7921e;--sb-surface:#fff;--sb-border:#e3e3e3;--sb-highlight-bg:#e8f2fd}html{scroll-behavior:smooth}body{background-color:var(--sb-page-bg);color:var(--sb-text-primary);font-family:Poppins,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif}.app-page{padding:20px 24px 24px}@media (max-width:599px){.app-page{padding:12px}}.app-card{background-color:var(--sb-surface);border-radius:8px;padding:20px}.page-back{align-items:center;color:var(--sb-text-primary);display:inline-flex;font-size:17px;font-weight:500;gap:10px;margin-bottom:14px;text-decoration:none}.page-back:focus-visible,.page-back:hover{color:var(--sb-primary)}.page-back .app-icon{font-size:20px}.page-tabs{border-bottom:1px solid #d0d0d0;color:var(--sb-text-primary);margin-bottom:16px}.page-tabs__tab{font-size:17px;min-height:52px;padding:0 24px}.page-tabs__badge,.page-tabs__tab .q-tab__label{align-items:center;display:inline-flex}.page-tabs__badge{background-color:var(--sb-danger);border-radius:10px;color:#fff;font-size:11px;font-weight:600;height:20px;justify-content:center;margin-left:8px;min-width:20px;padding:0 6px;white-space:nowrap}.filter-card.app-card{margin-bottom:16px;padding:14px 16px 16px}.filter-card__title{border-bottom:1px solid var(--sb-border);font-size:18px;font-weight:600;line-height:1.3;margin:0 0 12px;padding-bottom:10px}.filter-card__row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px 20px}.filter-card__field{display:flex;flex-direction:column;gap:6px;min-width:0}.filter-card__label{color:var(--sb-text-primary);font-size:14px}.filter-card__field--dates{flex:1 1 420px}.filter-card__dates{align-items:center;display:flex;gap:10px 14px}.filter-card__date-label{flex:none;font-size:14px}.filter-card__date{flex:1 1 0;min-width:150px}.filter-card__actions{display:flex;gap:10px;margin-left:auto}.filter-card__reset.q-btn{border-radius:var(--sb-btn-radius);height:var(--sb-btn-height);min-height:var(--sb-btn-height);min-width:108px}.filter-card__apply{min-width:108px}@media (max-width:599px){.filter-card__actions{width:100%}.filter-card__dates{flex-wrap:wrap}}.page-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.table-action.q-btn{border-radius:999px;font-size:14px;min-height:32px;padding:0 12px}.table-datetime{line-height:1.3}.table-datetime__time{color:var(--sb-text-secondary);font-size:13px}.table-action--secondary.q-btn{background-color:var(--sb-secondary);color:#fff}.table-actions{display:inline-flex;flex-wrap:nowrap;gap:8px}.status-pill{border-radius:999px;color:#fff;display:inline-block;font-size:13px;font-weight:500;line-height:1.4;padding:4px 14px}.status-pill--active,.status-pill--completed{background-color:var(--sb-success)}.status-pill--expired,.status-pill--inactive,.status-pill--rejected{background-color:#8c8c8c}.status-pill--scheduled{background-color:var(--sb-secondary)}.status-pill--pending{background-color:var(--sb-orange)}.status-pill--processing{background-color:var(--sb-secondary)}.status-pill--failed{background-color:var(--sb-danger)}.status-pill--confirmed{background-color:#7c4ddb}.status-pill--on-the-way{background-color:#e8590c}.status-pill--servicing{background-color:#0e9488}.text-heading{color:var(--sb-text-primary)!important}.text-optional{color:var(--sb-text-secondary)!important}.lh-1{line-height:1}.bg-mygas-yellow{background-color:#ffff01}.bg-mygas-red{background-color:#fe2f1f}.bg-mygas-orange{background-color:#ffcb0c}.btn-logout{border-radius:20px 0 0 20px;color:#fff}:root{--sb-field-radius:8px;--sb-field-height:40px;--sb-btn-radius:12px;--sb-btn-height:40px}.q-field__control,.q-field__control:after,.q-field__control:before{border-radius:var(--sb-field-radius)!important}.q-field:not(.q-textarea):not(.q-select--with-chips) .q-field__control,.q-field:not(.q-textarea):not(.q-select--with-chips) .q-field__marginal{height:var(--sb-field-height);min-height:var(--sb-field-height)}.q-field--auto-height:not(.q-field--labeled):not(.q-textarea):not(.q-select--with-chips) .q-field__native{min-height:var(--sb-field-height)}.q-table__select{--sb-field-height:24px}.q-field--labeled:not(.q-field--dense):not(.q-field--auto-height) .q-field__native,.q-field--labeled:not(.q-field--dense):not(.q-field--auto-height) .q-field__prefix,.q-field--labeled:not(.q-field--dense):not(.q-field--auto-height) .q-field__suffix{line-height:20px;padding-bottom:calc(var(--sb-field-height)/2 - 17px);padding-top:calc(var(--sb-field-height)/2 - 3px)}.q-field--auto-height.q-field--labeled:not(.q-field--dense):not(.q-textarea):not(.q-select--with-chips) .q-field__control-container{padding-top:calc(var(--sb-field-height) - 26px)}.q-field:not(.q-field--dense):not(.q-textarea):not(.q-select--with-chips) .q-field__label{top:calc((var(--sb-field-height) - 20px)/2)}.q-field--float:not(.q-field--dense):not(.q-textarea):not(.q-select--with-chips) .q-field__label{transform:translateY(-30%) scale(.75)}.q-field input[type=number]::-webkit-inner-spin-button,.q-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.q-field input[type=number]{-moz-appearance:textfield}.q-btn .q-btn__content{flex-wrap:nowrap;white-space:nowrap}:root{--sb-btn-icon-size:1.15em;--sb-btn-icon-gap:0.45em}.btn-icon{flex:none;font-size:var(--sb-btn-icon-size);margin-right:var(--sb-btn-icon-gap)}.btn-icon--right{margin-left:var(--sb-btn-icon-gap);margin-right:0}.btn-icon--only{margin-right:0}.q-dialog:not(.app-dialog--inner-scroll) .q-dialog__inner--standard.q-dialog__inner--minimized{overflow-y:auto;overscroll-behavior:contain;pointer-events:all!important}.q-dialog:not(.app-dialog--inner-scroll) .q-dialog__inner--standard.q-dialog__inner--minimized>div{margin-bottom:auto;margin-top:auto;max-height:none;overflow:visible}:root{--sb-scrollbar-size:8px;--sb-scrollbar-thumb:#c2cdda;--sb-scrollbar-thumb-hover:#93a6bd;--sb-scrollbar-track:#0000}::-webkit-scrollbar{height:var(--sb-scrollbar-size);width:var(--sb-scrollbar-size)}::-webkit-scrollbar-track{background:var(--sb-scrollbar-track)}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--sb-scrollbar-thumb);border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--sb-scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:#0000}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--sb-scrollbar-thumb) var(--sb-scrollbar-track);scrollbar-width:thin}}.q-scrollarea__thumb{background-color:var(--sb-scrollbar-thumb);border-radius:999px;opacity:1}.q-scrollarea__thumb:active,.q-scrollarea__thumb:hover{background-color:var(--sb-scrollbar-thumb-hover);opacity:1}.app-button{background:linear-gradient(to bottom,var(--sb-btn-top) 0,var(--sb-btn-center) 50%,var(--sb-btn-bottom) 100%);border-radius:var(--sb-btn-radius);box-shadow:0 6px 16px #2f93f959;font-weight:500}.app-button.q-btn{height:var(--sb-btn-height);min-height:var(--sb-btn-height)}.app-icon{align-items:center;display:inline-flex;flex:none;height:1em;justify-content:center;line-height:1;vertical-align:middle;width:1em}.app-icon>svg{display:block}.app-table{background-color:var(--sb-surface);border-radius:8px;overflow:hidden}.app-table__header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.app-table__title{color:var(--sb-text-primary);font-size:17px;font-weight:600}.app-table__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.app-table__toolbar{padding:0 20px 16px}.app-table__table{background:#0000;color:var(--sb-text-primary)}.app-table__table thead tr{background-color:var(--sb-highlight-bg)}.app-table__table tbody td,.app-table__table thead tr th{font-size:14px;padding-left:20px;padding-right:12px}.app-table__table thead tr th{font-weight:500;height:48px;white-space:nowrap}.app-table__table tbody td{height:52px}.app-table__table tbody tr td{border-bottom:1px solid var(--sb-border)}.app-table__table .app-table__sticky-right{position:sticky;right:0;z-index:1}.app-table__table thead .app-table__sticky-right{background-color:var(--sb-highlight-bg)}.app-table__table tbody .app-table__sticky-right{background-color:var(--sb-surface)}.app-table--hidden-right .app-table__sticky-right{box-shadow:-10px 0 10px -10px #000d1b40}.app-table__table .q-table__sort-icon{display:none}.app-table__sort-icon{font-size:12px;margin-left:6px;opacity:.85}.app-table__table th.sortable{cursor:pointer}.app-table__table .q-table__bottom{border-top:none;min-height:0;padding:0}.app-table__bottom{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 20px;width:100%}.app-table__count{color:var(--sb-text-secondary);font-size:14px}.app-table__paging{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.app-table__per-page{align-items:center;color:var(--sb-text-secondary);display:flex;font-size:14px;gap:8px}.app-table__per-page-select{--sb-field-height:32px;width:68px}.app-table__per-page-select .q-field__control{padding:0 4px 0 10px}.app-table__per-page-select.q-field--outlined .q-field__control:before{border-color:#9e9e9e}.app-table__per-page-select .q-field__native{align-items:center;color:var(--sb-text-primary);display:flex;font-size:13px;height:32px;line-height:1;min-height:32px;padding:0}.app-table__per-page-select .q-field__append{padding-left:0}.app-table__per-page-select .q-select__dropdown-icon{font-size:18px}.app-table__per-page-menu .q-item{font-size:13px;min-height:32px}.app-table__skeleton-row td{height:52px}.app-table__skeleton-row .q-skeleton{height:14px}.app-table__pagination.q-pagination .q-btn{border-radius:var(--sb-field-radius);font-size:13px;height:32px;min-height:32px;min-width:32px;padding:0 6px}.app-table__empty{color:var(--sb-text-secondary);padding:24px 0;text-align:center;width:100%}@media (max-width:599px){.app-table__bottom,.app-table__header{padding-left:12px;padding-right:12px}.app-table__toolbar{padding:0 12px 12px}}.btn-icon.app-export-button__caret{font-size:calc(var(--sb-btn-icon-size)*.8)}.app-export-button__menu{min-width:180px}.app-export-button__item-icon.q-item__section--avatar{font-size:18px;min-width:0;padding-right:12px}.app-date-input .q-field__control,.app-date-input .q-field__native{cursor:pointer}.app-date-input.q-field--outlined.q-field--readonly .q-field__control:before{border-style:solid}.app-date-input__icon{color:var(--sb-text-secondary);font-size:18px}.app-search{max-width:348px;width:100%}.app-search .q-field__control{background-color:var(--sb-surface);padding-right:4px}.app-search__button.q-btn{background-color:var(--sb-primary);border-radius:5px;color:#fff;font-size:18px;height:32px;min-height:32px;width:32px}.app-field__label{color:var(--sb-text-primary);font-size:16px;margin-bottom:6px}.app-field .app-select--empty .q-field__native,.app-field .q-field__native::placeholder,.app-field input::placeholder{color:var(--sb-text-secondary);font-style:italic;opacity:1}.app-form-dialog{border-radius:8px;max-width:94vw!important}.app-form-dialog__header{align-items:center;border-bottom:1px solid var(--sb-border);display:flex;gap:12px;justify-content:space-between;margin:0 16px;padding:24px 18px 14px}.app-form-dialog__close.q-btn{color:var(--sb-danger);font-size:18px;margin:-6px -8px -6px 0}.app-form-dialog__title{font-size:20px;font-weight:600}.app-form-dialog__body{display:flex;flex-direction:column;gap:4px;padding:16px 34px 8px}.app-form-dialog__actions{border-top:1px solid var(--sb-border);display:flex;gap:10px;justify-content:flex-end;margin:8px 16px 0;padding:14px 18px 24px}.app-form-dialog__cancel{border-radius:var(--sb-btn-radius);font-size:16px;height:var(--sb-btn-height);min-height:var(--sb-btn-height);min-width:112px}.app-form-dialog__submit{font-size:16px;min-width:150px}@media (max-width:599px){.app-form-dialog__body{padding:12px 20px 8px}.app-form-dialog__cancel,.app-form-dialog__submit{flex:1;min-width:0}}.otp-dialog{border-radius:8px;max-width:94vw!important;padding:28px 32px 24px;width:460px}.otp-dialog__title{font-size:20px;font-weight:600}.otp-dialog__text{font-size:15px;margin-top:6px}.otp-dialog__number{font-size:15px;font-weight:600}.otp-dialog__boxes{display:flex;gap:10px;justify-content:space-between;margin-top:20px}.otp-dialog__box{background:#fff;border:1px solid #c4c4c4;border-radius:var(--sb-field-radius);color:var(--sb-text-primary);flex:1;font-family:inherit;font-size:22px;font-weight:600;height:56px;max-width:56px;min-width:0;outline:none;text-align:center;transition:border-color .15s ease,box-shadow .15s ease}.otp-dialog__box:focus{border-color:var(--sb-secondary);box-shadow:0 0 0 3px #2f93f92e}.otp-dialog__box--error{border-color:var(--sb-danger)}.otp-dialog__error{color:var(--sb-danger);font-size:13px;margin-top:10px;text-align:center}.otp-dialog__resend{align-items:center;color:var(--sb-text-secondary);display:flex;font-size:13px;gap:4px;justify-content:center;margin-top:16px}.otp-dialog__resend-link{background:none;border:none;color:var(--sb-primary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:0}.otp-dialog__resend-link:disabled{cursor:default;opacity:.6}.otp-dialog__countdown{color:var(--sb-text-secondary)}.otp-dialog__actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.otp-dialog__cancel{border-radius:var(--sb-btn-radius);font-size:15px;height:var(--sb-btn-height);min-height:var(--sb-btn-height);min-width:108px}.otp-dialog__verify{font-size:15px;padding:0 8px}@media (max-width:599px){.otp-dialog{padding:22px 18px 18px}.otp-dialog__box{height:48px}}.success-dialog{border-radius:8px;max-width:94vw!important;padding:24px 28px 28px;text-align:center;width:420px}.success-dialog__image{display:block;margin:0 auto;max-width:100%;width:200px}.success-dialog__title{font-size:19px;font-weight:600;margin-top:16px}.success-dialog__message{font-size:15px;line-height:1.5;margin-top:4px}.success-dialog__done{font-size:15px;margin-top:20px;min-width:110px}.app-avatar{align-items:center;background-color:#e3e3e3;border-radius:50%;color:#fff;display:inline-flex;flex:none;font-weight:600;justify-content:center;line-height:1;overflow:hidden;-webkit-user-select:none;user-select:none}.app-avatar img{height:100%;object-fit:cover;width:100%}.app-password-input__toggle.q-btn{color:var(--sb-text-secondary);font-size:20px;height:32px;min-height:32px;min-width:32px;padding:0;width:32px}.app-password-input__toggle.q-btn:focus-visible,.app-password-input__toggle.q-btn:hover{color:var(--sb-primary)}.app-password-input input::-ms-clear,.app-password-input input::-ms-reveal{display:none}.app-image-field{display:flex;flex-direction:column;gap:4px}.app-image-field__hint{color:var(--sb-text-secondary);font-size:13px;margin:-4px 0 8px}.app-image-field__drop{align-items:center;border:1.5px dashed #9aa3ae;border-radius:4px;display:flex;flex-direction:column;font-size:15px;gap:4px;padding:18px 12px;text-align:center;transition:border-color .15s,background-color .15s}.app-image-field__drop--over{background-color:var(--sb-highlight-bg);border-color:var(--sb-secondary)}.app-image-field__drop--error{border-color:var(--q-negative)}.app-image-field__drop-icon{color:var(--sb-primary);font-size:44px}.app-image-field__choose.q-btn{border-radius:4px;margin-top:4px}.app-image-field__input{display:none}.app-image-field__error{color:var(--q-negative);font-size:11px;padding:4px 12px 0}.app-image-field__preview{aspect-ratio:3/1;background-color:#f1f3f6;border:1px solid var(--sb-border);border-radius:4px;overflow:hidden;position:relative}.app-image-field__preview img{display:block;height:100%;object-fit:contain;width:100%}.app-image-field__remove.q-btn{box-shadow:0 2px 6px #000d1b33;font-size:15px;position:absolute;right:8px;top:8px}