@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Syne:wght@700;800&display=swap";.app-dialog-overlay[data-v-57e95666]{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:1rem;background:#0f172a75}.app-dialog[data-v-57e95666]{width:min(430px,100%);border:1px solid #dfe7f0;border-radius:12px;background:#fff;padding:20px;box-shadow:0 20px 52px #0f172a2e}.app-dialog h2[data-v-57e95666]{margin:0;color:#172033;font-size:18px;line-height:1.35}.app-dialog>p[data-v-57e95666]{margin:8px 0 0;color:#5f6f85;font-size:13px;line-height:1.6;white-space:pre-wrap}.app-dialog-field[data-v-57e95666]{display:grid;gap:6px;margin-top:16px;color:#425066;font-size:12px;font-weight:700}.app-dialog-field input[data-v-57e95666],.app-dialog-field textarea[data-v-57e95666]{width:100%;border:1px solid #dce4ee;border-radius:7px;background:#fff;padding:9px 10px;color:#263247;font:inherit;resize:vertical}.app-dialog-field input[data-v-57e95666]:focus,.app-dialog-field textarea[data-v-57e95666]:focus{border-color:#77a8ef;outline:0;box-shadow:0 0 0 3px #3978e61a}.app-dialog-field small[data-v-57e95666]{color:#8a4f58;font-weight:600}.app-dialog-actions[data-v-57e95666]{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.app-dialog-btn[data-v-57e95666]{min-height:36px;border-radius:7px;padding:7px 15px;cursor:pointer;font:inherit;font-size:12px;font-weight:700}.app-dialog-btn.secondary[data-v-57e95666]{border:1px solid #dce4ee;background:#fff;color:#5f6f85}.app-dialog-btn.primary[data-v-57e95666]{border:1px solid #3978e6;background:#3978e6;color:#fff}.app-dialog-btn.danger[data-v-57e95666]{border:1px solid #e2c9ce;background:#fbf3f4;color:#8a4f58}.app-dialog-enter-active[data-v-57e95666],.app-dialog-leave-active[data-v-57e95666]{transition:opacity .15s ease}.app-dialog-enter-active .app-dialog[data-v-57e95666],.app-dialog-leave-active .app-dialog[data-v-57e95666]{transition:transform .15s ease}.app-dialog-enter-from[data-v-57e95666],.app-dialog-leave-to[data-v-57e95666]{opacity:0}.app-dialog-enter-from .app-dialog[data-v-57e95666],.app-dialog-leave-to .app-dialog[data-v-57e95666]{transform:translateY(8px)}@media(max-width:520px){.app-dialog[data-v-57e95666]{padding:18px}.app-dialog-actions[data-v-57e95666]{display:grid;grid-template-columns:1fr 1fr}}#app{min-height:100vh}:root{--navy: #1a1a2e;--navy-mid: #16213e;--navy-light: #0f3460;--navy-border: #e2e8f0;--accent: #7c3aed;--accent-dark: #6d28d9;--accent-light: #a78bfa;--accent-glow: rgba(124, 58, 237, .18);--pink: #ec4899;--pink-dark: #db2777;--gradient-brand: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);--gradient-soft: linear-gradient(135deg, #ede9fe 0%, #fce7f3 100%);--white: #ffffff;--off-white: #fafafa;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--red: #ef4444;--amber: #f59e0b;--green: #22c55e;--green-dark: #16a34a;--font-main: "Plus Jakarta Sans", "Segoe UI", sans-serif;--font-display: "Syne", "Plus Jakarta Sans", sans-serif;--shadow-card: 0 1px 8px rgba(0,0,0,.07), 0 4px 16px rgba(124,58,237,.05);--shadow-hover: 0 8px 32px rgba(124,58,237,.18);--shadow-nav: 0 2px 12px rgba(0,0,0,.08);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--t-fast: .15s ease;--t-base: .25s ease;--t-slow: .4s ease;--max-w: 1380px;--nav-h: 64px;--orange: var(--accent);--orange-dark: var(--accent-dark);--orange-light: var(--accent-light);--orange-glow: var(--accent-glow);--primary-color: var(--accent);--primary-dark: var(--accent-dark);--secondary-color: var(--gray-700);--accent-color: var(--green);--danger-color: var(--red);--text-primary: var(--gray-800);--text-secondary: var(--gray-600);--border-color: var(--gray-200);--bg-light: var(--off-white);--bg-white: var(--white);--cust-bg: #f5f8fc;--cust-surface: #ffffff;--cust-surface-soft: #f8fafc;--cust-surface-blue: #eef5ff;--cust-line: #dfe7f0;--cust-line-strong: #cbd8e6;--cust-text: #172033;--cust-text-2: #5f6f85;--cust-text-3: #8b98aa;--cust-accent: #3978e6;--cust-accent-dark: #2e66c7;--cust-accent-soft: #edf4ff;--cust-accent-line: #bfd4f5;--cust-success: #2e9168;--cust-success-soft: #edf8f3;--cust-warning: #a76a17;--cust-warning-soft: #fff8e9;--cust-danger: #cf4f56;--cust-danger-soft: #fff0f1;--cust-shadow: 0 1px 2px rgba(24, 40, 64, .04), 0 8px 22px rgba(51, 83, 122, .055);--cust-shadow-hover: 0 10px 28px rgba(51, 83, 122, .11);--cust-radius-sm: 6px;--cust-radius: 9px;--cust-radius-lg: 12px;--cust-nav-h: 56px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);color:var(--gray-800);background:var(--off-white);line-height:1.6;-webkit-font-smoothing:antialiased}html,body{scrollbar-width:thin;scrollbar-color:#aab8c8 #eef2f6}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#eef2f6}::-webkit-scrollbar-thumb{background:#aab8c8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8295aa}.btn{display:inline-flex;align-items:center;gap:6px;padding:.55rem 1.4rem;border:none;border-radius:var(--r-sm);cursor:pointer;font-family:var(--font-main);font-size:.9rem;font-weight:600;transition:all var(--t-base);text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--orange);color:var(--white)}.btn-primary:hover{background:var(--orange-dark)}.btn-navy{background:var(--navy-mid);color:var(--white)}.btn-navy:hover{background:var(--navy-light)}.btn-outline{background:transparent;border:2px solid var(--orange);color:var(--orange)}.btn-outline:hover{background:var(--orange);color:var(--white)}.btn-danger{background:var(--red);color:var(--white)}.btn-success{background:var(--green);color:var(--white)}.btn-sm{padding:.35rem .9rem;font-size:.8rem}.btn-lg{padding:.8rem 2rem;font-size:1rem}.page-container{min-height:100vh;max-width:1600px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;background:#fffffff5;border-radius:var(--r-lg);padding:1.35rem 1.6rem;box-shadow:var(--shadow-card)}.page-header-left,.page-header-right{display:flex;align-items:center;gap:.85rem}.page-icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--gradient-soft);box-shadow:inset 0 0 0 1px #7c3aed14}.page-title{margin:0;font-family:var(--font-display);font-size:1.7rem;letter-spacing:-.02em;color:var(--gray-800)}.search-bar,.filter-bar,.action-bar{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap}.search-bar+.filter-bar{margin-top:1rem}.search-input{flex:1 1 260px;min-width:220px;padding:.78rem .95rem;border:2px solid var(--gray-200);border-radius:var(--r-sm);font-size:.95rem;font-family:var(--font-main);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.search-input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-glow)}.tabs{display:flex;gap:.65rem;flex-wrap:wrap}.tab{padding:.7rem 1.15rem;background:var(--gray-100);border:1px solid transparent;border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:700;color:var(--gray-600);transition:all var(--t-base)}.tab:hover{color:var(--orange);background:#f5f3ff}.tab.active{color:var(--white);background:var(--gradient-brand);box-shadow:0 10px 24px #7c3aed2e}.empty-state{text-align:center;color:var(--gray-600);padding:2rem 1rem}.empty-icon{font-size:2rem;margin-bottom:.5rem}.empty-text{font-weight:600}.loading-state{text-align:center;color:var(--gray-600);padding:1rem 0}.modal-header{margin-bottom:1.25rem}.modal-title{margin:0;font-size:1.25rem;font-family:var(--font-display);color:var(--gray-800)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.btn-secondary{background:#764ba2;color:#fff}.btn-secondary:hover{background:#5e3880}.btn-light{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-200)}.lang-btn{padding:.6rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;color:#fff;background:#764ba2}.back-btn{padding:.6rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;color:#fff;background:#667eea}.lang-btn:hover,.back-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-light:hover{background:var(--gray-100)}.btn-info{background:#0ea5e9;color:var(--white)}.btn-info:hover{background:#0284c7}.btn-warning{background:var(--amber);color:var(--white)}.btn-warning:hover{background:#d97706}.role-badge{display:inline-flex;align-items:center;padding:.3rem .8rem;border-radius:999px;font-size:.8rem;font-weight:700}.role-employee{background:#e2e8f0;color:#475569}.role-manager{background:#dbeafe;color:#1d4ed8}.role-super-admin,.status-disabled{background:#fee2e2;color:#b91c1c}.balance-log-container,.customer-container,.statistics-container,.inbound-container,.outbound-container,.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1600px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;background:#fffffff2;padding:1.5rem 2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.header-left{display:flex;align-items:center;gap:1rem}.header .icon{font-size:2.5rem}.header h1{margin:0;color:#333;font-size:1.8rem}.header-right{display:flex;align-items:center;gap:1rem}.scan-section,.records-section,.content-section,.recharge-section,.add-section,.list-section{background:#fffffff2;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.scan-section h2,.records-section h2,.recharge-section h2,.add-section h2,.list-section h2{margin-top:0;color:#333;border-bottom:3px solid #667eea;padding-bottom:.5rem}@media(max-width:768px){.page-container{padding:1rem}.page-header{flex-direction:column;align-items:stretch;padding:1rem}.page-header-left,.page-header-right{width:100%;flex-wrap:wrap}.page-header-right{justify-content:flex-start}.header{flex-direction:column;gap:1rem;align-items:flex-start;padding:1rem}.header-left,.header-right{width:100%;flex-wrap:wrap}.header h1{font-size:1.35rem}.balance-log-container,.customer-container,.statistics-container,.inbound-container,.outbound-container,.dashboard-container{padding:1rem}.scan-section,.records-section,.content-section,.recharge-section,.add-section,.list-section{padding:1rem;margin-bottom:1rem}.search-bar,.filter-bar,.action-bar{align-items:stretch}.search-input,.form-select,.btn,.lang-btn,.back-btn{width:100%}.table-container,.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll-hint{display:block}.table{min-width:720px}.modal-content{width:min(100%,720px);max-height:90vh;overflow-y:auto;padding:1rem}.modal-actions{flex-direction:column;align-items:stretch}.modal-actions .btn{width:100%;justify-content:center}}@media(max-width:480px){.table{min-width:640px}.modal-content{width:100%;max-height:100vh;border-radius:16px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:1.2rem;box-shadow:var(--shadow-card)}.stat-label{color:var(--gray-600);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.stat-value{margin-top:.45rem;font-size:1.9rem;font-weight:800;color:var(--gray-800)}.stat-hint{margin-top:.25rem;font-size:.85rem;color:var(--gray-600)}.section-title{margin:0 0 1rem;font-size:1.1rem;font-weight:800;color:var(--gray-800)}.section-subtitle{margin-top:.35rem;color:var(--gray-600);font-size:.92rem}.info-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;background:var(--gray-100);color:var(--gray-700);font-size:.82rem;font-weight:700}.panel-grid{display:grid;grid-template-columns:minmax(320px,380px) 1fr;gap:1.5rem}@media(max-width:960px){.panel-grid{grid-template-columns:1fr}}.card{background:#fffffff5;border-radius:var(--r-lg);padding:1.5rem;box-shadow:var(--shadow-card)}.status-badge{display:inline-block;padding:.2rem .7rem;border-radius:12px;font-size:.78rem;font-weight:600}.status-active{background:#dcfce7;color:#15803d}.status-inactive{background:#fee2e2;color:#b91c1c}.status-pending{background:#fef9c3;color:#854d0e}.status-completed{background:#dbeafe;color:#1d4ed8}.modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--white);border-radius:var(--r-xl);padding:2rem;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #00000059;animation:slideUp .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:6px;font-weight:600;font-size:.875rem;color:var(--gray-800)}.form-input,.form-select,.form-textarea{width:100%;padding:.7rem .9rem;border:2px solid var(--gray-200);border-radius:var(--r-sm);font-size:.95rem;font-family:var(--font-main);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-glow)}.table-container{background:var(--white);border-radius:var(--r-lg);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-card)}.table{width:100%;min-width:720px;border-collapse:collapse}.table-scroll-hint{display:none;margin:.25rem 0 .6rem;color:#ffffffeb;font-size:.82rem;text-align:right}.table-container+.table-scroll-hint,.table-wrapper+.table-scroll-hint{margin-top:.6rem}.table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white)}.table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;letter-spacing:.03em}.table td{padding:.85rem 1rem;border-bottom:1px solid var(--gray-100);font-size:.9rem}.table tbody tr:hover{background:var(--off-white)}.table tbody tr:last-child td{border-bottom:none}.spinner{width:36px;height:36px;border:4px solid var(--gray-200);border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-right{text-align:right}.text-bold{font-weight:700}.text-muted{color:var(--gray-600)}.low-stock{background:#fef9c3!important}.low-stock-text{color:var(--red);font-weight:700}.admin-shell{--accent: #3978e6;--accent-dark: #2e66c7;--accent-light: #c7daf7;--accent-glow: rgba(57, 120, 230, .1);--orange: #3978e6;--orange-dark: #2e66c7;--orange-light: #c7daf7;--orange-glow: rgba(57, 120, 230, .1);--primary-color: #3978e6;--primary-dark: #2e66c7;--green: #4f6b8d;--red: #8a4f58;--amber: #68788d;--text-primary: #172033;--text-secondary: #5f6b7a;--border-color: #e3e9f1;--bg-light: #f4f7fb;--gradient-brand: linear-gradient(135deg, #3978e6, #5b91e8);--gradient-soft: linear-gradient(135deg, #f4f7fb, #edf3fa);--font-main: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display: var(--font-main);--shadow-card: 0 1px 2px rgba(15, 23, 42, .03);--shadow-hover: 0 5px 14px rgba(15, 23, 42, .08);--r-sm: 7px;--r-md: 9px;--r-lg: 12px;--r-xl: 16px;min-height:100vh;color:#172033;background:#f4f7fb;font-family:var(--font-main)}.admin-shell button,.admin-shell input,.admin-shell select,.admin-shell textarea{font-family:var(--font-main)}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;display:flex;width:248px;flex-direction:column;overflow-y:auto;border-right:1px solid #e4eaf2;background:#fff}.admin-brand{display:flex;min-height:68px;align-items:center;gap:11px;border-bottom:1px solid #edf1f6;padding:14px 18px}.admin-brand-mark{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:10px;background:#3978e6;color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em}.admin-brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.25}.admin-brand-copy strong{color:#172033;font-size:15px;font-weight:750}.admin-brand-copy span{margin-top:3px;color:#8995a6;font-size:11px}.sidebar-close,.mobile-menu-btn{display:none;width:34px;height:34px;place-items:center;border:0;background:transparent;color:#667285}.topbar-icon-button{display:grid}.admin-nav{flex:1;padding:12px 11px 20px}.admin-nav-group+.admin-nav-group{margin-top:18px}.admin-nav-label{padding:0 11px 7px;color:#98a3b3;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.admin-nav-item{display:flex;min-height:40px;align-items:center;gap:11px;margin:2px 0;border-radius:8px;padding:8px 11px;color:#4d5b6e;font-size:13.5px;font-weight:550;text-decoration:none;transition:background .15s ease,color .15s ease}.admin-nav-item:hover{background:#f3f6fa;color:#1f2b3d}.admin-nav-item.active{background:#eaf2ff;color:#1d5fbf;font-weight:700}.admin-sidebar-footer{display:flex;align-items:center;gap:8px;border-top:1px solid #edf1f6;padding:15px 20px;color:#8a96a6;font-size:11px}.footer-mark{display:grid;width:20px;height:20px;place-items:center;border-radius:5px;background:#eef3f9;color:#64748b;font-size:8px;font-weight:800}.admin-main{min-height:100vh;margin-left:248px}.admin-topbar{position:sticky;top:0;z-index:35;display:flex;height:68px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e4eaf2;background:#fffffff5;padding:0 24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-topbar-left,.admin-topbar-right,.admin-user{display:flex;align-items:center}.admin-topbar-left{flex:1 1 auto;min-width:0;gap:12px}.admin-topbar-right{flex:0 0 auto;gap:12px}.admin-topbar-left>div{min-width:0}.admin-app-name{color:#8b97a8;font-size:11px;font-weight:600;line-height:1.2}.language-switch{display:inline-flex;border:1px solid #dce4ee;border-radius:8px;background:#f7f9fc;padding:2px}.language-switch button{border:0;border-radius:6px;background:transparent;padding:5px 10px;color:#7d8898;font-size:11px;font-weight:650}.language-switch button.active{background:#fff;color:#1f5fae;box-shadow:0 1px 3px #0f172a14}.admin-user{gap:8px;padding-left:4px}.admin-avatar{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#eaf2ff;color:#2563eb;font-size:12px;font-weight:800}.admin-user-copy{display:flex;flex-direction:column;line-height:1.2}.admin-user-copy strong{max-width:130px;overflow:hidden;color:#364257;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-user-copy small{margin-top:2px;color:#8f9aaa;font-size:10px}.topbar-icon-button{display:grid;width:34px;height:34px;place-items:center;border:1px solid #dce4ee;border-radius:8px;background:#fff;color:#5e6b7d}.topbar-icon-button:hover{border-color:#bfcce0;background:#f7f9fc;color:#263247}.admin-content{padding:22px 24px 42px}.admin-content>*{width:100%;max-width:none}.admin-shell .dashboard-header{display:none!important}.admin-shell .modules-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:12px!important;max-width:none!important;margin:0!important}.admin-shell .module-card{position:relative;min-height:108px;border:1px solid #e3e9f1!important;border-radius:10px!important;background:#fff!important;padding:16px!important;text-align:left!important;box-shadow:0 1px 2px #0f172a08!important;animation:none!important}.admin-shell .module-card:hover{transform:none!important;border-color:#b8cae5!important;box-shadow:0 4px 14px #0f172a12!important}.admin-shell .module-card h2{margin:0 0 7px!important;color:#243146!important;font-size:15px!important;font-weight:700!important}.admin-shell .module-card p{margin:0!important;color:#7a8698!important;font-size:12px!important;line-height:1.55!important}.admin-shell .module-card .role-badge{position:absolute;top:14px;right:14px;margin:0!important;padding:3px 7px!important;font-size:9px!important}.sidebar-backdrop{display:none}.admin-shell .page-container,.admin-shell .dashboard-container,.admin-shell .statistics-container,.admin-shell .inbound-container,.admin-shell .outbound-container,.admin-shell .balance-log-container,.admin-shell .customer-container{min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;font-family:var(--font-main)!important}.admin-shell .page-header,.admin-shell .dashboard-header,.admin-shell .header{min-height:0;margin-bottom:14px!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0 0 8px!important;box-shadow:none!important}.admin-shell .page-header h1,.admin-shell .header h1,.admin-shell .dashboard-header h1{margin:0!important;color:#202c3f!important;font-family:var(--font-main)!important;font-size:24px!important;font-weight:750!important;letter-spacing:-.02em!important}.admin-shell .page-icon,.admin-shell .header .icon,.admin-shell .dashboard-header .logo,.admin-shell .page-header-right .lang-btn,.admin-shell .page-header-right .back-btn,.admin-shell .header-right .lang-btn,.admin-shell .header-right .back-btn{display:none!important}.admin-shell .page-header-right>.btn-secondary,.admin-shell .page-header-right>.btn-light,.admin-shell .header-right>.btn-light{display:none!important}.admin-shell .card,.admin-shell .scan-section,.admin-shell .records-section,.admin-shell .content-section,.admin-shell .recharge-section,.admin-shell .add-section,.admin-shell .list-section,.admin-shell .table-container{border:1px solid #e3e9f1!important;border-radius:10px!important;background:#fff!important;box-shadow:0 1px 2px #0f172a08!important}.admin-shell .card{padding:16px!important}.admin-shell .scan-section,.admin-shell .records-section,.admin-shell .content-section,.admin-shell .recharge-section,.admin-shell .add-section,.admin-shell .list-section{margin-bottom:16px!important;padding:18px!important}.admin-shell .scan-section h2,.admin-shell .records-section h2,.admin-shell .recharge-section h2,.admin-shell .add-section h2,.admin-shell .list-section h2{margin:0 0 14px!important;border-bottom:1px solid #edf1f6!important;padding-bottom:10px!important;color:#273449!important;font-size:16px!important;font-weight:700!important}.admin-shell .btn,.admin-shell .search-btn,.admin-shell .refresh-btn,.admin-shell .submit-btn,.admin-shell .export-btn,.admin-shell .add-btn,.admin-shell .complete-btn,.admin-shell .cancel-btn,.admin-shell .lang-btn,.admin-shell .back-btn{min-height:34px;border-radius:7px!important;padding:7px 13px!important;box-shadow:none!important;font-family:var(--font-main)!important;font-size:12px!important;font-weight:650!important;transform:none!important}.admin-shell .btn:hover,.admin-shell .search-btn:hover,.admin-shell .refresh-btn:hover,.admin-shell .submit-btn:hover,.admin-shell .export-btn:hover,.admin-shell .add-btn:hover,.admin-shell .complete-btn:hover,.admin-shell .cancel-btn:hover{transform:none!important;box-shadow:none!important}.admin-shell .btn-primary,.admin-shell .search-btn,.admin-shell .submit-btn,.admin-shell .refresh-btn,.admin-shell .add-btn,.admin-shell .back-btn,.admin-shell .complete-btn,.admin-shell .btn-scan{border:1px solid #3978e6!important;background:#3978e6!important;color:#fff!important}.admin-shell .btn-primary:hover,.admin-shell .search-btn:hover,.admin-shell .submit-btn:hover,.admin-shell .refresh-btn:hover,.admin-shell .add-btn:hover,.admin-shell .complete-btn:hover,.admin-shell .btn-scan:hover{background:#2e66c7!important}.admin-shell .btn-secondary{border:1px solid #dce4ee!important;background:#f7f9fc!important;color:#425066!important}.admin-shell .btn-secondary:hover,.admin-shell .btn-light:hover{background:#eef3f9!important}.admin-shell .btn-light{border:1px solid #dce4ee!important;background:#fff!important;color:#425066!important}.admin-shell .btn-success{border:1px solid #bfd4f5!important;background:#edf4ff!important;color:#2e66c7!important}.admin-shell .btn-info{border:1px solid #dfe7f0!important;background:#f7f9fc!important;color:#425066!important}.admin-shell .btn-danger,.admin-shell .delete-btn{border:1px solid #eedde0!important;background:#fbf3f4!important;color:#8a4f58!important}.admin-shell .btn-warning{border:1px solid #dfe7f0!important;background:#f7f9fc!important;color:#58687c!important}.admin-shell .btn-success:hover,.admin-shell .btn-info:hover,.admin-shell .btn-warning:hover{border-color:#cbd8e6!important;background:#eef3f8!important}.admin-shell .btn-danger:hover,.admin-shell .delete-btn:hover{border-color:#e2c9ce!important;background:#f8edef!important}.admin-shell .cancel-btn{border:1px solid #dce4ee!important;background:#fff!important;color:#5d6879!important}.admin-shell .form-input,.admin-shell .form-select,.admin-shell .form-textarea,.admin-shell .search-input,.admin-shell input[type=text],.admin-shell input[type=number],.admin-shell input[type=date],.admin-shell input[type=month],.admin-shell input[type=email],.admin-shell input[type=password],.admin-shell select,.admin-shell textarea{border:1px solid #dce4ee!important;border-radius:7px!important;background:#fff!important;color:#263247!important;box-shadow:none!important;font-size:13px!important}.admin-shell .form-input:focus,.admin-shell .form-select:focus,.admin-shell .form-textarea:focus,.admin-shell .search-input:focus,.admin-shell input:focus,.admin-shell select:focus,.admin-shell textarea:focus{border-color:#77a8ef!important;box-shadow:0 0 0 3px #2563eb1a!important}.admin-shell .form-label,.admin-shell label{color:#59677a!important;font-size:12px!important}.admin-shell .filter-bar{gap:10px!important}.admin-shell .filter-bar .form-select,.admin-shell .filter-bar .form-input{width:auto!important;min-width:170px;max-width:240px;flex:0 1 220px}.admin-shell .filter-bar .search-input{min-width:220px;flex:1 1 320px}.admin-shell .search-bar+.filter-bar{margin-top:10px!important}.admin-shell .table,.admin-shell .logs-table,.admin-shell .records-table,.admin-shell .stats-table,.admin-shell .product-table,.admin-shell .items-table{color:#39475a;font-size:12.5px!important}.admin-shell .table thead,.admin-shell .logs-table thead,.admin-shell .records-table thead,.admin-shell .stats-table thead,.admin-shell .product-table thead,.admin-shell .items-table thead{background:#f1f5f9!important;color:#5e6b7d!important}.admin-shell .table th,.admin-shell .logs-table th,.admin-shell .records-table th,.admin-shell .stats-table th,.admin-shell .product-table th,.admin-shell .items-table th{border-bottom:1px solid #dfe6ef!important;padding:10px 12px!important;font-size:11px!important;font-weight:700!important;letter-spacing:.02em!important;white-space:nowrap}.admin-shell .table td,.admin-shell .logs-table td,.admin-shell .records-table td,.admin-shell .stats-table td,.admin-shell .product-table td,.admin-shell .items-table td{border-bottom:1px solid #edf1f6!important;padding:10px 12px!important;line-height:1.45!important}.admin-shell .table tbody tr:hover,.admin-shell .logs-table tbody tr:hover,.admin-shell .records-table tbody tr:hover,.admin-shell .stats-table tbody tr:hover,.admin-shell .product-table tbody tr:hover,.admin-shell .items-table tbody tr:hover{background:#f8fafc!important}.admin-shell .table-scroll-hint{color:#8b97a8!important}.admin-shell .summary-grid,.admin-shell .stats-grid{gap:12px!important}.admin-shell .summary-card,.admin-shell .stat-card{border:1px solid #e3e9f1!important;border-radius:10px!important;background:#fff!important;padding:14px 16px!important;box-shadow:none!important}.admin-shell .summary-card{min-height:78px}.admin-shell .summary-icon{display:none!important}.admin-shell .summary-card .summary-content{gap:3px!important}.admin-shell .summary-label,.admin-shell .stat-label{color:#7b8798!important;font-size:11px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}.admin-shell .summary-content strong,.admin-shell .stat-value{color:#1e293b!important;font-size:24px!important;font-weight:750!important}.admin-shell .tabs{gap:4px!important;margin-bottom:16px!important;border-bottom:1px solid #e3e9f1}.admin-shell .tab-btn,.admin-shell .tab{min-height:38px;border:0!important;border-radius:0!important;background:transparent!important;padding:9px 16px!important;color:#6b7788!important;box-shadow:none!important}.admin-shell .tab-btn.active,.admin-shell .tab.active{border-bottom:2px solid #2563eb!important;background:transparent!important;color:#1d5fbf!important;box-shadow:none!important}.admin-shell .modal-overlay{background:#0f172a73!important}.admin-shell .modal-content{border:1px solid #e3e9f1!important;border-radius:12px!important;padding:20px!important;box-shadow:0 18px 48px #0f172a29!important}.admin-shell .modal-title{color:#273449!important;font-family:var(--font-main)!important;font-size:18px!important;font-weight:700!important}.admin-shell .empty-icon,.admin-shell .module-icon{display:none!important}.admin-shell .category-layout{gap:16px!important}.admin-shell .tree-panel,.admin-shell .content-panel{min-width:0}.admin-shell .toolbar-card .action-bar{gap:12px}.admin-shell .role-badge{border-radius:5px!important;padding:3px 7px!important;font-size:10px!important;font-weight:650!important}.admin-shell .empty-state{color:#7b8798!important}.admin-shell .pagination-bar{border-top-color:#edf1f6!important}.admin-shell .pagination-info{color:#667285!important;font-size:11px!important}.admin-shell .status-pill,.admin-shell .status-badge,.admin-shell .type-pill,.admin-shell .type-badge,.admin-shell .state-pill,.admin-shell .row-status,.admin-shell .lifecycle-pill,.admin-shell .approval-badge,.admin-shell .inquiry-status,.admin-shell .alert-status,.admin-shell .movement-type,.admin-shell .record-type,.admin-shell .stock-badge,.admin-shell .distribution-pill,.admin-shell .selected-pill,.admin-shell .warehouse-chip{border:1px solid #dfe7f0!important;background:#f2f6fb!important;color:#44576f!important;box-shadow:none!important}.admin-shell .type-recharge,.admin-shell .type-refund,.admin-shell .type-adjust{border-color:#d5e1ee!important;background:#f2f6fb!important;color:#53657a!important}.admin-shell .type-consume{border-color:#eedde0!important;background:#fbf3f4!important;color:#8a4f58!important}.admin-shell .status-active,.admin-shell .status-confirmed,.admin-shell .status-completed,.admin-shell .status-success,.admin-shell .status-ready,.admin-shell .status-counting,.admin-shell .status-reviewing,.admin-shell .status-transit,.admin-shell .status-partial,.admin-shell .status-normal,.admin-shell .row-status.valid,.admin-shell .row-status.success,.admin-shell .movement-type.is-in,.admin-shell .record-type.in,.admin-shell .state-pill.active,.admin-shell .state-pill.status-normal,.admin-shell .lifecycle-pill.active,.admin-shell .approval-approved,.admin-shell .approval-verified,.admin-shell .inquiry-status.replied{border-color:#bfd4f5!important;background:#edf4ff!important;color:#315f9f!important}.admin-shell .status-pending,.admin-shell .status-due-soon,.admin-shell .status-never,.admin-shell .status-unconfigured,.admin-shell .movement-type.is-reversal,.admin-shell .record-type.adjust,.admin-shell .record-type.price,.admin-shell .lifecycle-pill.suspended,.admin-shell .approval-pending,.admin-shell .inquiry-status.pending{border-color:#d5e1ee!important;background:#f2f6fb!important;color:#53657a!important}.admin-shell .status-low,.admin-shell .alert-status.is-low,.admin-shell .state-pill.status-low,.admin-shell .stock-status.status-low{border-color:#efc56f!important;background:#fff2cc!important;color:#8a4b00!important}.admin-shell .status-out,.admin-shell .alert-status.is-out,.admin-shell .state-pill.status-out,.admin-shell .stock-status.status-out{border-color:#eab7bc!important;background:#fdecee!important;color:#9f2f38!important}.admin-shell tr.stock-row-low>td{background:#fffaf0!important}.admin-shell tr.stock-row-low>td:first-child{box-shadow:inset 3px 0 #d89a2f}.admin-shell tr.stock-row-low:hover>td{background:#fff4d9!important}.admin-shell tr.stock-row-out>td{background:#fff6f6!important}.admin-shell tr.stock-row-out>td:first-child{box-shadow:inset 3px 0 #cf6a72}.admin-shell tr.stock-row-out:hover>td{background:#fdebed!important}.admin-shell .stock-number-low,.admin-shell .stock-value-low{color:#9a5100!important;font-weight:800!important}.admin-shell .stock-number-out,.admin-shell .stock-value-out{color:#a3313a!important;font-weight:800!important}.admin-shell .inventory-summary .summary-low{border-color:#efc56f!important;background:#fff7e2!important}.admin-shell .inventory-summary .summary-low strong{color:#8a4b00!important}.admin-shell .inventory-summary .summary-out{border-color:#eab7bc!important;background:#fdeff0!important}.admin-shell .inventory-summary .summary-out strong{color:#9f2f38!important}.admin-shell .spare-overview article.stock-warning{border-color:#efc56f!important;background:#fff7e2!important}.admin-shell .alert-row.stock-alert-row-low{border-left:3px solid #d89a2f;background:#fffaf0}.admin-shell .alert-row.stock-alert-row-out{border-left:3px solid #cf6a72;background:#fff6f6}.admin-shell .metric-tile.metric-warning{border-color:#efc56f!important;background:#fff8e8!important}.admin-shell .metric-tile.metric-warning .metric-symbol{border-color:#efc56f!important;background:#fff2cc!important;color:#8a4b00!important}.admin-shell .metric-tile.metric-warning>strong{color:#8a4b00!important}.admin-shell .status-draft,.admin-shell .status-inactive,.admin-shell .status-disabled,.admin-shell .status-cancelled,.admin-shell .status-unconfigured,.admin-shell .state-pill.inactive,.admin-shell .lifecycle-pill.archived,.admin-shell .approval-unverified,.admin-shell .inquiry-status.closed,.admin-shell .record-type.neutral{border-color:#e0e6ee!important;background:#f5f7fa!important;color:#68778a!important}.admin-shell .status-overdue,.admin-shell .status-error,.admin-shell .status-failed,.admin-shell .row-status.error,.admin-shell .movement-type.is-out,.admin-shell .record-type.out,.admin-shell .approval-rejected{border-color:#eedde0!important;background:#fbf3f4!important;color:#8a4f58!important}.admin-shell .mode-kicker{color:#64748a!important}.admin-shell .dashboard-refresh:hover:not(:disabled),.admin-shell .section-heading a,.admin-shell .alert-more{border-color:#bfd4f5!important;color:#3978e6!important}.admin-shell .status-flow span.active{border:1px solid #bfd4f5!important;background:#edf4ff!important;color:#315f9f!important}.admin-shell .metric-tile,.admin-shell .metric-stock,.admin-shell .metric-warning,.admin-shell .metric-neutral,.admin-shell .metric-card,.admin-shell .spare-metrics article,.admin-shell .inventory-summary article{border-color:#e3e9f1!important;background:#fff!important;box-shadow:0 1px 2px #0f172a08!important}.admin-shell .spare-metrics .stock,.admin-shell .spare-metrics .warning{border-color:#e3e9f1!important;background:#fff!important}.admin-shell .metric-icon,.admin-shell .metric-symbol{border:1px solid #dce8f8;background:#edf4ff!important;color:#3978e6!important}.admin-shell .dashboard-error,.admin-shell .permission-warning,.admin-shell .reminder-card.alert{border-color:#eedde0!important;background:#fbf3f4!important;color:#8a4f58!important}.admin-shell .alert-quantity strong{color:#42566f!important}.admin-shell .alert-quantity small{color:#8a4f58!important}.admin-shell .detail-remark,.admin-shell .contact-item,.admin-shell .detail-section.customer-info,.admin-shell .shipping-panel{border-color:#dfe7f0!important;background:#f8fafc!important;color:#53657a!important}.admin-shell .contact-item,.admin-shell .detail-section.customer-info{border-left-color:#9fb7d3!important}.admin-shell .shipping-panel-info,.admin-shell .shipping-panel-info span:not(.shipping-empty){color:#53657a!important}.admin-shell .mapping-note,.admin-shell .filter-count{border-color:#dfe7f0!important;background:#f2f6fb!important;color:#44576f!important}.admin-shell .filter-btn{border-color:#dfe7f0!important;background:#f7f9fc!important;color:#53657a!important}.admin-shell .filter-btn.active{border-color:#3978e6!important;background:#3978e6!important;color:#fff!important}.admin-shell .row-highlight,.admin-shell .row-highlight:hover{background:#f5f8fc!important}.admin-shell .top-rank,.admin-shell .top-rank:hover{background:#f8fafc!important}.admin-shell .summary-in .summary-icon,.admin-shell .summary-out .summary-icon,.admin-shell .summary-count .summary-icon{border:1px solid #dfe7f0!important;background:#edf4ff!important;color:#3978e6!important}.admin-shell .reminder-metrics .never,.admin-shell .reminder-metrics .soon{border-color:#d5e1ee!important;background:#f2f6fb!important;color:#53657a!important}.admin-shell .reminder-metrics .overdue{border-color:#eedde0!important;background:#fbf3f4!important;color:#8a4f58!important}.admin-shell .warehouse-code,.admin-shell .total-stock,.admin-shell .price-cell,.admin-shell .quantity,.admin-shell .amount,.admin-shell .order-amount{color:#42566f!important}.admin-shell .admin-content .positive{color:#2e66c7!important}.admin-shell .admin-content .negative{color:#8a4f58!important}.admin-shell .tree-node-row:hover,.admin-shell .tree-node-selected{border-color:#d5e1ee!important;background:#f2f6fb!important;color:#315f9f!important;box-shadow:none!important}.admin-shell .tree-node-selected{border-color:#bfd4f5!important;background:#edf4ff!important}.admin-shell .flow-arrow{color:#7a899c!important}.admin-shell .sku-search-box,.admin-shell .scan-panel,.admin-shell .quick-scan-panel{border-color:#dfe7f0!important;background:#f8fafc!important}.admin-shell .scan-first-input,.admin-shell .scan-input,.admin-shell .scan-empty-state{border-color:#bfd4f5!important}.admin-shell .scan-empty-state{background:#f8fafc!important}.admin-shell .camera-guide{border-color:#3978e6f2!important}.admin-shell .sku-option:hover{border-color:#bfd4f5!important;background:#f8fafc!important}@media(max-width:1024px){.admin-sidebar{transform:translate(-100%);transition:transform .2s ease}.admin-sidebar.is-open{transform:translate(0)}.admin-main{margin-left:0}.mobile-menu-btn,.sidebar-close{display:grid;place-items:center}.sidebar-close{width:30px;height:30px;margin-left:auto;border:0;background:transparent}.sidebar-backdrop{position:fixed;inset:0;z-index:45;display:block;background:#0f172a59}}@media(max-width:720px){.admin-topbar{height:62px;padding:0 14px}.admin-content{padding:14px 12px 32px}.admin-user-copy,.admin-user{display:none}.language-switch button{padding:5px 7px}.admin-shell .page-header,.admin-shell .header,.admin-shell .dashboard-header{flex-direction:row!important;align-items:center!important;min-height:0;padding:0 0 6px!important}.admin-shell .page-header h1,.admin-shell .header h1,.admin-shell .dashboard-header h1{font-size:18px!important}.admin-shell .summary-grid,.admin-shell .stats-grid{grid-template-columns:1fr 1fr!important}.admin-shell .modules-grid{grid-template-columns:minmax(0,1fr)!important}.admin-shell .module-card{min-width:0}}@media(max-width:460px){.admin-topbar-right{gap:7px}.admin-user{display:none}.admin-shell .summary-grid,.admin-shell .stats-grid{grid-template-columns:1fr!important}}.admin-shell .order-management-page,.admin-shell .statistics-page,.admin-shell .balance-page,.admin-shell .inquiry-page,.admin-shell .visitor-page,.admin-shell .storefront-page,.admin-shell .staff-page{display:flex!important;flex-direction:column!important;gap:16px}.admin-shell .orders-toolbar,.admin-shell .inquiry-toolbar,.admin-shell .staff-toolbar{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;margin:0!important;padding:12px!important}.admin-shell .orders-toolbar .filter-bar,.admin-shell .inquiry-toolbar .filter-group,.admin-shell .staff-toolbar .user-filters{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;margin:0!important;width:100%}.admin-shell .orders-toolbar .filter-group{display:flex;align-items:center;gap:8px}.admin-shell .orders-toolbar .form-input{flex:1 1 280px}.admin-shell .order-management-page .orders-list{display:flex;flex-direction:column;gap:12px}.admin-shell .order-management-page .order-card{padding:16px!important}.admin-shell .order-management-page .order-header{padding-bottom:12px!important;border-bottom:1px solid #edf1f6!important}.admin-shell .order-management-page .order-header h3{color:#273449!important;font-size:15px!important}.admin-shell .order-management-page .order-items{border-color:#edf1f6!important}.admin-shell .statistics-page .content-section{display:flex;flex-direction:column;gap:12px;min-width:0}.admin-shell .statistics-page .filter-bar{margin:0}.admin-shell .statistics-page .date-filter,.admin-shell .statistics-page .customer-filter,.admin-shell .statistics-page .ranking-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.admin-shell .balance-page .recharge-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}.admin-shell .balance-page .recharge-form .form-row{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin:0!important}.admin-shell .balance-page .recharge-form .operator-row,.admin-shell .balance-page .recharge-btn{grid-column:1 / -1}.admin-shell .balance-page .recharge-btn{width:fit-content;min-width:140px;margin-left:auto}.admin-shell .balance-page .operator-display{border-color:#dce4ee!important;background:#f8fafc!important;color:#526174!important}.admin-shell .visitor-page .stats-grid,.admin-shell .storefront-page .card{margin:0!important}.admin-shell .storefront-page .card-header{margin-bottom:14px!important;padding-bottom:10px!important;border-bottom:1px solid #edf1f6}.admin-shell .storefront-page .action-bar{justify-content:flex-end;padding:0}@media(max-width:760px){.admin-shell .balance-page .recharge-form{grid-template-columns:1fr}.admin-shell .balance-page .recharge-form .operator-row,.admin-shell .balance-page .recharge-btn{grid-column:auto}.admin-shell .balance-page .recharge-btn{width:100%}}html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}img,svg{max-width:100%}.app-icon{flex:0 0 auto}@media(max-width:1024px){.admin-sidebar{width:min(82vw,280px);box-shadow:18px 0 42px #0f172a24}.admin-content{padding:18px 16px 34px}.admin-shell .panel-grid,.admin-shell .category-layout,.admin-shell .transfer-workbench-layout,.admin-shell .outbound-workbench,.admin-shell .scan-workbench,.admin-shell .checkout-content,.admin-shell .content-layout{grid-template-columns:minmax(0,1fr)!important}}@media(max-width:768px){.admin-topbar{min-height:60px;padding:0 12px}.admin-content{padding:14px 12px calc(28px + env(safe-area-inset-bottom))}.admin-shell .page-container,.admin-shell .dashboard-container,.admin-shell .statistics-page,.admin-shell .balance-page,.admin-shell .inquiry-page,.admin-shell .visitor-page,.admin-shell .storefront-page,.admin-shell .staff-page,.admin-shell .customer-management-page,.admin-shell .online-accounts-page{width:100%!important;min-width:0!important;margin:0!important;padding:0!important}.admin-shell .page-header,.admin-shell .header,.admin-shell .dashboard-header{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%}.admin-shell .page-header-left,.admin-shell .page-header-right,.admin-shell .header-left,.admin-shell .header-right{min-width:0;flex-wrap:wrap;gap:8px}.admin-shell .page-title,.admin-shell .header h1,.admin-shell .dashboard-header h1{max-width:100%;font-size:19px!important;line-height:1.35;overflow-wrap:anywhere}.admin-shell .page-header>.btn,.admin-shell .page-header-right>.btn,.admin-shell .header-right>.btn{min-height:40px;white-space:normal}.admin-shell .card,.admin-shell .content-section,.admin-shell .toolbar-card,.admin-shell .recharge-section,.admin-shell .logs-section,.admin-shell .scan-section,.admin-shell .records-section{padding:13px!important;border-radius:10px!important}.admin-shell .filter-card,.admin-shell .compact-filter,.admin-shell .advanced-filter,.admin-shell .user-filters,.admin-shell .orders-toolbar,.admin-shell .inquiry-toolbar,.admin-shell .staff-toolbar,.admin-shell .toolbar,.admin-shell .action-bar,.admin-shell .filter-bar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:9px!important;width:100%}.admin-shell .filter-card .form-input,.admin-shell .filter-card .form-select,.admin-shell .filter-card .search-input,.admin-shell .filter-bar .form-input,.admin-shell .filter-bar .form-select,.admin-shell .filter-bar .search-input,.admin-shell .user-filters .form-input,.admin-shell .user-filters .form-select,.admin-shell .toolbar .form-input,.admin-shell .toolbar .form-select{width:100%!important;min-width:0!important;max-width:none!important;flex-basis:100%!important}.admin-shell .filter-group,.admin-shell .date-filter,.admin-shell .customer-filter,.admin-shell .ranking-filter,.admin-shell .range-filter{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:7px!important;width:100%}.admin-shell .range-filter em{display:none}.admin-shell .btn,.admin-shell .search-btn,.admin-shell .refresh-btn,.admin-shell .submit-btn,.admin-shell .export-btn{min-height:40px;white-space:normal;text-align:center}.admin-shell .table-container,.admin-shell .table-wrapper,.admin-shell .activity-table-wrap,.admin-shell .detail-table-wrapper{width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.admin-shell .table-scroll-hint{display:block!important}.admin-shell .table,.admin-shell .logs-table,.admin-shell .records-table,.admin-shell .stats-table,.admin-shell .product-table,.admin-shell .items-table,.admin-shell .customer-table,.admin-shell .accounts-table,.admin-shell .inventory-table,.admin-shell .outbound-table,.admin-shell .inbound-table,.admin-shell .transfer-table{min-width:720px!important}.admin-shell .table th,.admin-shell .table td{padding:9px 10px!important}.admin-shell .summary-grid,.admin-shell .stats-grid,.admin-shell .inventory-summary,.admin-shell .daily-metrics,.admin-shell .spare-metrics,.admin-shell .operating-metrics{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:9px!important}.admin-shell .detail-metrics,.admin-shell .form-grid,.admin-shell .customer-form-grid,.admin-shell .account-form-grid,.admin-shell .balance-page .recharge-form{grid-template-columns:minmax(0,1fr)!important}.admin-shell .customer-form-grid .full-width,.admin-shell .account-form-grid .full-width,.admin-shell .balance-page .recharge-form .operator-row,.admin-shell .balance-page .recharge-btn{grid-column:auto!important}.admin-shell .modal-overlay{align-items:flex-end!important;padding:0!important}.admin-shell .modal-content,.admin-shell .detail-modal,.admin-shell .customer-modal,.admin-shell .account-modal,.admin-shell .small-modal,.admin-shell .quick-modal{width:100%!important;max-width:none!important;max-height:92dvh!important;margin:0!important;padding:18px 14px calc(18px + env(safe-area-inset-bottom))!important;border-radius:16px 16px 0 0!important}.admin-shell .modal-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px;width:100%}.admin-shell .modal-actions .btn{width:100%}.admin-shell .row-actions{display:flex!important;flex-wrap:wrap;gap:5px}.admin-shell .row-actions .btn{flex:1 1 auto}.admin-shell .pagination-bar{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;padding:12px 8px!important}.admin-shell .order-management-page .order-header,.admin-shell .order-management-page .order-footer,.admin-shell .storefront-page .card-header,.admin-shell .inquiry-page .detail-row,.admin-shell .visitor-page .section-head{flex-direction:column!important;align-items:flex-start!important}.admin-shell .order-management-page .order-actions{width:100%}.admin-shell .order-management-page .order-actions .btn{flex:1 1 130px}.admin-shell .storefront-page .form-row,.admin-shell .storefront-page .slides-container{grid-template-columns:minmax(0,1fr)!important}.admin-shell .storefront-page .slide-preview{min-height:180px;padding:20px!important}.admin-shell .journey-item{grid-template-columns:minmax(0,1fr)!important}.admin-shell .path-cell,.admin-shell .message-cell,.admin-shell .address-cell,.admin-shell .remark-cell{max-width:240px!important}.customer-simple-topbar,.navbar-inner{min-height:56px;height:auto!important;flex-wrap:wrap}.customer-simple-topbar nav,.nav-actions{overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:3px}.shop-page .modal-box,.cart-page .modal-box,.checkout-page .modal-box,.customer-orders-page .modal-box,.profile-page .modal-box,.address-page .modal-box{width:100%!important;max-width:none!important;max-height:92dvh!important;border-radius:16px 16px 0 0!important}}@media(max-width:480px){.admin-content{padding:12px 9px calc(24px + env(safe-area-inset-bottom))}.admin-shell .page-title,.admin-shell .header h1,.admin-shell .dashboard-header h1{font-size:18px!important}.admin-shell .summary-grid,.admin-shell .stats-grid,.admin-shell .inventory-summary,.admin-shell .daily-metrics,.admin-shell .spare-metrics,.admin-shell .operating-metrics,.visitor-page .stats-grid{grid-template-columns:minmax(0,1fr)!important}.admin-shell .table,.admin-shell .logs-table,.admin-shell .records-table,.admin-shell .stats-table,.admin-shell .customer-table,.admin-shell .accounts-table{min-width:660px!important}.admin-shell .modal-content,.admin-shell .detail-modal,.admin-shell .customer-modal,.admin-shell .account-modal{max-height:96dvh!important}.admin-user,.admin-app-name{display:none!important}}body.mobile-nav-open{overflow:hidden;overscroll-behavior:none}.admin-shell button,.admin-shell a,.customer-simple-topbar button,.customer-simple-topbar a,.navbar button,.navbar a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.login-page,.customer-login-page,.register-page{min-height:100dvh}.customer-simple-topbar,.navbar{padding-top:env(safe-area-inset-top)}@media(max-width:1024px){.admin-sidebar{width:min(86vw,310px);max-width:310px;height:100dvh;max-height:100dvh;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain}.sidebar-close{width:40px;height:40px;min-width:40px;flex:0 0 40px}.admin-nav-item{min-height:44px}}@media(max-width:768px){.admin-topbar{min-height:58px;padding-top:env(safe-area-inset-top)}.mobile-menu-btn,.topbar-icon-button{width:42px;height:42px;min-width:42px}.language-switch button{min-height:34px}.admin-shell input:not([type=checkbox]):not([type=radio]),.admin-shell select,.admin-shell textarea,.app-dialog input,.app-dialog textarea,.address-page input,.address-page select,.profile-page input,.profile-page select,.register-plain-input,.register-code,.register-input input{font-size:16px!important}.admin-shell .page-container,.admin-shell .dashboard-container,.admin-shell .statistics-container,.admin-shell .inbound-container,.admin-shell .outbound-container,.admin-shell .balance-log-container,.admin-shell .customer-container{min-width:0!important;max-width:100%!important}.admin-shell .page-header-actions,.admin-shell .page-header-right,.admin-shell .header-actions,.admin-shell .toolbar-right,.admin-shell .view-actions,.admin-shell .selector-bar,.admin-shell .action-bar,.admin-shell .mode-switch{width:100%;flex-wrap:wrap}.admin-shell .page-header-actions .btn,.admin-shell .page-header-right .btn,.admin-shell .header-actions .btn,.admin-shell .toolbar-right .btn,.admin-shell .view-actions .btn{min-height:42px;flex:1 1 140px}.admin-shell .page-header>.btn{width:100%;min-height:42px}.admin-shell .filter-card,.admin-shell .compact-filter,.admin-shell .advanced-filter,.admin-shell .logs-filter,.admin-shell .orders-toolbar,.admin-shell .inquiry-toolbar,.admin-shell .staff-toolbar,.admin-shell .export-history-page .filter-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;min-width:0}.admin-shell .filter-card>*,.admin-shell .compact-filter>*,.admin-shell .advanced-filter>*,.admin-shell .logs-filter>*,.admin-shell .export-history-page .filter-card>*{width:100%!important;min-width:0!important;max-width:none!important}.admin-shell .range-separator,.admin-shell .date-separator,.admin-shell .filter-separator{display:none!important}.admin-shell .quick-stock-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.admin-shell .quick-stock-tabs button{width:100%;min-height:40px;justify-content:center;white-space:normal}.admin-shell .warehouse-grid,.admin-shell .spare-overview,.admin-shell .stocktaking-metrics,.admin-shell .reminder-list{grid-template-columns:minmax(0,1fr)!important}.admin-shell .product-detail-page .page-header-right{display:grid!important;grid-template-columns:minmax(0,1fr)}.admin-shell .product-detail-page .page-header-right .btn{width:100%}.admin-shell .warehouse-metrics,.admin-shell .inventory-summary,.admin-shell .daily-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-shell .workbench-actions,.admin-shell .quick-confirm-row,.admin-shell .create-footer,.admin-shell .review-banner,.admin-shell .pending-receipt-item{width:100%;flex-wrap:wrap}.admin-shell .workbench-actions .btn,.admin-shell .quick-confirm-row .btn,.admin-shell .create-footer .btn,.admin-shell .review-banner .btn{min-height:42px;flex:1 1 150px}.admin-shell .fulfillment-facts,.admin-shell .detail-item-metrics,.admin-shell .delivery-method-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-shell .recent-meta{min-width:0}.admin-shell .recent-meta>*{min-width:0;overflow-wrap:anywhere}.admin-shell .mono,.admin-shell code,.admin-shell .document-no,.admin-shell .batch-number,.admin-shell .product-name,.admin-shell .customer-name,.admin-shell .cell-wrap{overflow-wrap:anywhere;word-break:break-word}.admin-shell .table-container,.admin-shell .table-wrapper,.admin-shell .activity-table-wrap,.admin-shell .logs-table-wrap{scrollbar-gutter:stable;overscroll-behavior-x:contain}.admin-shell .pagination-bar{gap:6px!important;padding:10px 6px!important}.admin-shell .table th,.admin-shell .table td{font-size:.74rem}.admin-shell .pagination-bar .btn{min-height:38px;min-width:78px}.app-dialog-overlay{align-items:end!important;padding:0!important}.app-dialog{width:100%!important;max-width:none!important;max-height:92dvh!important;overflow-y:auto;border-radius:16px 16px 0 0!important;padding:18px 14px calc(18px + env(safe-area-inset-bottom))!important}.app-dialog-actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}.app-dialog-btn{min-height:44px}.cart-page .nav-actions,.checkout-page .nav-actions,.customer-orders-page .nav-actions,.profile-page .nav-actions,.address-page .nav-actions{display:flex!important;width:100%;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.cart-page .nav-actions::-webkit-scrollbar,.checkout-page .nav-actions::-webkit-scrollbar,.customer-orders-page .nav-actions::-webkit-scrollbar,.profile-page .nav-actions::-webkit-scrollbar,.address-page .nav-actions::-webkit-scrollbar{display:none}.cart-page .nav-actions .nav-icon-btn,.cart-page .nav-actions .nav-login-btn,.cart-page .nav-actions .nav-logout-btn,.checkout-page .nav-actions .nav-icon-btn,.checkout-page .nav-actions .nav-logout-btn,.customer-orders-page .nav-actions .nav-icon-btn,.customer-orders-page .nav-actions .nav-logout-btn,.profile-page .nav-actions>*,.address-page .nav-actions>*{width:auto!important;min-width:max-content;flex:0 0 auto!important;white-space:nowrap}.customer-simple-topbar,.navbar-inner{gap:8px!important}.cart-body,.checkout-container,.orders-container,.address-page,.profile-page{padding-bottom:calc(34px + env(safe-area-inset-bottom))!important}.customer-simple-topbar nav{width:100%;flex-wrap:nowrap!important;justify-content:flex-start!important;scrollbar-width:none}.customer-simple-topbar nav::-webkit-scrollbar{display:none}.customer-simple-topbar nav a{flex:0 0 auto;white-space:nowrap}.shop-page .main-content,.shop-page .content-layout,.shop-page .products-area,.shop-page .toolbar{width:100%!important;max-width:100%!important;min-width:0!important}.shop-page .toolbar{display:flex!important;flex-direction:column;align-items:stretch!important;overflow:hidden}.shop-page .toolbar-right{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0}.shop-page .sort-select{width:100%;max-width:100%;min-width:0}.profile-page .address-grid,.checkout-page .delivery-method-options,.checkout-page .info-grid{grid-template-columns:minmax(0,1fr)!important}.checkout-page .order-item{grid-template-columns:72px minmax(0,1fr)!important;text-align:left!important}.checkout-page .order-item .item-total{grid-column:1 / -1;justify-self:end}.checkout-page .item-image{margin:0!important}.customer-orders-page .modal-overlay,.profile-page .modal,.address-page .modal{align-items:flex-end!important;padding:0!important}.customer-orders-page .modal-content,.profile-page .modal-box,.address-page .modal-content{width:100%!important;max-width:none!important;max-height:92dvh!important;border-radius:16px 16px 0 0!important;overflow-y:auto}.profile-page .modal-actions,.address-page .form-actions,.customer-orders-page .modal-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.profile-page .modal-actions button,.address-page .form-actions button,.customer-orders-page .modal-actions button{min-height:44px;width:100%}.register-actions{grid-template-columns:minmax(0,1fr)!important}.register-steps>i{width:24px!important;margin-left:3px!important;margin-right:3px!important}.register-footer{flex-wrap:wrap}.contact-panel,.contact-form{grid-template-columns:minmax(0,1fr)!important}.export-history-page .type-pill,.export-history-page .status-pill{white-space:normal}}@media(max-width:560px){.admin-shell .page-header-actions .btn,.admin-shell .page-header-right .btn,.admin-shell .header-actions .btn,.admin-shell .toolbar-right .btn,.admin-shell .view-actions .btn{flex-basis:100%}.admin-shell .inventory-summary,.admin-shell .warehouse-metrics,.admin-shell .spare-overview,.admin-shell .stocktaking-metrics,.admin-shell .daily-metrics,.admin-shell .fulfillment-facts,.admin-shell .product-detail-page .metric-grid{grid-template-columns:minmax(0,1fr)!important}.admin-shell .spare-page .compact-filter,.admin-shell .price-page .compact-filter,.admin-shell .stocktaking-page .scan-row,.admin-shell .transfer-page .scan-row,.admin-shell .outbound-page .scan-row,.admin-shell .inbound-page .scan-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.admin-shell .detail-metrics,.admin-shell .detail-item-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-shell .quick-stock-tabs{grid-template-columns:minmax(0,1fr)}.admin-shell .recent-item{grid-template-columns:56px 28px minmax(0,1fr)!important}.admin-shell .recent-meta{grid-column:1 / -1!important;padding-left:0!important;flex-wrap:wrap;justify-content:flex-start!important}.admin-shell .modal-content,.admin-shell .detail-modal,.admin-shell .customer-modal,.admin-shell .account-modal,.customer-orders-page .modal-content,.profile-page .modal-box,.address-page .modal-content{max-height:96dvh!important}.address-page,.profile-page{padding-left:10px!important;padding-right:10px!important}.address-page .address-card,.profile-page .address-card{min-width:0}.customer-orders-page .item-image,.checkout-page .item-image{width:72px!important;height:72px!important}.register-card{padding-left:14px!important;padding-right:14px!important}.register-code{letter-spacing:4px}}@media(max-width:380px){.admin-content,.admin-topbar{padding-left:8px;padding-right:8px}.language-switch button{padding-left:6px;padding-right:6px}.admin-shell .table,.admin-shell .logs-table,.admin-shell .records-table,.admin-shell .stats-table,.admin-shell .customer-table,.admin-shell .accounts-table{min-width:620px!important}.admin-shell .detail-metrics,.admin-shell .detail-item-metrics{grid-template-columns:minmax(0,1fr)!important}.cart-page .nav-actions .nav-icon-btn,.cart-page .nav-actions .nav-login-btn,.cart-page .nav-actions .nav-logout-btn,.checkout-page .nav-actions .nav-icon-btn,.checkout-page .nav-actions .nav-logout-btn,.customer-orders-page .nav-actions .nav-icon-btn,.customer-orders-page .nav-actions .nav-logout-btn{padding-left:9px;padding-right:9px;font-size:.8rem}}