:root{--ink:#0f172a;--ink-secondary:#334155;--muted:#64748b;--muted-light:#94a3b8;--line:#e2e8f0;--line-light:#f1f5f9;--surface:#fff;--surface-raised:#f8fafc;--canvas:#f1f5f9;--navy:#0f172a;--navy-light:#1e293b;--navy-border:#334155;--teal:#0d9488;--teal-dark:#0f766e;--teal-light:#f0fdfa;--teal-border:#ccfbf1;--emerald:#10b981;--emerald-dark:#059669;--emerald-light:#ecfdf5;--amber:#f59e0b;--amber-dark:#d97706;--amber-light:#fffbeb;--rose:#f43f5e;--rose-dark:#e11d48;--rose-light:#fff1f2;--blue:#3b82f6;--blue-dark:#2563eb;--blue-light:#eff6ff;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #00000014, 0 1px 2px -1px #00000014;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;min-width:0}html,body{background:var(--canvas);width:100%;color:var(--ink);font-family:var(--font-vietnam), "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-size:14.5px;line-height:1.5}button,input,select,textarea{font:inherit;box-sizing:border-box;max-width:100%}select{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%}button{cursor:pointer;transition:all var(--transition-fast)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--teal-dark);word-break:break-word;margin:0 0 4px;font-size:11px;font-weight:800;line-height:1.3}.muted{color:var(--muted)}.optional{color:var(--muted);font-size:12px;font-weight:400}.login-shell{background:#f8fafc;grid-template-columns:1.15fr .85fr;width:100%;max-width:100vw;min-height:100dvh;display:grid;overflow-x:hidden}.login-brand{color:#fff;background:linear-gradient(140deg,#0f172a 0%,#134e4a 60%,#0f766e 100%);flex-direction:column;justify-content:center;padding:10vh 10%;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";pointer-events:none;background:radial-gradient(circle,#2dd4bf26 0%,#0f172a00 70%);border-radius:50%;width:450px;height:450px;position:absolute;top:-100px;right:-100px}.login-brand:after{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b1f 0%,#0f172a00 70%);border-radius:50%;width:380px;height:380px;position:absolute;bottom:-80px;left:-80px}.login-brand-inner{z-index:2;max-width:520px;position:relative}.logo-mark,.brand-icon{color:#0f172a;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:12px;place-items:center;font-weight:900;display:inline-grid;box-shadow:0 4px 12px #f59e0b4d}.logo-mark{width:48px;height:48px;font-size:24px}.login-brand .eyebrow{color:#5eead4;letter-spacing:.12em;margin-top:36px}.login-brand h1{letter-spacing:-.03em;color:#fff;margin:0 0 20px;font-size:clamp(32px,4.5vw,54px);font-weight:800;line-height:1.15}.login-brand .brand-description{color:#cbd5e1;max-width:480px;margin:0 0 28px;font-size:16px;line-height:1.6}.login-points{color:#f1f5f9;gap:12px;font-weight:600;display:grid}.login-points span{align-items:center;gap:8px;display:inline-flex}.login-card-container{justify-content:center;align-items:center;width:100%;padding:40px 24px;display:flex}.login-card{border-radius:var(--radius-xl);width:min(440px,100%);box-shadow:var(--shadow-xl);border:1px solid var(--line);background:#fff;padding:40px;position:relative}.login-card-header{margin-bottom:24px}.login-card h2{color:var(--ink);margin:0 0 6px;font-size:26px;font-weight:800}.login-card form{gap:18px;display:grid}.login-card label,.form-grid label{color:var(--ink-secondary);gap:7px;font-size:13.5px;font-weight:600;display:grid}.password-input-wrap{align-items:center;width:100%;display:flex;position:relative}.password-input-wrap input{width:100%;padding-right:46px!important}.password-toggle-btn{cursor:pointer;color:#64748b;width:36px;height:36px;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--ink);background:#f1f5f9}.password-toggle-btn:active{background:#e2e8f0}.login-card input,.form-grid input,.form-grid select,.form-group textarea{border-radius:var(--radius-md);color:var(--ink);transition:all var(--transition-fast);background:#fff;border:1px solid #cbd5e1;outline:none;width:100%;padding:11px 14px;font-size:15px}.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.form-group textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d94882e}.login-submit-btn{margin-top:4px}.login-forgot-link{text-align:center;color:var(--teal);margin-top:10px;font-size:13.5px;font-weight:500;text-decoration:none;display:block}.login-forgot-link:hover{text-decoration:underline}.login-error-alert,.alert.error,.error{color:#be123c;border-radius:var(--radius-md);word-break:break-word;background:#fff1f2;border:1px solid #fecdd3;align-items:center;gap:8px;margin-top:14px;padding:11px 14px;font-size:13.5px;font-weight:500;line-height:1.45;display:flex}.alert.success{color:#047857;border-radius:var(--radius-md);word-break:break-word;background:#ecfdf5;border:1px solid #a7f3d0;align-items:center;gap:8px;margin-top:14px;padding:11px 14px;font-size:13.5px;font-weight:500;line-height:1.45;display:flex}.demo-note{color:var(--muted);text-align:center;margin-top:14px;font-size:12.5px;line-height:1.45}.primary,.approve,.reject,.secondary,.accent-btn{border-radius:var(--radius-md);touch-action:manipulation;border:0;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--teal);color:#fff;box-shadow:0 2px 6px #0d948840}.primary:hover:not(:disabled){background:var(--teal-dark);transform:translateY(-1px);box-shadow:0 4px 10px #0d948859}.primary:active:not(:disabled){transform:translateY(0)}.primary:disabled{opacity:.6;cursor:not-allowed}.approve{background:var(--emerald);color:#fff}.approve:hover:not(:disabled){background:var(--emerald-dark)}.reject{background:var(--rose);color:#fff}.reject:hover:not(:disabled){background:var(--rose-dark)}.secondary{color:var(--ink-secondary);border:1px solid var(--line);background:#f1f5f9}.secondary:hover:not(:disabled){color:var(--ink);background:#e2e8f0}.accent-btn{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%)}.small{border-radius:var(--radius-sm);padding:6px 12px;font-size:12.5px}.full{width:100%}.text-button{color:var(--teal);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.text-button:hover{color:var(--teal-dark)}.app-shell{width:100%;min-height:100dvh;display:flex}.sidebar{background:var(--navy);color:#fff;border-right:1px solid var(--navy-border);z-index:50;box-sizing:border-box;flex-direction:column;width:260px;height:100dvh;padding:20px 14px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.brand{color:#fff;align-items:center;gap:12px;padding:4px 6px;text-decoration:none;display:flex}.brand-icon{width:36px;height:36px;font-size:18px}.brand-text strong{letter-spacing:-.01em;color:#fff;font-size:17px;font-weight:800;display:block}.brand-text span{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:11px;display:block}.mobile-close-btn,.mobile-menu-trigger{display:none}.workspace{color:#fff;padding:24px 8px 14px}.workspace .eyebrow{color:#5eead4;margin-bottom:3px}.workspace strong{color:#f1f5f9;font-size:14.5px;font-weight:700}.nav-menu{gap:3px;margin-top:6px;display:grid}.nav-item{color:#cbd5e1;border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:12px;padding:9.5px 12px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.nav-item.active{background:var(--teal);color:#fff;font-weight:700;box-shadow:0 2px 8px #0d948859}.nav-icon{opacity:.85;place-items:center;display:grid}.nav-item.active .nav-icon{opacity:1}.nav-item.attention{color:#fca5a5}.nav-item.attention:hover{color:#ffe4e6;background:#f43f5e26}.nav-item.attention.active{background:var(--rose);color:#fff}.nav-badge-dot{background:#f43f5e;border-radius:50%;width:7px;height:7px;margin-left:auto;animation:2s infinite pulse-dot;box-shadow:0 0 0 2px #f43f5e4d}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #f43f5eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #f43f5e00}to{transform:scale(.95);box-shadow:0 0 #f43f5e00}}.cross-nav{border-top:1px solid #ffffff1a;margin:20px 0 0;padding-top:16px}.cross-nav .eyebrow{color:#94a3b8;padding-left:8px}.sidebar-footer{border-top:1px solid #ffffff1a;gap:12px;margin-top:auto;padding:16px 6px 0;display:grid}.user-mini{align-items:center;gap:10px;display:flex}.user-avatar{color:#0f172a;width:34px;height:34px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid}.user-info{min-width:0;display:grid}.user-info strong{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.role-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;width:fit-content;margin-top:2px;padding:1px 6px;font-size:10.5px;font-weight:700;display:inline-block}.role-badge.sale{color:#5eead4;background:#0d948840}.role-badge.admin{color:#fde68a;background:#f59e0b40}.role-badge.accountant{color:#93c5fd;background:#3b82f640}.logout-btn{color:#cbd5e1;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.logout-btn:hover{color:#fda4af;background:#f43f5e26;border-color:#f43f5e4d}.content{background:var(--canvas);box-sizing:border-box;flex-direction:column;width:calc(100% - 260px);min-width:0;min-height:100dvh;margin-left:260px;display:flex}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:40;background:#fffffff2;justify-content:space-between;align-items:center;gap:16px;padding:16px 32px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.topbar-heading{min-width:0}.topbar h1{letter-spacing:-.02em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:800;overflow:hidden}.topbar-user{flex:none;align-items:center;gap:12px;display:flex}.live-status-pill{color:var(--emerald-dark);background:var(--emerald-light);border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.live-dot{background:var(--emerald);border-radius:50%;width:6px;height:6px}.topbar-avatar{background:var(--teal);color:#fff;width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;font-size:13.5px;font-weight:800;display:grid}main.main-content{flex:1;padding:24px 32px 48px}.mobile-bottom-nav{border-top:1px solid var(--line);z-index:45;height:62px;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000f}.mobile-tab-item{color:#64748b;transition:all var(--transition-fast);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:600;text-decoration:none;display:flex}.mobile-tab-item.active{color:var(--teal-dark);font-weight:700}.mobile-tab-icon{place-items:center;display:grid;position:relative}.mobile-tab-item.active .mobile-tab-icon{transform:translateY(-1px)}.mobile-tab-dot{background:#f43f5e;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-3px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);padding:18px 20px;position:relative;overflow:hidden}.metric:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric p{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600}.metric strong{letter-spacing:-.02em;color:var(--navy);font-size:24px;font-weight:800;line-height:1.2;display:block}.metric.amber{border-top:3px solid var(--amber)}.metric.green{border-top:3px solid var(--emerald)}.metric.gray{border-top:3px solid var(--muted-light)}.metric.blue{border-top:3px solid var(--blue)}.insight-panel{color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#0f172a 0%,#134e4a 60%,#0f766e 100%);justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:22px 26px;display:flex}.insight-panel .eyebrow{color:#5eead4}.insight-panel h2{margin:0 0 6px;font-size:20px;font-weight:800}.insight-panel p:not(.eyebrow){color:#cbd5e1;margin:0;font-size:13.5px}.commission{text-align:right;flex:none}.commission span{color:#5eead4;font-size:11.5px;font-weight:700;display:block}.commission strong{color:#fff;margin-top:4px;font-size:24px;font-weight:800;display:block}.form-card,.table-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.form-card{padding:24px}.table-card{overflow:hidden}.split-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:24px;display:grid}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.section-heading h2,.section-heading h3{color:var(--ink);margin:0;font-size:16.5px;font-weight:800}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid .full-width{grid-column:1/-1}.form-group{color:var(--ink-secondary);gap:7px;font-size:13.5px;font-weight:600;display:grid}.page-stack{gap:24px;display:grid}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:680px}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 16px}.table-wrap th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;font-size:11.5px;font-weight:700;position:sticky;top:0}.table-wrap tbody tr{transition:background var(--transition-fast)}.table-wrap tbody tr:hover{background:#f8fafc}.table-wrap td small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.mobile-card-list{grid-template-columns:1fr;gap:12px;padding:12px;display:none}.mobile-order-card{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#fff;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.mobile-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.mobile-card-body{gap:4px;font-size:13px;display:grid}.mobile-card-body strong.student-title{color:#0f172a;font-size:14.5px}.mobile-card-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.mobile-card-actions{border-top:1px solid #f1f5f9;gap:8px;margin-top:6px;padding-top:8px;display:flex}.mobile-card-actions button{flex:1}.status{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:700;line-height:1.3;display:inline-flex}.status-dot{opacity:.85;background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.status.status-sm{gap:4px;padding:2px 7px;font-size:11px}.status.status-sm .status-dot{width:5px;height:5px}.status.status-lg{gap:7px;padding:5px 12px;font-size:13px}.status.status-lg .status-dot{width:7px;height:7px}.status.official,.status.green,.status.synced{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.status.rejected,.status.failed{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.status.refunded{color:#991b1b;background:#fef2f2;border:1px dashed #f87171}.status.pending_temp,.status.amber{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.status.blue,.status.pending{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.status.expired{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.status.cancelled{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb}.status.unpaid{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5}.status.skipped,.status.none{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0}.toast-container{z-index:9999;pointer-events:none;gap:10px;display:grid;position:fixed;bottom:24px;right:24px}.toast-item{pointer-events:auto;border-radius:var(--radius-md);color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;align-items:center;gap:12px;min-width:260px;max-width:400px;padding:12px 16px;font-size:13.5px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) toast-slide-in;display:flex;box-shadow:0 10px 30px #00000026}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast-item.toast-success{border-left:4px solid var(--emerald)}.toast-item.toast-error{border-left:4px solid var(--rose)}.toast-item.toast-warning{border-left:4px solid var(--amber)}.toast-item.toast-info{border-left:4px solid var(--blue)}.toast-icon{flex:none;place-items:center;display:grid}.toast-success .toast-icon{color:var(--emerald)}.toast-error .toast-icon{color:var(--rose)}.toast-warning .toast-icon{color:var(--amber)}.toast-info .toast-icon{color:var(--blue)}.toast-message{flex:1}.toast-close{color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:18px;line-height:1}.skeleton-shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-loader{min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner-large{border:4px solid var(--line);border-top-color:var(--teal);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.commission-preview-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#f0fdfa 0%,#e6fffa 100%);border:1px solid #99f6e4;margin-top:10px;padding:14px 16px}.commission-preview-card.profit-good{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#a7f3d0}.commission-preview-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.commission-preview-header span{text-transform:uppercase;color:var(--teal-dark);font-size:11.5px;font-weight:800}.commission-preview-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.commission-stat-box{border-radius:var(--radius-sm);background:#ffffffd9;border:1px solid #0d948826;padding:8px}.commission-stat-box small{color:var(--muted);font-size:11px;font-weight:600;display:block}.commission-stat-box strong{color:var(--ink);margin-top:2px;font-size:14.5px;font-weight:800;display:block}.commission-stat-box.highlight strong{color:var(--emerald-dark);font-size:16px}.commission-formula-box{border-radius:var(--radius-sm);background:#ffffffd9;border:1px dashed #6ee7b7;margin-top:8px;padding:8px 12px}.commission-formula-title{letter-spacing:.04em;color:#047857;margin-bottom:4px;font-size:10.5px;font-weight:800}.commission-formula-apply{color:#334155;word-break:break-word;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;display:block}.sale-orders-header{margin-bottom:10px}.sale-tab-nav{border-radius:var(--radius-lg);background:#e2e8f0;gap:6px;width:100%;max-width:540px;padding:5px;display:flex}.sale-tab-btn{border-radius:var(--radius-md);color:var(--ink-secondary);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.sale-tab-btn:hover:not(.active){color:var(--ink);background:#fff6}.sale-tab-btn.active{color:var(--teal-dark);background:#fff;box-shadow:0 2px 8px #00000014}.tab-pill-badge{background:var(--teal-light);color:var(--teal-dark);border:1px solid var(--teal-border);letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.tab-count-badge{color:#334155;background:#cbd5e1;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800}.sale-tab-btn.active .tab-count-badge{background:var(--teal-light);color:var(--teal-dark)}.quick-order-workspace{width:100%}.desktop-create-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.quick-create-main{flex-direction:column;gap:20px;display:flex}.quick-create-sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:80px}@media (max-width:768px){.desktop-create-grid{grid-template-columns:minmax(0,1fr);gap:14px}.quick-create-sidebar{position:static}}.quick-order-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:18px 22px}.workflow-steps-box{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#fff;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px 22px;display:grid}.workflow-step{align-items:flex-start;gap:12px;display:flex}.workflow-step-num{background:var(--teal-light);width:28px;height:28px;color:var(--teal-dark);border:1px solid var(--teal-border);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:900;display:grid}.workflow-step-text strong{color:var(--ink);margin-bottom:2px;font-size:13.5px;display:block}.workflow-step-text span{color:var(--muted);font-size:12px;line-height:1.4;display:block}.live-preview-card{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);padding:16px;position:relative;overflow:hidden}.live-preview-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.live-preview-header h3{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800;display:flex}.student-card-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a}.student-preview-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.student-avatar{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;font-weight:900;display:grid;box-shadow:0 4px 10px #0d948840}.student-meta strong{color:var(--ink);font-size:15px;display:block}.student-meta span{color:var(--muted);font-size:12.5px}.student-credentials-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;padding:10px 12px;display:grid}.credential-item small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700;display:block}.credential-item strong{color:var(--ink);word-break:break-all;font-size:13.5px}.live-zalo-preview-box{color:#334155;white-space:pre-wrap;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;max-height:160px;padding:12px;font-size:12px;line-height:1.5;overflow-y:auto}.recent-orders-card{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;padding:22px 24px}.recent-orders-card .section-heading{border-bottom:1px solid var(--line);margin-bottom:14px;padding:0 0 14px}.recent-order-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.recent-order-item:last-child{border-bottom:0;padding-bottom:0}.recent-order-info strong{color:var(--ink);font-size:13.5px;display:block}.recent-order-info span{color:var(--muted);font-size:12px}.recent-order-actions{align-items:center;gap:6px;display:flex}.orders-history-section{width:100%}.sale-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.sale-kpi-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#fff;flex-direction:column;justify-content:space-between;padding:16px 18px;display:flex}.sale-kpi-card .kpi-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.sale-kpi-card .kpi-value{color:var(--ink);font-size:22px;font-weight:900;line-height:1.2}.sale-kpi-card.highlight .kpi-value{color:var(--emerald-dark)}.filter-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.filter-pills-wrap{flex-wrap:wrap;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-inputs-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.date-preset-select{border-radius:var(--radius-md);color:var(--ink-secondary);cursor:pointer;background:#fff;border:1px solid #cbd5e1;outline:none;min-width:130px;padding:8px 12px;font-size:13px;font-weight:600}.date-preset-select:focus{border-color:var(--teal)}.custom-date-wrap{border-radius:var(--radius-md);background:#fff;border:1px solid #cbd5e1;align-items:center;gap:6px;padding:4px 8px;display:flex}.date-input{background:0 0!important;border:0!important;outline:none!important;padding:4px 0!important;font-size:12.5px!important}.search-input-wrap{width:100%;min-width:240px;max-width:280px;position:relative}.search-input-wrap input{border-radius:var(--radius-md);background:#fff;border:1px solid #cbd5e1;outline:none;width:100%;font-size:13.5px;padding:8px 30px 8px 34px!important}.search-input-wrap input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #0d948826}.search-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 6px;font-size:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.table-pagination-bar{border-top:1px solid var(--line);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.pagination-info{color:var(--ink-secondary);flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.page-size-selector{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.page-size-selector select{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:12.5px}.pagination-nav{align-items:center;gap:4px;display:flex}.pagination-btn{min-width:32px;height:32px;color:var(--ink-secondary);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:700;display:inline-flex}.pagination-btn:hover:not(:disabled):not(.active){color:var(--ink);background:#f1f5f9;border-color:#94a3b8}.pagination-btn.active{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 2px 4px #0d948840}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-ellipsis{color:var(--muted);padding:0 4px;font-size:13px}.quick-price-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.quick-price-chip{color:#334155;cursor:pointer;transition:all var(--transition-fast);background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.quick-price-chip:hover,.quick-price-chip.active{background:var(--teal-light);border-color:var(--teal);color:var(--teal-dark)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172aa6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--line);background:#fff;width:min(540px,100%);max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header h3{margin:0;font-size:17px;font-weight:800}.modal-body{padding:20px 22px}.zalo-template-box{border:1px solid var(--line);border-radius:var(--radius-md);white-space:pre-wrap;color:#334155;background:#f8fafc;max-height:240px;padding:14px;font-family:monospace;font-size:13px;line-height:1.6;overflow-y:auto}@media (min-width:769px){.mobile-only{display:none!important}}@media (max-width:960px){.sale-kpi-grid{grid-template-columns:repeat(2,1fr)}.workflow-steps-box{grid-template-columns:1fr;gap:14px}.login-shell{background:#f8fafc;flex-direction:column;min-height:100dvh;display:flex}.login-brand{flex:none;justify-content:flex-start;padding:36px 28px 30px}.login-brand .eyebrow{margin-top:16px}.login-brand h1{margin:0 0 8px;font-size:26px;line-height:1.25}.login-brand .brand-description{color:#cbd5e1;max-width:100%;margin:0 0 16px;font-size:14px;line-height:1.5}.login-points{flex-wrap:wrap;gap:8px 12px;font-size:13px;display:flex}.login-points span{background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:4px 10px}.login-card-container{flex:1;justify-content:center;align-items:flex-start;padding:24px 16px 40px;display:flex}.login-card{width:100%;max-width:440px;box-shadow:var(--shadow-lg);border-radius:16px;padding:28px 24px}.sidebar{width:220px}.content{width:calc(100% - 220px);margin-left:220px}.metrics{grid-template-columns:repeat(2,1fr)}.split-grid{grid-template-columns:1fr}}@media (max-width:768px){.desktop-only{display:none!important}.login-brand{padding:28px 20px 24px}.login-card input{padding:12px 14px;font-size:16px}.password-toggle-btn{width:42px;height:42px;right:4px}.login-submit-btn{min-height:46px;font-size:15px}.app-shell{width:100%;display:block}.content{min-width:0;max-width:100%;width:100%!important;margin-left:0!important}.sidebar{width:270px;transition:left .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-300px;box-shadow:4px 0 20px #00000040}.sidebar.open{left:0}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:48;background:#0f172a99;position:fixed;inset:0}.mobile-menu-trigger,.mobile-close-btn{color:var(--ink);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:6px;display:grid}.mobile-close-btn{color:#fff;font-size:18px}.topbar{width:100%;max-width:100%;padding:12px 14px;overflow-x:hidden}.topbar h1{word-break:break-word;white-space:normal;font-size:16px}main.main-content{width:100%;max-width:100%;padding:12px 12px 80px;overflow-x:hidden}.split-grid{width:100%;max-width:100%;display:block}.mobile-bottom-nav{display:flex}.metrics{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:16px}.metric{border-radius:12px;min-width:0;padding:14px}.metric p{word-break:break-word;margin-bottom:4px;font-size:12px}.metric strong{word-break:break-word;font-size:19px}.form-card,.table-card{border-radius:12px;width:100%;min-width:0;max-width:100%;padding:14px;overflow-x:hidden}.section-heading{flex-wrap:wrap;gap:8px;padding:0 0 12px}.section-heading h2,.section-heading h3{word-break:break-word;font-size:15.5px}.form-grid{grid-template-columns:1fr;gap:12px;width:100%}.form-grid label,.form-group{word-break:break-word;width:100%;min-width:0;max-width:100%}.form-grid input,.form-grid select,.form-group textarea{width:100%;min-width:0;max-width:100%;padding:12px 14px;font-size:16px}.primary,.approve,.reject,.secondary{word-break:break-word;white-space:normal;text-align:center;max-width:100%;min-height:44px;font-size:14px}.commission-preview-stats{grid-template-columns:1fr;gap:6px}.quick-price-chips{width:100%}.quick-price-chip{text-align:center;flex:1;min-width:120px;padding:8px 10px;font-size:12.5px}.insight-panel{flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:16px}.commission{text-align:left}.modal-backdrop{align-items:flex-end;padding:0}.modal-card{border-bottom:0;border-radius:20px 20px 0 0;width:100%;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) slide-up}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.table-desktop-wrap{display:none}.mobile-card-list{display:grid}.student-account-mobile-list{gap:12px;padding:12px}.student-account-mobile-card{background:#fff;border:1px solid #dbe4ed;border-radius:14px;padding:14px;box-shadow:0 3px 12px #0f172a0d}.student-account-mobile-card.selected{background:#f0fdfa;border-color:#0d9488}.student-account-mobile-head{grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:9px;display:grid}.student-account-mobile-head>div{min-width:0}.student-account-mobile-head strong{color:#0f172a;overflow-wrap:anywhere;font-size:14px;display:block}.student-account-mobile-head span:not(.status){color:#64748b;overflow-wrap:anywhere;margin-top:2px;font-size:11.5px;display:block}.student-account-mobile-check{padding-top:2px}.student-account-mobile-grid{border-top:1px solid #eef2f6;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:14px;padding-top:12px;display:grid}.student-account-mobile-grid div{min-width:0}.student-account-mobile-grid span{color:#64748b;text-transform:uppercase;font-size:10.5px;font-weight:700;display:block}.student-account-mobile-grid strong{color:#1e293b;overflow-wrap:anywhere;margin-top:2px;font-size:12px;display:block}.student-account-mobile-sync{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.student-account-sync-pill{color:#475569;background:#f1f5f9;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.student-account-sync-pill.ok{color:#166534;background:#dcfce7}.student-account-sync-pill.failed{color:#b91c1c;background:#fee2e2}.student-account-sync-pill.pending{color:#92400e;background:#fef3c7}.student-account-mobile-error{color:#9f1239;overflow-wrap:anywhere;background:#fff1f2;border-radius:8px;margin-top:9px;padding:8px 10px;font-size:11px}.student-account-mobile-actions{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.student-account-mobile-actions button{flex:auto;min-width:86px}.student-account-mobile-empty{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:24px 14px}.toast-container{bottom:74px;left:14px;right:14px}.toast-item{width:100%;min-width:0;font-size:13px}.sale-tab-nav{max-width:100%;margin-bottom:16px}.sale-tab-btn{white-space:nowrap;padding:10px 12px;font-size:13.5px}.quick-order-card{border-radius:16px;padding:22px 18px}}@media (max-width:480px){.sale-tab-btn{white-space:nowrap;gap:4px;padding:8px;font-size:12px}.tab-pill-badge,.tab-count-badge{flex-shrink:0;padding:1px 5px;font-size:10px}.sale-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.sale-kpi-card{border-radius:10px;padding:12px 14px}.sale-kpi-card .kpi-label{font-size:11px}.sale-kpi-card .kpi-value{font-size:17px}.quick-order-card{border-radius:14px;padding:18px 14px}.login-brand{padding:24px 16px 20px}.logo-mark{border-radius:10px;width:40px;height:40px;font-size:20px}.login-brand .eyebrow{margin-top:12px}.login-brand h1{margin:0 0 6px;font-size:21px}.login-brand .brand-description{margin:0 0 12px;font-size:13px;line-height:1.45}.login-points{flex-direction:column;gap:6px;font-size:12px;display:flex}.login-points span{padding:3px 8px}.login-card-container{padding:14px 10px 32px}.login-card{border-radius:14px;padding:20px 14px}.login-card h2{font-size:20px}.login-card-header{margin-bottom:16px}.login-card form{gap:14px}.demo-actions{gap:10px;margin-top:16px}.demo-actions button{min-height:44px}}.th-filter-wrap{vertical-align:middle;align-items:center;margin-left:6px;display:inline-flex;position:relative}.col-filter-btn{color:#94a3b8;cursor:pointer;width:22px;height:22px;transition:all var(--transition-fast);vertical-align:middle;background:0 0;border:1px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.col-filter-btn:hover{color:var(--ink);background:#e2e8f0;border-color:#cbd5e1}.col-filter-btn.active{background:var(--teal-light);color:var(--teal-dark);border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.col-filter-dot{background:var(--teal);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:-1px;right:-1px}.col-filter-popover{z-index:100;border:1px solid var(--line);border-radius:var(--radius-md);width:240px;box-shadow:var(--shadow-lg);text-transform:none;letter-spacing:normal;color:var(--ink);text-align:left;background:#fff;padding:12px;font-size:13px;font-weight:400;animation:.15s ease-out popover-fade-in;position:absolute;top:calc(100% + 6px);left:0}.col-filter-popover.align-right{left:auto;right:0}@keyframes popover-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.col-filter-popover-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.col-filter-popover-header strong{color:var(--ink-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.col-filter-input-wrap{align-items:center;margin-bottom:8px;display:flex;position:relative}.col-filter-input{width:100%;color:var(--ink)!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;outline:none!important;padding:6px 24px 6px 8px!important;font-size:12.5px!important}.col-filter-input:focus{border-color:var(--teal)!important;box-shadow:0 0 0 2px #0d948826!important}.col-filter-clear-icon{color:#94a3b8;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;position:absolute;right:6px}.col-filter-clear-icon:hover{color:var(--ink)}.col-filter-select{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;margin-bottom:8px;padding:6px 8px;font-size:12.5px}.col-filter-select:focus{border-color:var(--teal)}.col-filter-popover-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:6px;margin-top:8px;padding-top:6px;display:flex}.active-filters-bar{background:var(--teal-light);border-bottom:1px solid var(--teal-border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;display:flex}.active-filters-label{color:var(--teal-dark);align-items:center;gap:5px;font-weight:700;display:inline-flex}.active-filter-chip{border:1px solid var(--teal-border);color:var(--teal-dark);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000000a}.active-filter-chip-remove{color:var(--teal-dark);cursor:pointer;opacity:.7;background:0 0;border:0;padding:0;font-size:11px;display:inline-flex}.active-filter-chip-remove:hover{opacity:1;color:var(--rose-dark)}.clear-all-filters-btn{color:#b91c1c;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:2px 6px;font-size:11.5px;font-weight:700;text-decoration:underline}.clear-all-filters-btn:hover{color:#991b1b}.order-timeline-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1100;background:#0f172a8c;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.order-timeline-drawer{background:#fff;flex-direction:column;width:min(640px,100vw);height:100vh;animation:.25s cubic-bezier(.16,1,.3,1) slideLeft;display:flex;overflow:hidden;box-shadow:-8px 0 30px #0000002e}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.timeline-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.timeline-header-main{flex:1}.timeline-close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:all .15s;display:flex}.timeline-close-btn:hover{color:#0f172a;background:#e2e8f0}.timeline-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.timeline-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.summary-col{flex-direction:column;display:flex}.summary-label{text-transform:uppercase;color:#64748b;letter-spacing:.03em;font-size:11px;font-weight:700}.summary-val{color:#0f172a;margin-top:2px;font-size:14px;font-weight:800}.summary-sub{color:#64748b;margin-top:2px;font-size:11.5px}.timeline-steps{flex-direction:column;gap:20px;display:flex;position:relative}.timeline-steps:before{content:"";z-index:1;background:#e2e8f0;width:2px;position:absolute;top:14px;bottom:14px;left:15px}.timeline-step{z-index:2;gap:16px;display:flex;position:relative}.step-marker{color:#64748b;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.timeline-step.completed .step-marker{color:#15803d;background:#dcfce7;border-color:#16a34a}.timeline-step.in-progress .step-marker{color:#b45309;background:#fef3c7;border-color:#d97706}.timeline-step.error .step-marker,.timeline-step.rejected .step-marker{color:#b91c1c;background:#fee2e2;border-color:#dc2626}.step-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:14px 16px;box-shadow:0 1px 3px #0000000a}.step-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.step-title{color:#0f172a;margin:0;font-size:14px;font-weight:800}.step-time{color:#64748b;margin-top:2px;font-size:11.5px;display:block}.step-details-box{flex-direction:column;gap:6px;font-size:12.5px;display:flex}.detail-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.detail-row>span:first-child{color:#64748b}.timeline-footer{z-index:10;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.filter-pill{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .15s}.filter-pill:hover{background:#f8fafc;border-color:#cbd5e1}.filter-pill.active{background:var(--teal);border-color:var(--teal);color:#fff}.action-group{align-items:center;gap:4px;display:inline-flex}.action-menu-container{display:inline-block;position:relative}.action-menu-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:700;line-height:1}.action-menu-btn:hover{color:#0f172a;background:#e2e8f0}.action-menu-popover{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;min-width:170px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014}.action-menu-item{text-align:left;color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:6px;width:100%;padding:7px 10px;font-size:12.5px;font-weight:600;transition:background .1s;display:flex}.action-menu-item:hover{background:#f1f5f9}.action-menu-item.danger{color:#b91c1c}.action-menu-item.danger:hover{background:#fee2e2}@media (max-width:640px){.order-timeline-drawer{width:100vw}.timeline-header{padding:12px 16px}.timeline-body{gap:14px;padding:14px}.summary-grid{grid-template-columns:1fr}.timeline-footer{flex-direction:column;padding:12px 14px}.timeline-footer>div,.timeline-footer button{width:100%}}.global-topbar-search{flex:none;position:relative}.global-search-trigger{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d7e0ea;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 10px;font-size:12.5px;font-weight:700;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.global-search-trigger:hover{color:#0f766e;background:#f0fdfa;border-color:#0d9488}.global-search-trigger-shortcut{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:2px 5px;font-size:9.5px;font-weight:600}.global-search-overlay{z-index:5000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a7a;justify-content:center;align-items:flex-start;padding:min(12vh,100px) 18px 30px;animation:.14s global-search-fade;display:flex;position:fixed;inset:0}.global-search-palette{background:#fff;border:1px solid #ffffffb3;border-radius:18px;flex-direction:column;width:min(720px,100%);max-height:min(720px,82vh);animation:.17s global-search-pop;display:flex;overflow:hidden;box-shadow:0 28px 80px #0f172a52}.global-search-palette-head{justify-content:space-between;align-items:center;gap:16px;padding:17px 18px 13px;display:flex}.global-search-palette-head strong{color:#0f172a;font-size:16px;display:block}.global-search-palette-head span{color:#64748b;margin-top:3px;font-size:12px;display:block}.global-search-close{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.global-search-close:hover{color:#0f172a;background:#e2e8f0}.global-search-palette .palette-input{border-radius:12px;min-height:48px;margin:0 18px 12px}.search-palette-results{border-top:1px solid #eef2f6;min-height:90px;overflow:hidden}.search-palette-results .search-results-list{max-height:min(500px,58vh)}@keyframes global-search-fade{0%{opacity:0}to{opacity:1}}@keyframes global-search-pop{0%{opacity:0;transform:translateY(-8px)scale(.985)}to{opacity:1;transform:none}}.global-topbar-search{width:auto;position:relative}.search-input-wrapper{background:#fff;border:1px solid #d7e0ea;border-radius:12px;align-items:center;gap:9px;width:100%;min-height:42px;padding:0 10px 0 12px;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:0 1px 2px #0f172a0a}.search-input-wrapper:focus-within{border-color:#0d9488;box-shadow:0 0 0 3px #0d948821}.search-input-wrapper .search-icon{color:#64748b;flex:none;place-items:center;display:grid}.search-input-wrapper .search-input{color:#0f172a;min-width:0;height:40px;font:inherit;flex:1;padding:0;font-size:13.5px;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.search-input-wrapper .search-input::placeholder{color:#94a3b8}.search-shortcut-badge{color:#64748b;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:2px;padding:3px 6px;font-size:10px;display:inline-flex}.search-shortcut-badge kbd{font:inherit;font-weight:700}.search-clear-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.search-clear-btn:hover{color:#0f172a;background:#f1f5f9}.search-dropdown-menu{z-index:1200;background:#fff;border:1px solid #dbe4ed;border-radius:14px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 18px 50px #0f172a2e}.search-dropdown-header,.search-dropdown-status,.search-dropdown-empty,.search-dropdown-hint-box{padding:12px 14px}.search-dropdown-header{color:#475569;border-bottom:1px solid #eef2f6;justify-content:space-between;gap:12px;font-size:12px;display:flex}.search-results-list{max-height:420px;overflow-y:auto}.search-result-item{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:11px 14px}.search-result-item:hover,.search-result-item.selected{background:#f0fdfa}.search-result-top,.search-result-mid,.search-result-bottom{justify-content:space-between;gap:10px;display:flex}.search-result-mid,.search-result-bottom{color:#64748b;margin-top:5px;font-size:12px}.search-result-code{align-items:center;gap:8px;display:flex}.search-result-price{color:#0f766e;font-weight:800}.topbar-center{flex:1;min-width:0;max-width:480px;margin:0 16px}.global-search-container{width:100%;position:relative}.global-search-input-wrapper{background:var(--surface-raised);border:1.5px solid var(--line);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:8px;padding:6px 12px;display:flex}.global-search-input-wrapper.focused,.global-search-input-wrapper:focus-within{border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px #0d94881f}.global-search-icon{color:var(--muted);flex:none;align-items:center;display:flex}.global-search-spinner{border:2px solid #0d948833;border-top-color:var(--teal);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.global-search-input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13.5px}.global-search-input::placeholder{color:var(--muted-light);font-size:13px}.global-search-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:13px}.global-search-clear:hover{color:var(--ink);background:#e2e8f0}.global-search-shortcut{align-items:center;gap:2px;display:flex}.global-search-shortcut kbd{border:1px solid var(--line);color:var(--muted);box-shadow:var(--shadow-xs);background:#fff;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:11px;font-weight:700}.global-search-dropdown{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:100;background:#fff;flex-direction:column;max-height:440px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.global-search-dropdown-header{background:var(--surface-raised);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:8px 14px;font-size:11.5px;font-weight:700;display:flex}.global-search-hint{opacity:.8;font-size:11px;font-weight:400}.global-search-results-list{flex-direction:column;display:flex}.global-search-result-item{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #f1f5f9;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.global-search-result-item:last-child{border-bottom:none}.global-search-result-item:hover,.global-search-result-item.active{background:#f0fdfa}.search-result-row-top{justify-content:space-between;align-items:center;display:flex}.search-result-code-wrap{align-items:center;gap:8px;display:flex}.search-result-code{color:var(--ink);font-size:13.5px;font-weight:800}.search-result-price{color:var(--teal-dark);font-size:13px;font-weight:700}.search-result-row-mid{color:var(--ink-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;display:flex}.search-result-student{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-result-course{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;overflow:hidden}.search-result-row-bot{color:var(--muted);align-items:center;gap:10px;font-size:11.5px;display:flex}.search-result-ref code{background:#f1f5f9;border-radius:3px;padding:1px 4px;font-size:11px}.global-search-empty{text-align:center;color:var(--muted);padding:24px 16px}.global-search-empty p{color:var(--ink);margin:0 0 4px;font-size:14px}.global-search-empty-sub{font-size:12px;display:block}.saved-filters-bar{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;display:flex}.saved-filters-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.saved-filters-title{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.saved-filters-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.saved-preset-chip{cursor:pointer;color:#334155;transition:all var(--transition-fast);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.saved-preset-chip:hover{background:#e2e8f0;border-color:#cbd5e1}.saved-preset-chip.active{background:var(--teal-light);border-color:var(--teal);color:var(--teal-dark);box-shadow:0 0 0 1px var(--teal);font-weight:800}.saved-preset-delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0 2px;font-size:11px}.saved-preset-delete:hover{color:#dc2626;background:#fee2e2}.saved-filters-actions{align-items:center;gap:8px;display:flex}.saved-filter-action-btn{border:1px solid var(--line);color:var(--ink-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#fff;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.saved-filter-action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.save-preset-inline-form{align-items:center;gap:6px;display:flex}.save-preset-input{border:1px solid var(--teal);border-radius:var(--radius-sm);outline:none;width:140px;padding:3px 8px;font-size:12px}.save-preset-btn{border-radius:var(--radius-sm);cursor:pointer;padding:3px 8px;font-size:12px}.save-preset-btn.primary{background:var(--teal);color:#fff;border:none;font-weight:600}.save-preset-btn.cancel{color:var(--muted);background:#f1f5f9;border:1px solid #e2e8f0}.audit-logs-page-container{flex-direction:column;gap:16px;display:flex}.audit-metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:4px;display:grid}.audit-metric-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#fff;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.audit-metric-card .metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.audit-metric-card .metric-value{color:var(--ink);font-size:24px;font-weight:800}.audit-metric-card .metric-sub{color:var(--muted-light);font-size:12px}.audit-filters-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:12px;padding:16px;display:flex}.audit-filters-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.filter-group{flex-direction:column;flex:1;gap:6px;min-width:180px;display:flex}.filter-group.flex-2{flex:2;min-width:260px}.filter-label{color:var(--ink-secondary);font-size:12px;font-weight:700}.filter-input-wrap{align-items:center;display:flex;position:relative}.filter-text-input{border:1px solid var(--line);border-radius:var(--radius-sm);outline:none;width:100%;padding:8px 30px 8px 12px;font-size:13px}.filter-text-input:focus{border-color:var(--teal)}.filter-clear-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;position:absolute;right:8px}.filter-select{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;outline:none;padding:8px 12px;font-size:13px}.filter-select:focus{border-color:var(--teal)}.custom-date-row{border-top:1px dashed var(--line);gap:16px;padding-top:8px;display:flex}.custom-date-field{align-items:center;gap:8px;font-size:13px;display:flex}.custom-date-field input{border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 10px}.active-filters-summary-row{color:var(--muted);justify-content:space-between;align-items:center;padding-top:6px;font-size:12.5px;display:flex}.bulk-action-floating-bar{color:#fff;border-radius:var(--radius-lg);z-index:45;background:#0f172a;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 20px;animation:.2s ease-out slideUp;display:flex;position:sticky;bottom:20px;left:0;right:0;box-shadow:0 12px 28px #00000047}.bulk-action-info{align-items:center;gap:10px;display:flex}.bulk-action-badge{background:var(--teal);color:#fff;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800}.bulk-action-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bulk-action-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;padding:6px 14px;font-size:13px;font-weight:700}.bulk-action-btn.primary{background:var(--teal);color:#fff}.bulk-action-btn.primary:hover{background:var(--teal-dark)}.bulk-action-btn.secondary{color:#fff;background:#334155}.bulk-action-btn.secondary:hover{background:#475569}.bulk-action-btn.outline{color:#cbd5e1;background:0 0;border:1px solid #475569}.bulk-action-btn.outline:hover{color:#fff;border-color:#94a3b8}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.audit-metrics-grid{grid-template-columns:repeat(2,1fr)}.topbar-center{display:none}.global-search-trigger{border-radius:10px;justify-content:center;width:38px;padding:0}.global-search-trigger-label,.global-search-trigger-shortcut{display:none}.global-search-overlay{align-items:flex-start;padding:14px 10px 76px}.global-search-palette{border-radius:14px;max-height:calc(100vh - 100px)}.global-search-palette-head{padding:14px 14px 10px}.global-search-palette .palette-input{margin:0 12px 10px}.search-result-mid,.search-result-bottom{flex-direction:column;gap:3px}}@media (max-width:640px){.audit-metrics-grid{grid-template-columns:1fr}.audit-filters-row{flex-direction:column}.filter-group{width:100%}.bulk-action-floating-bar{flex-direction:column;align-items:stretch;gap:10px}}
.secondary{color:#0a6c65;background:#eef7f6;border:1px solid #a7d9d4;border-radius:8px;padding:12px 17px;font-weight:800}.demo-actions{gap:11px;margin-top:28px;display:grid}
body{font-family:var(--font-vietnam), "Be Vietnam Pro", "Noto Sans", Arial, "Helvetica Neue", sans-serif}.login-brand h1,.login-card h2,.topbar h1,.page-intro h2,.section-heading h2,.insight-panel h2{font-family:var(--font-vietnam), "Be Vietnam Pro", "Noto Sans", Arial, sans-serif}
.filter-bar{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.filter-bar label{color:#344054;gap:6px;font-size:12px;font-weight:700;display:grid}.filter-bar input{color:var(--ink);background:#fff;border:1px solid #d5dae5;border-radius:8px;padding:10px 12px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 20px;display:grid}.kpi-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px;box-shadow:0 8px 24px #14213d0a}.kpi-card strong{margin:6px 0;font-size:clamp(21px,2vw,30px);line-height:1.15;display:block}.kpi-card small{color:var(--muted);line-height:1.4;display:block}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.report-card{min-width:0}.report-card .section-heading{padding:18px 20px 0}.report-card table{width:100%}.report-metric{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.report-metric:last-child{border-bottom:0}.report-metric span{color:var(--muted)}.report-metric strong{color:var(--navy)}@media (max-width:900px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}}@media (max-width:560px){.kpi-grid{grid-template-columns:1fr}.filter-bar{width:100%}.filter-bar label{flex:1}.filter-bar button{width:100%}}
.dashboard-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.chart-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px;box-shadow:0 8px 24px #14213d0a}.donut-wrap{align-items:center;gap:26px;margin-top:12px;display:flex}.donut{border-radius:50%;flex:none;place-items:center;width:160px;height:160px;display:grid}.donut>div{background:#fff;border-radius:50%;align-content:center;place-items:center;width:106px;height:106px;display:grid}.donut strong{font-size:27px}.donut small{color:var(--muted)}.chart-legend{flex:1;gap:12px;display:grid}.chart-legend div{color:var(--muted);grid-template-columns:12px 1fr auto;align-items:center;gap:8px;display:grid}.chart-legend i{border-radius:50%;width:10px;height:10px}.chart-legend strong{color:var(--ink)}.bar-chart{gap:22px;margin-top:25px;display:grid}.bar-row>div:first-child{justify-content:space-between;gap:16px;margin-bottom:8px;display:flex}.bar-row span{color:var(--muted)}.bar-row strong{font-size:14px}.bar-track{background:#eef1f5;border-radius:99px;height:12px;overflow:hidden}.bar-track i{border-radius:99px;height:100%;transition:width .4s;display:block}.cross-nav{border-top:1px solid #ffffff1f;margin:26px 10px 0;padding-top:20px}.cross-nav .eyebrow{color:#86d8d1;margin-bottom:5px}.upload-ok{color:#147a48;font-weight:700}@media (max-width:800px){.dashboard-charts{grid-template-columns:1fr}.donut-wrap{justify-content:center}}@media (max-width:500px){.donut-wrap{flex-direction:column}.donut{width:145px;height:145px}}
@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/53e45098eac42afb-s.p.1uklb5el4zgvl.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85ea1b3aadcead52-s.05i4gb4p0piv4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3c285486269019b7-s.p.2g-0we2o5_ngd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/625a092f804baad3-s.p.1zvg0ggiaivzo.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6afabefbb32d7517-s.0jaqhc1tb-5xm.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a4f4f75ad654963f-s.p.1hvvd1t-trplq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a3bcb02a0e9e5d11-s.p.25pbmqxk8u2s7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35fd19aef91b293-s.0n_ln9vqskgts.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8f46d218c8f79e34-s.p.2wu4yy186g04j.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8ffc259da9d23054-s.p.10uaeld2xxvpt.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9e486ba39c38fb8a-s.2bbpeapf-lbjw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6f42e0a3b0519c4d-s.p.13y-iz2lazqtb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fcf129058e6e31f2-s.p.1ubek13yfcpkr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7b74840ea7c05e95-s.0t1_atrj_pkiu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/3eca85881bcfa204-s.p.0unco9n87mni8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/72a16e137f4c90fd-s.p.1ic6f_9s2cxg8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/ac83d56547af7957-s.1wwsedl781gk9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/00ea0ef410d3b1a3-s.p.375z7oghv30ug.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}.be_vietnam_pro_83a95b64-module__9Q7MMW__className{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.be_vietnam_pro_83a95b64-module__9Q7MMW__variable{--font-vietnam:"Be Vietnam Pro", "Be Vietnam Pro Fallback"}