@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-family-base: "Inter", "Segoe UI", Roboto, Arial, Helvetica, sans-serif}:root{--font-family-base: "Inter", "Segoe UI", Roboto, Arial, Helvetica, sans-serif;--text-size-body: 14px;--text-size-title: 16px;--text-size-small: 13px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height-base: 1.5;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: #dbeafe;--color-success: #16a34a;--color-success-soft: #dcfce7;--color-danger: #dc2626;--color-danger-soft: #fee2e2;--color-warning: #d97706;--color-warning-soft: #ffedd5;--color-info: #0891b2;--color-info-soft: #cffafe;--color-text: #0f172a;--color-text-soft: #334155;--color-muted: #64748b;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-surface: #ffffff;--color-surface-soft: #f8fafc;--color-background: #f1f5f9;--radius-base: 6px;--radius-button: 6px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 12px;--radius-xl: 12px;--radius-2xl: 12px;--shadow-sm: 0 4px 12px rgba(15, 23, 42, .05);--shadow-md: 0 12px 28px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .12);--layout-max-width: 1440px;--layout-page-padding: clamp(8px, .85vw, 12px);--layout-gap: clamp(8px, .9vw, 12px);--layout-section-gap: clamp(10px, 1vw, 14px);--sidebar-admin-width: clamp(236px, 18vw, 300px);--layout-right-panel-width: clamp(360px, 31vw, 480px);--layout-right-panel-width-sm: clamp(320px, 29vw, 420px);--layout-side-panel-width: clamp(256px, 22vw, 316px);--layout-profile-sidebar-width: clamp(180px, 17vw, 208px);--table-min-width-desktop: 960px;--table-min-width-desktop-lg: 1120px;--topbar-height: 72px;--z-overlay: 9000;--z-loading: 9500;--z-modal: 9900;--z-toast: 10000;--control-height-base: 36px;--control-height-sm: 32px;--control-height-xs: 30px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100%}html{font-size:var(--text-size-body)}body{font-family:var(--font-family-base);font-size:var(--text-size-body);line-height:var(--line-height-base);background:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{letter-spacing:.01em}input,select,textarea{color:var(--color-text)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}strong{font-weight:var(--font-weight-bold)}html{font-size:var(--text-size-body);overflow-y:auto}html,body{margin:0;padding:0;min-height:100%;overflow-x:hidden}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}*{scrollbar-width:thin;scrollbar-color:transparent transparent}::-webkit-scrollbar{width:2x;height:2x}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}*:hover::-webkit-scrollbar-thumb{background:#cbd5e1}*:hover{scrollbar-color:#cbd5e1 transparent}#app{min-height:100vh}button,input,select,textarea{min-width:0}.app-icon,svg{flex-shrink:0}[class*=toolbar],[class*=header],[class*=actions]{min-width:0}[class*=table-scroll],[class*=table-wrap],[class*=table-card],[class*=table-container]{max-width:100%}[class*=popup__panel],[class*=dialog__panel],[class*=modal__panel],[class*=popup-content],[class*=dialog-content]{width:min(100%,1000px);max-width:min(100vw - 24px,1000px);max-height:min(90dvh,920px)}@media(max-width:1024px){[class*=popup__panel],[class*=dialog__panel],[class*=modal__panel],[class*=popup-content],[class*=dialog-content]{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}}@media(max-width:768px){[class*=toolbar],[class*=header],[class*=actions],[class*=filter-row]{flex-wrap:wrap}input,select,textarea,button{max-width:100%}}button .app-icon,a .app-icon,span .app-icon{vertical-align:middle}button:has(.app-icon){gap:6px}body{min-width:1180px}@media(max-width:1280px){body{min-width:0}}#app,.admin-main,[class*=page],[class*=layout],[class*=content],[class*=workspace],[class*=panel],[class*=table],[class*=toolbar],[class*=header],[class*=body],[class*=sidebar],[class*=actions],[class*=filters]{min-width:0}[class*=toolbar],[class*=header],[class*=actions],[class*=filter-row],[class*=topbar]{flex-wrap:wrap}[class*=table-wrap],[class*=table-scroll],[class*=table-container],[class*=table-card],[class*=workspace__table],[class*=__table-wrap]{overflow-x:auto;overflow-y:auto}@media(max-width:1600px){.admin-layout{grid-template-columns:clamp(248px,17vw,288px) minmax(0,1fr)}.admin-topbar,.admin-content{padding-left:24px;padding-right:24px}}@media(max-width:1440px){.admin-layout{grid-template-columns:clamp(236px,16vw,272px) minmax(0,1fr)}.admin-topbar,.admin-content{padding-left:20px;padding-right:20px}.ban-hang-page__body,.nhap-hang-editor-page__content,.tra-hang-nhap-editor-page__content,.store-profile-page__layout{gap:10px}.store-profile-page__layout{grid-template-columns:clamp(184px,16vw,204px) minmax(0,1fr)}}@media(max-width:1366px){.admin-layout{grid-template-columns:clamp(224px,16vw,252px) minmax(0,1fr)}.admin-topbar,.admin-content{padding-left:16px;padding-right:16px}.ban-hang-page__body,.nhap-hang-editor-page__content,.tra-hang-nhap-editor-page__content{gap:8px;padding:8px}.khach-hang-page,.hang-hoa-page,.hoa-don-page,.so-quy-page,.bao-gia-layout,.store-profile-page,.thiet-lap-page,.tong-quan-page{min-width:0}.khach-hang-toolbar,.hang-hoa-toolbar,.hoa-don-toolbar,.so-quy-toolbar,.bao-gia-toolbar,.nhan-vien-toolbar,.nha-cung-cap-toolbar{gap:8px}.khach-hang-toolbar__search,.hang-hoa-toolbar__search,.hoa-don-toolbar__search,.so-quy-toolbar__search,.bao-gia-toolbar__search,.nhan-vien-toolbar__search,.nha-cung-cap-toolbar__search{width:min(100%,420px)!important;max-width:100%!important}}@media(max-width:1280px){.ban-hang-page__body,.nhap-hang-editor-page__content,.tra-hang-nhap-editor-page__content,.store-profile-page__layout{grid-template-columns:1fr!important}.ban-hang-page,.nhap-hang-editor-page,.tra-hang-nhap-editor-page{overflow:auto}}@media(max-width:1280px){.admin-layout{grid-template-columns:clamp(228px,19vw,264px) minmax(0,1fr)}.admin-kpi-grid,.admin-shop-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-topbar,.admin-content{padding-left:18px;padding-right:18px}.admin-kpi-grid,.admin-dashboard-grid,.admin-detail-grid,.admin-chart-grid,.admin-shop-summary-grid,.admin-filter-row,.admin-shop-kpis,.admin-shop-detail-grid,.admin-form-grid,.admin-definition-list{grid-template-columns:1fr!important}.admin-page-header,.admin-page-header--stack,.admin-topbar,.admin-shop-hero__title-row,.admin-section-header{flex-direction:column;align-items:stretch}.admin-table-wrap{overflow-x:auto}}@media(max-width:1200px){.feature-split-layout,.feature-split-layout__grid,.khach-hang-page,.hang-hoa-page,.hoa-don-page,.so-quy-page,.bao-gia-layout,.store-profile-page__layout{min-width:0}.khach-hang-toolbar,.hang-hoa-toolbar,.hoa-don-toolbar,.nhan-vien-toolbar,.bao-gia-toolbar,.admin-page-header{flex-wrap:wrap}.khach-hang-toolbar__search,.hang-hoa-toolbar__search,.hoa-don-toolbar__search,.nhan-vien-toolbar__search{width:min(100%,520px)!important;max-width:100%!important}}@media(max-width:1024px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto;padding-bottom:12px}.admin-content,.admin-topbar{padding-left:16px;padding-right:16px}.khach-hang-toolbar,.hang-hoa-toolbar,.hoa-don-toolbar,.nhan-vien-toolbar,.bao-gia-toolbar,.ban-hang-header,.ban-hang-header__top,.ban-hang-header__actions{flex-wrap:wrap;gap:10px}.khach-hang-toolbar>*,.hang-hoa-toolbar>*,.hoa-don-toolbar>*,.nhan-vien-toolbar>*,.bao-gia-toolbar>*{max-width:100%}.khach-hang-toolbar__search,.hang-hoa-toolbar__search,.hoa-don-toolbar__search,.nhan-vien-toolbar__search,.bao-gia-toolbar__search{width:100%!important}.khach-hang-dialog,.base-dialog__panel,.base-modal__panel,.tao-bang-gia-popup__panel,.chon-bang-gia-popup,.tuy-chon-cot-khach-hang-popup,.tuy-chon-cot-hang-hoa-popup,.tuy-chon-cot-hoa-don-popup,.tuy-chon-cot-nhan-vien-popup,.tuy-chon-cot-popup{width:min(100vw - 20px,1000px)!important;min-width:0!important;max-width:min(100vw - 20px,1000px)!important}}@media(max-width:768px){.admin-content,.admin-topbar{padding-left:12px;padding-right:12px}.admin-page-header h1{font-size:22px}.khach-hang-table,.hang-hoa-table,.hoa-don-table,.so-quy-table,.nhan-vien-table,.bao-gia-table{min-width:760px}.khach-hang-toolbar,.hang-hoa-toolbar,.hoa-don-toolbar,.nhan-vien-toolbar,.bao-gia-toolbar,.ban-hang-header,.ban-hang-header__top,.ban-hang-header__actions,.admin-page-header,.admin-panel__header{flex-direction:column;align-items:stretch}.khach-hang-toolbar__actions,.hang-hoa-toolbar__actions,.hoa-don-toolbar__actions,.nhan-vien-toolbar__actions,.bao-gia-toolbar__actions,.admin-table-actions{justify-content:flex-start;flex-wrap:wrap}.khach-hang-dialog__grid,.hoa-don-expanded-row__grid,.store-profile-form-grid,.admin-dashboard-grid,.admin-detail-grid,.admin-filter-row,.admin-form-grid,.admin-shop-kpis,.admin-shop-detail-grid,.dashboard-grid,.dashboard-chart-grid,.dashboard-ranking-grid{grid-template-columns:1fr!important}}@media(max-width:1024px){.feature-split-layout__toggle{width:100%}.feature-split-layout__sidebar{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-base);padding:12px}.ban-hang-page{padding-bottom:76px}.ban-hang-product-workspace,.ban-hang-cart-panel,.ban-hang-header,.ban-hang-bottom-bar,.ban-hang-action-popup__panel,.ban-hang-return-popup,.ban-hang-print-settings-popup{width:100%!important;max-width:100%!important}}@media(max-width:768px){.feature-split-layout__header{margin-bottom:10px}.feature-split-layout__title,.admin-page-header h1{font-size:20px!important}.khach-hang-page,.hang-hoa-page,.hoa-don-page,.so-quy-page,.bao-gia-layout,.store-profile-page,.thiet-lap-page,.tong-quan-page{padding-left:0;padding-right:0}.khach-hang-table,.hang-hoa-table,.hoa-don-table,.so-quy-table,.nhan-vien-table,.bao-gia-table,.tra-hang-table{min-width:680px}.khach-hang-toolbar-wrap__right,.hang-hoa-toolbar-wrap__right,.hoa-don-toolbar-wrap__right,.tra-hang-toolbar-wrap__right,.so-quy-toolbar-wrap__right,.bao-gia-toolbar-wrap__right,.nhan-vien-toolbar-wrap__right{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.khach-hang-toolbar-wrap__btn,.hang-hoa-toolbar-wrap__btn,.hoa-don-toolbar-wrap__btn,.tra-hang-toolbar-wrap__btn,.so-quy-toolbar-wrap__btn,.bao-gia-toolbar-wrap__btn,.nhan-vien-toolbar-wrap__btn,.khach-hang-toolbar-wrap__menu-anchor,.hang-hoa-toolbar-wrap__menu-anchor,.hoa-don-toolbar-wrap__menu-anchor,.tra-hang-toolbar-wrap__menu-anchor{width:100%}.khach-hang-toolbar-wrap__search,.hang-hoa-toolbar-wrap__search,.hoa-don-toolbar-wrap__search,.nhan-vien-toolbar-wrap__search,.bao-gia-toolbar-wrap__search,.tra-hang-toolbar-wrap__search,.so-quy-toolbar-wrap__search{width:100%!important}.base-dialog__panel,.base-modal__panel,.khach-hang-dialog,.hang-hoa-dialog,.tao-bang-gia-popup__panel,.chon-bang-gia-popup,.tuy-chon-cot-popup,.tuy-chon-cot-hang-hoa-popup,.tuy-chon-cot-khach-hang-popup,.tuy-chon-cot-hoa-don-popup,.tuy-chon-cot-nhan-vien-popup,.ban-hang-return-popup,.ban-hang-print-settings-popup{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;border-radius:12px!important}}@media(max-width:480px){.khach-hang-toolbar-wrap__right,.hang-hoa-toolbar-wrap__right,.hoa-don-toolbar-wrap__right,.tra-hang-toolbar-wrap__right,.so-quy-toolbar-wrap__right,.bao-gia-toolbar-wrap__right,.nhan-vien-toolbar-wrap__right{grid-template-columns:1fr}.admin-content,.admin-topbar{padding-left:10px;padding-right:10px}}@media(max-width:768px){.dashboard-body,.dashboard-main,.dashboard-sidebar,.dashboard-grid,.dashboard-chart-grid,.dashboard-ranking-grid,.store-profile-page__layout,.feature-split-layout__grid{grid-template-columns:1fr!important}.dashboard-card,.dashboard-panel,.store-profile-card,.base-dialog__panel,.base-modal__panel{border-radius:var(--radius-base)}.feature-split-layout__sidebar,.khach-hang-filter-sidebar,.hang-hoa-filter-sidebar,.hoa-don-filter-sidebar,.so-quy-filter-sidebar,.nhan-vien-filter-sidebar{max-height:none!important;overflow:visible!important}.dashboard-activity-card,.dashboard-card--activity,.dashboard-sidebar>*{min-height:0!important;height:auto!important;max-height:none!important}.base-dialog,.base-modal{padding:12px!important}.base-dialog__panel,.base-modal__panel,.tao-bang-gia-popup__panel,.chon-bang-gia-popup,.ban-hang-action-popup__panel,.ban-hang-return-popup,.ban-hang-print-settings-popup{width:min(100vw - 24px,100%)!important;max-width:min(100vw - 24px,100%)!important;max-height:calc(100dvh - 24px)!important}.ban-hang-header__actions,.khach-hang-toolbar__actions,.hang-hoa-toolbar__actions,.hoa-don-toolbar__actions,.nhan-vien-toolbar__actions,.bao-gia-toolbar__actions{width:100%}.ban-hang-header__actions>*,.khach-hang-toolbar__actions>*,.hang-hoa-toolbar__actions>*,.hoa-don-toolbar__actions>*,.nhan-vien-toolbar__actions>*,.bao-gia-toolbar__actions>*{flex:1 1 auto}}.base-loading-overlay[data-v-a1e28014]{position:fixed;inset:0;z-index:var(--z-loading);background:#0f172a38;display:flex;align-items:center;justify-content:center}.base-loading-overlay__panel[data-v-a1e28014]{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;box-shadow:none}.base-loading-overlay__spinner-wrap[data-v-a1e28014]{position:relative;width:67px;height:67px;display:flex;align-items:center;justify-content:center}.base-loading-overlay__spinner[data-v-a1e28014]{position:absolute;inset:0;box-sizing:border-box;border-radius:999px;border:4px solid rgba(13,115,232,.16);border-top-color:#0d73e8;border-right-color:#00d6cdd9;animation:base-loading-spin-a1e28014 .8s linear infinite}.base-loading-overlay__logo-wrap[data-v-a1e28014]{position:relative;z-index:1;width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:999px;overflow:hidden}.base-loading-overlay__logo[data-v-a1e28014]{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.base-loading-fade-enter-active[data-v-a1e28014],.base-loading-fade-leave-active[data-v-a1e28014]{transition:opacity .2s ease}.base-loading-fade-enter-from[data-v-a1e28014],.base-loading-fade-leave-to[data-v-a1e28014]{opacity:0}@keyframes base-loading-spin-a1e28014{to{transform:rotate(360deg)}}.modal-overlay[data-v-f03a91df]{position:fixed;inset:0;z-index:var(--z-modal);background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding-top:18vh}.modal-card[data-v-f03a91df]{width:min(460px,100%);background:#fff;border-radius:var(--radius-base);box-shadow:var(--shadow-lg);padding:18px 24px 24px}.modal-title[data-v-f03a91df]{font-size:var(--text-size-title);font-weight:var(--font-weight-bold);text-align:center;margin:0 0 8px}.modal-message[data-v-f03a91df]{margin:0 0 20px;line-height:1.6;color:var(--color-muted)}.modal-actions[data-v-f03a91df]{display:flex;justify-content:flex-end;gap:12px}.btn[data-v-f03a91df]{min-width:110px;height:var(--control-height-xs);border-radius:var(--radius-base);border:none;cursor:pointer;font-weight:var(--font-weight-bold)}.btn-cancel[data-v-f03a91df]{background:#e2e8f0;color:#0f172a}.btn-confirm[data-v-f03a91df]{background:var(--color-primary);color:#fff}.btn-secondary[data-v-f03a91df]{background:#eef2ff;color:var(--color-primary)}.btn-danger[data-v-f03a91df]{background:#fee2e2;color:#b91c1c}.app-icon[data-v-6ee818c3]{width:var(--app-icon-size, 18px);height:var(--app-icon-size, 18px);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1}.app-icon__svg[data-v-6ee818c3]{width:100%;height:100%}.toast-wrapper{position:fixed;top:20px;right:20px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:12px;width:min(420px,calc(100vw - 32px))}.toast-item{display:flex;align-items:flex-start;gap:12px;min-height:70px;padding:16px 18px 16px 14px;border-radius:var(--radius-base);border:1px solid transparent;box-shadow:0 10px 30px #0f172a1f}.toast-error{background:#fff1f1;border-color:#ff3b30}.toast-success{background:#edfdf3;border-color:#16a34a}.toast-warning{background:#fff8e8;border-color:#f59e0b}.toast-info{background:#eef6ff;border-color:#2563eb}.toast-icon{flex:0 0 28px;width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;font-weight:800;margin-top:2px}.toast-icon--error{color:#ff3b30;border:2px solid #ff3b30;background:#fff}.toast-icon--success{color:#16a34a;border:2px solid #16a34a;background:#fff}.toast-icon--warning{color:#f59e0b;border:2px solid #f59e0b;background:#fff}.toast-icon--info{color:#2563eb;border:2px solid #2563eb;background:#fff}.toast-content{flex:1;min-width:0;padding-top:2px}.toast-message{color:#374151;line-height:1.45;font-size:15px;font-weight:500;word-break:break-word}.toast-close{flex:0 0 auto;width:24px;height:24px;border:none;background:transparent;cursor:pointer;color:#9ca3af;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:999px;transition:background-color .2s ease,color .2s ease}.toast-close:hover{background:#0f172a0f;color:#475569}@media(max-width:768px){.toast-wrapper{top:16px;right:16px;left:16px;width:auto}.toast-item{min-height:64px;padding:14px 16px 14px 12px}}.bp-subscription-page{display:flex;flex-direction:column;gap:var(--layout-section-gap);padding:var(--layout-page-padding);color:var(--color-text)}.bp-subscription-hero,.bp-wallet-card,.bp-history-panel,.bp-modal-card,.bp-plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.bp-subscription-hero{display:flex;justify-content:space-between;gap:var(--layout-gap);padding:var(--layout-section-gap)}.bp-page-eyebrow,.bp-plan-card__eyebrow{color:var(--color-primary);font-size:var(--text-size-small);font-weight:var(--font-weight-bold);margin:0;text-transform:uppercase}.bp-subscription-hero h1,.bp-section-title h2,.bp-plan-card h3,.bp-modal-card h2,.bp-qr-box h3{margin:0;color:var(--color-text)}.bp-subscription-hero p,.bp-plan-card__desc,.bp-qr-box p,.bp-current-plan small,.bp-plan-card__limits,.bp-qr-box small{color:var(--color-muted)}.bp-current-plan,.bp-wallet-card{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-gap)}.bp-current-plan{flex-direction:column;align-items:flex-start;min-width:var(--layout-profile-sidebar-width);padding:var(--layout-gap);background:var(--color-surface-soft);border-radius:var(--radius-md)}.bp-current-plan strong,.bp-wallet-card strong,.bp-plan-card__price,.bp-qr-box strong{color:var(--color-primary);font-size:var(--text-size-title)}.bp-wallet-card{padding:var(--layout-section-gap)}.bp-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--layout-side-panel-width),1fr));gap:var(--layout-gap)}.bp-plan-card{display:flex;flex-direction:column;gap:var(--layout-gap);padding:var(--layout-section-gap)}.bp-plan-card--active{border-color:var(--color-primary)}.bp-plan-card__head,.bp-section-title,.bp-modal-card header{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-gap)}.bp-plan-card__tag,.bp-status-badge{border-radius:var(--radius-button);font-size:var(--text-size-small);font-weight:var(--font-weight-bold);padding:calc(var(--layout-page-padding) / 2) var(--layout-page-padding)}.bp-plan-card__tag,.bp-status-badge--approved{background:var(--color-success-soft);color:var(--color-success)}.bp-status-badge--pending_payment,.bp-status-badge--paid_waiting_approval{background:var(--color-warning-soft);color:var(--color-warning)}.bp-status-badge--rejected,.bp-status-badge--cancelled,.bp-status-badge--expired{background:var(--color-danger-soft);color:var(--color-danger)}.bp-plan-card__limits,.bp-plan-card__features{display:flex;flex-direction:column;gap:calc(var(--layout-gap) / 2)}.bp-plan-card__features{margin:0;padding-left:var(--layout-section-gap)}.bp-plan-card__button{margin-top:auto}.bp-history-panel{padding:var(--layout-section-gap)}.bp-table-wrap{overflow-x:auto}.bp-data-table{width:100%;border-collapse:collapse;min-width:var(--table-min-width-desktop)}.bp-data-table th,.bp-data-table td{border-bottom:1px solid var(--color-border);padding:var(--layout-gap);text-align:left}.bp-data-table th{color:var(--color-text-soft);background:var(--color-surface-soft)}.bp-primary-btn,.bp-secondary-btn,.bp-text-btn,.bp-icon-btn,.bp-period-grid button,.bp-quick-amounts button{min-height:var(--control-height-base);border-radius:var(--radius-button);border:1px solid var(--color-border);cursor:pointer;font-family:var(--font-family-base);font-weight:var(--font-weight-bold)}.bp-primary-btn{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.bp-secondary-btn,.bp-period-grid button,.bp-quick-amounts button{background:var(--color-surface);color:var(--color-text)}.bp-text-btn,.bp-icon-btn{background:transparent;color:var(--color-primary)}.bp-icon-btn{min-width:var(--control-height-base);font-size:var(--text-size-title)}.bp-modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--layout-page-padding);background:color-mix(in srgb,var(--color-text) 38%,transparent)}.bp-modal-card{width:min(100%,var(--layout-right-panel-width));display:flex;flex-direction:column;gap:var(--layout-gap);padding:var(--layout-section-gap)}.bp-modal-card--wide{width:min(100%,var(--table-min-width-desktop))}.bp-period-grid,.bp-quick-amounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--layout-gap)}.bp-period-grid button,.bp-quick-amounts button{display:flex;flex-direction:column;gap:calc(var(--layout-gap) / 2);padding:var(--layout-gap)}.bp-period-grid button.active{border-color:var(--color-primary);background:var(--color-primary-soft)}.bp-modal-actions{display:flex;justify-content:flex-end;gap:var(--layout-gap)}.bp-form-field{display:flex;flex-direction:column;gap:calc(var(--layout-gap) / 2)}.bp-form-field input{min-height:var(--control-height-base);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:0 var(--layout-gap);font-family:var(--font-family-base)}.bp-qr-box{display:grid;grid-template-columns:minmax(var(--layout-side-panel-width),var(--layout-profile-sidebar-width)) 1fr;gap:var(--layout-section-gap);align-items:center}.bp-qr-box__image-wrap{display:flex;align-items:center;justify-content:center;background:var(--color-surface-soft);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--layout-gap)}.bp-qr-box__image{width:100%;max-width:var(--layout-side-panel-width)}.bp-qr-box__content{display:flex;flex-direction:column;gap:var(--layout-gap)}.bp-qr-box code{display:block;padding:var(--layout-gap);border-radius:var(--radius-base);background:var(--color-surface-soft);color:var(--color-text)}@media(max-width:768px){.bp-subscription-hero,.bp-wallet-card,.bp-qr-box{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.bp-period-grid,.bp-quick-amounts{grid-template-columns:1fr}}.bp-qr-box__header,.bp-qr-info-row,.bp-qr-actions,.bp-pending-orders__head,.bp-pending-orders__item{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-gap)}.bp-qr-status{display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--control-height-base) * .7);border-radius:var(--radius-button);padding:0 var(--layout-gap);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--text-size-small);font-weight:var(--font-weight-bold)}.bp-qr-info-list{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.bp-qr-info-row{padding:var(--layout-gap);border-bottom:1px solid var(--color-border)}.bp-qr-info-row:last-child{border-bottom:0}.bp-qr-info-row span{color:var(--color-muted)}.bp-qr-info-row button{min-height:calc(var(--control-height-base) * .72);border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-primary);cursor:pointer}.bp-qr-box__note{margin:0}.bp-qr-actions{justify-content:flex-end}.bp-pending-orders{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--layout-section-gap);box-shadow:var(--shadow-sm)}.bp-pending-orders__list{display:flex;flex-direction:column;gap:var(--layout-gap);margin-top:var(--layout-gap)}.bp-pending-orders__item{width:100%;min-height:var(--control-height-base);border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-surface-soft);color:var(--color-text);padding:var(--layout-gap);cursor:pointer;text-align:left}.bp-pending-orders__item small{display:block;color:var(--color-muted);margin-top:calc(var(--layout-gap) / 3)}.bp-qr-expire{margin-top:var(--app-spacing-small, 8px);margin-bottom:var(--app-spacing-medium, 12px);padding:var(--app-spacing-small, 8px) var(--app-spacing-medium, 12px);border-radius:var(--app-radius-input, 10px);border:1px solid var(--app-color-primary, #2563eb);background:var(--app-color-primary-soft, #eff6ff);color:var(--app-color-primary, #2563eb);font-weight:600}.bp-qr-expire.expired{border-color:var(--app-color-danger, #ef4444);background:var(--app-color-danger-soft, #fef2f2);color:var(--app-color-danger, #ef4444)}.app-brand-logo[data-v-70d04137]{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.admin-layout{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-admin-width) minmax(0,1fr);background:#f8fafc;color:#0f172a}.admin-sidebar{background:linear-gradient(180deg,#0f172a,#111827);color:#fff;padding:24px 18px;position:sticky;top:0;min-height:100dvh;align-self:stretch;overflow-y:auto}.admin-sidebar__brand{display:flex;gap:14px;align-items:center;margin-bottom:28px}.admin-sidebar__brand p{margin:2px 0 0;color:#94a3b8}.admin-sidebar__mark{width:48px;height:48px;border-radius:var(--radius-base);display:grid;place-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);font-weight:800}.admin-sidebar__nav{display:grid;gap:10px}.admin-sidebar__link{display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:#cbd5e1;padding:14px;border-radius:var(--radius-base);background:#ffffff05;border:1px solid transparent}.admin-sidebar__link strong,.admin-sidebar__link small{display:block}.admin-sidebar__link small{margin-top:4px;color:#94a3b8}.admin-sidebar__link.is-active{background:#3b82f62e;border-color:#60a5fa59;color:#fff}.admin-main{min-width:0}.admin-topbar{padding:24px 28px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-topbar h2{margin:0 0 4px}.admin-topbar p{margin:0;color:#64748b}.admin-topbar__actions{display:flex;align-items:center;gap:12px}.admin-user-chip{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e2e8f0;padding:10px 14px;border-radius:var(--radius-base)}.admin-user-chip small{color:#64748b;display:block}.admin-user-chip__avatar{width:36px;height:36px;border-radius:var(--radius-base);display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:var(--font-weight-bold)}.admin-content{padding:0 28px 28px}.admin-page-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.admin-page-header h1{margin:0 0 4px;font-size:28px}.admin-page-header p{margin:0;color:#64748b}.admin-primary-btn,.admin-outline-btn,.admin-link-btn{border-radius:var(--radius-base);height:var(--control-height-base);padding:0 16px;font-weight:var(--font-weight-bold);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.admin-primary-btn{border:none;background:#2563eb;color:#fff}.admin-outline-btn,.admin-link-btn{border:1px solid #cbd5e1;background:#fff;color:#0f172a}.admin-panel{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-base);padding:20px;box-shadow:0 10px 30px #0f172a0a}.admin-panel__header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.admin-panel__header h3{margin:0}.admin-panel__header small{color:#64748b}.admin-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:20px}.admin-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-base);padding:18px}.admin-kpi-card span,.admin-kpi-card small{display:block}.admin-kpi-card span{color:#64748b;margin-bottom:6px}.admin-kpi-card strong{font-size:30px;line-height:1.1}.admin-kpi-card small{color:#94a3b8;margin-top:8px}.admin-dashboard-grid,.admin-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.admin-list{display:grid;gap:12px}.admin-list__item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #f1f5f9}.admin-list__item:last-child{border-bottom:none}.admin-list__item p{margin:4px 0 0;color:#64748b}.admin-status-badge{border-radius:999px;padding:7px 12px;font-size:var(--text-size-small);font-weight:var(--font-weight-bold)}.admin-status-badge.is-success{background:#dcfce7;color:#166534}.admin-status-badge.is-warning{background:#ffedd5;color:#9a3412}.admin-status-badge.is-danger{background:#fee2e2;color:#991b1b}.admin-status-badge.is-info{background:#dbeafe;color:#1d4ed8}.admin-status-badge.is-muted{background:#e2e8f0;color:#334155}.admin-bullet-list{margin:0;padding-left:18px;display:grid;gap:10px;color:#334155}.admin-sidebar__brand{display:flex;align-items:center;gap:14px;position:relative}.admin-sidebar__mark{width:126px;height:38px;border-radius:var(--radius-base);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;background:transparent}.admin-sidebar__logo-image{width:100%;height:100%;object-fit:contain;display:block}.admin-sidebar__brand-info{flex:1;min-width:0;position:relative}.admin-sidebar__account-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;background:transparent;border:none;text-align:left;cursor:pointer;color:#fff}.admin-sidebar__account-text{min-width:0}.admin-sidebar__account-trigger strong{display:block;font-size:var(--text-size-body);font-weight:var(--font-weight-bold);line-height:1.4}.admin-sidebar__account-trigger p{margin-top:4px;font-size:var(--text-size-small);color:#ffffffb8;line-height:1.4}.admin-sidebar__account-caret{color:#ffffffb8;font-size:var(--text-size-body);flex-shrink:0}.admin-sidebar__account-menu{margin-top:10px;min-width:160px;padding:6px;border-radius:var(--radius-base);border:1px solid rgba(255,255,255,.1);background:#111827f5;box-shadow:0 10px 30px #00000040}.admin-sidebar__account-item{width:100%;padding:10px 12px;border:none;border-radius:var(--radius-base);background:transparent;color:#fff;text-align:left;font-weight:var(--font-weight-bold);cursor:pointer}.admin-sidebar__account-item:hover{background:#ffffff14}.admin-form-field{display:grid;gap:8px;min-width:0}.admin-form-field span{color:#334155;font-weight:700}.admin-textarea{width:100%;min-height:108px;resize:vertical;border-radius:var(--radius-base);border:1px solid #cbd5e1;background:#fff;padding:12px 14px;outline:none;color:#0f172a;font:inherit}.admin-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa1f}.admin-form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:18px}.admin-input,.admin-select{width:100%;height:var(--control-height-base);border-radius:var(--radius-base);border:1px solid #cbd5e1;background:#fff;padding:0 14px;outline:none;color:#0f172a;min-width:0}.admin-input:focus,.admin-select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa1f}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:16px 14px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top}.admin-table th{color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.admin-table td p{margin:6px 0 0;color:#64748b;font-size:var(--text-size-body)}.admin-table-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-empty-cell{text-align:center;color:#64748b;padding:28px!important}.admin-sidebar__link-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}.admin-sidebar__account-caret{display:inline-flex;align-items:center;justify-content:center}@media(max-width:1024px){.admin-sidebar__nav{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:768px){.admin-sidebar{padding:16px 12px;min-height:auto;position:static}.admin-sidebar__nav{grid-template-columns:1fr}.admin-panel,.admin-kpi-card{padding:16px}}.admin-base-select:deep(.base-select__control){height:var(--control-height-base);border-color:#cbd5e1}.admin-base-select.is-open:deep(.base-select__control){border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa1f}.admin-datetime-field{width:100%}.admin-datetime-field:deep(.pos-date-time-field){height:var(--control-height-base);border-color:#cbd5e1}.admin-datetime-field:deep(.pos-date-time-field:focus-within){border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa1f}.admin-sidebar__brand{display:flex;flex-direction:column;align-items:stretch;gap:14px;position:relative;margin-bottom:24px}.admin-sidebar__mark{width:100%;height:auto;min-height:42px;border-radius:0;overflow:visible;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none}.admin-sidebar__logo-image{width:152px;max-width:152px;height:auto;object-fit:contain;display:block}.admin-sidebar__brand-info{width:100%;min-width:0;position:relative}.admin-sidebar__account-trigger{width:100%;min-height:48px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:9px 10px;background:#ffffff0e;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius-base);text-align:left;cursor:pointer;color:#fff;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.admin-sidebar__account-trigger:hover,.admin-sidebar__account-trigger.is-open{background:#2563eb2e;border-color:#60a5fa6b;box-shadow:0 10px 24px #0f172a38}.admin-sidebar__account-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#1d4ed8;font-size:14px;font-weight:800;box-shadow:inset 0 0 0 1px #fffc}.admin-sidebar__account-text{min-width:0;flex:1;display:grid;gap:2px}.admin-sidebar__account-text strong,.admin-sidebar__account-trigger strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.25;color:#fff}.admin-sidebar__account-text small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dbeafec2;font-size:12px;line-height:1.25}.admin-sidebar__account-caret{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#dbeafed1}.admin-sidebar__account-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;margin-top:0;min-width:0;padding:8px;border-radius:var(--radius-base);border:1px solid rgba(148,163,184,.22);background:#0f172afa;box-shadow:0 18px 36px #00000052;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-sidebar__account-item{width:100%;min-height:40px;padding:9px 10px;border:none;border-radius:var(--radius-base);background:transparent;color:#fff;display:flex;align-items:center;gap:10px;text-align:left;font-size:14px;font-weight:800;cursor:pointer;transition:background .16s ease,color .16s ease}.admin-sidebar__account-item:hover{background:#ef444424;color:#fecaca}.admin-sidebar__account-item-icon{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#f8717124;color:#fecaca;font-size:13px}.admin-payment-page{display:flex;flex-direction:column;gap:var(--layout-section-gap);padding:var(--layout-page-padding)}.admin-payment-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--layout-section-gap)}.admin-payment-header,.admin-payment-section-title,.admin-payment-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-gap)}.admin-payment-header h1,.admin-payment-section-title h2{margin:0;color:var(--color-text)}.admin-payment-header p{color:var(--color-muted);margin:0}.admin-payment-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--layout-side-panel-width),1fr));gap:var(--layout-gap)}.admin-payment-field{display:flex;flex-direction:column;gap:calc(var(--layout-gap) / 2);color:var(--color-text-soft)}.admin-payment-field input,.admin-payment-field select,.admin-payment-field textarea{min-height:var(--control-height-base);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:0 var(--layout-gap);color:var(--color-text);background:var(--color-surface);font-family:var(--font-family-base)}.admin-payment-field textarea{padding-top:var(--layout-gap)}.admin-payment-tabs{display:flex;gap:var(--layout-gap);flex-wrap:wrap}.admin-payment-tabs button,.admin-payment-btn,.admin-payment-btn-secondary,.admin-payment-btn-danger{min-height:var(--control-height-base);border-radius:var(--radius-button);border:1px solid var(--color-border);padding:0 var(--layout-gap);font-weight:var(--font-weight-bold);cursor:pointer}.admin-payment-tabs button{background:var(--color-surface);color:var(--color-text)}.admin-payment-tabs button.active,.admin-payment-btn{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary)}.admin-payment-btn-secondary{background:var(--color-surface);color:var(--color-primary)}.admin-payment-btn-danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger-soft)}.admin-payment-table-wrap{overflow-x:auto}.admin-payment-table{width:100%;min-width:var(--table-min-width-desktop-lg);border-collapse:collapse}.admin-payment-table th,.admin-payment-table td{border-bottom:1px solid var(--color-border);padding:var(--layout-gap);text-align:left}.admin-payment-table th{background:var(--color-surface-soft);color:var(--color-text-soft)}.admin-payment-badge{border-radius:var(--radius-button);padding:calc(var(--layout-page-padding) / 2) var(--layout-page-padding);font-size:var(--text-size-small);font-weight:var(--font-weight-bold);background:var(--color-warning-soft);color:var(--color-warning)}.admin-payment-badge.approved{background:var(--color-success-soft);color:var(--color-success)}.admin-payment-badge.rejected,.admin-payment-badge.cancelled{background:var(--color-danger-soft);color:var(--color-danger)}.admin-payment-preview{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-gap);margin-top:var(--layout-section-gap);padding:var(--layout-gap);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-soft)}.admin-payment-preview div{display:flex;flex-direction:column;gap:calc(var(--layout-gap) / 2)}.admin-payment-preview img{width:calc(var(--control-height-base) * 3);height:calc(var(--control-height-base) * 3);object-fit:contain;border-radius:var(--radius-base);background:var(--color-surface);border:1px solid var(--color-border)}