@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@font-face{font-family:primeicons;font-display:block;src:url(/assets/primeicons-DMOk5skT.eot);src:url(/assets/primeicons-DMOk5skT.eot?#iefix)format("embedded-opentype"),url(/assets/primeicons-C6QP2o4f.woff2)format("woff2"),url(/assets/primeicons-WjwUDZjB.woff)format("woff"),url(/assets/primeicons-MpK4pl85.ttf)format("truetype"),url(/assets/primeicons-Dr5RGzOO.svg?#primeicons)format("svg");font-weight:400;font-style:normal}.pi{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:primeicons;font-style:normal;font-weight:400;line-height:1;display:inline-block}.pi:before{--webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{text-align:center;width:1.28571em}.pi-spin{animation:2s linear infinite fa-spin}@media (prefers-reduced-motion:reduce){.pi-spin{transition-duration:0s;transition-delay:0s;animation-duration:1ms;animation-iteration-count:1;animation-delay:-1ms}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.pi-folder-plus:before{content:""}.pi-receipt:before{content:""}.pi-asterisk:before{content:""}.pi-face-smile:before{content:""}.pi-pinterest:before{content:""}.pi-expand:before{content:""}.pi-pen-to-square:before{content:""}.pi-wave-pulse:before{content:""}.pi-turkish-lira:before{content:""}.pi-spinner-dotted:before{content:""}.pi-crown:before{content:""}.pi-pause-circle:before{content:""}.pi-warehouse:before{content:""}.pi-objects-column:before{content:""}.pi-clipboard:before{content:""}.pi-play-circle:before{content:""}.pi-venus:before{content:""}.pi-cart-minus:before{content:""}.pi-file-plus:before{content:""}.pi-microchip:before{content:""}.pi-twitch:before{content:""}.pi-building-columns:before{content:""}.pi-file-check:before{content:""}.pi-microchip-ai:before{content:""}.pi-trophy:before{content:""}.pi-barcode:before{content:""}.pi-file-arrow-up:before{content:""}.pi-mars:before{content:""}.pi-tiktok:before{content:""}.pi-arrow-up-right-and-arrow-down-left-from-center:before{content:""}.pi-ethereum:before{content:""}.pi-list-check:before{content:""}.pi-thumbtack:before{content:""}.pi-arrow-down-left-and-arrow-up-right-to-center:before{content:""}.pi-equals:before{content:""}.pi-lightbulb:before{content:""}.pi-star-half:before{content:""}.pi-address-book:before{content:""}.pi-chart-scatter:before{content:""}.pi-indian-rupee:before{content:""}.pi-star-half-fill:before{content:""}.pi-cart-arrow-down:before{content:""}.pi-calendar-clock:before{content:""}.pi-sort-up-fill:before{content:""}.pi-sparkles:before{content:""}.pi-bullseye:before{content:""}.pi-sort-down-fill:before{content:""}.pi-graduation-cap:before{content:""}.pi-hammer:before{content:""}.pi-bell-slash:before{content:""}.pi-gauge:before{content:""}.pi-shop:before{content:""}.pi-headphones:before{content:""}.pi-eraser:before{content:""}.pi-stopwatch:before{content:""}.pi-verified:before{content:""}.pi-delete-left:before{content:""}.pi-hourglass:before{content:""}.pi-truck:before{content:""}.pi-wrench:before{content:""}.pi-microphone:before{content:""}.pi-megaphone:before{content:""}.pi-arrow-right-arrow-left:before{content:""}.pi-bitcoin:before{content:""}.pi-file-edit:before{content:""}.pi-language:before{content:""}.pi-file-export:before{content:""}.pi-file-import:before{content:""}.pi-file-word:before{content:""}.pi-gift:before{content:""}.pi-cart-plus:before{content:""}.pi-thumbs-down-fill:before{content:""}.pi-thumbs-up-fill:before{content:""}.pi-arrows-alt:before{content:""}.pi-calculator:before{content:""}.pi-sort-alt-slash:before{content:""}.pi-arrows-h:before{content:""}.pi-arrows-v:before{content:""}.pi-pound:before{content:""}.pi-prime:before{content:""}.pi-chart-pie:before{content:""}.pi-reddit:before{content:""}.pi-code:before{content:""}.pi-sync:before{content:""}.pi-shopping-bag:before{content:""}.pi-server:before{content:""}.pi-database:before{content:""}.pi-hashtag:before{content:""}.pi-bookmark-fill:before{content:""}.pi-filter-fill:before{content:""}.pi-heart-fill:before{content:""}.pi-flag-fill:before{content:""}.pi-circle:before{content:""}.pi-circle-fill:before{content:""}.pi-bolt:before{content:""}.pi-history:before{content:""}.pi-box:before{content:""}.pi-at:before{content:""}.pi-arrow-up-right:before{content:""}.pi-arrow-up-left:before{content:""}.pi-arrow-down-left:before{content:""}.pi-arrow-down-right:before{content:""}.pi-telegram:before{content:""}.pi-stop-circle:before{content:""}.pi-stop:before{content:""}.pi-whatsapp:before{content:""}.pi-building:before{content:""}.pi-qrcode:before{content:""}.pi-car:before{content:""}.pi-instagram:before{content:""}.pi-linkedin:before{content:""}.pi-send:before{content:""}.pi-slack:before{content:""}.pi-sun:before{content:""}.pi-moon:before{content:""}.pi-vimeo:before{content:""}.pi-youtube:before{content:""}.pi-flag:before{content:""}.pi-wallet:before{content:""}.pi-map:before{content:""}.pi-link:before{content:""}.pi-credit-card:before{content:""}.pi-discord:before{content:""}.pi-percentage:before{content:""}.pi-euro:before{content:""}.pi-book:before{content:""}.pi-shield:before{content:""}.pi-paypal:before{content:""}.pi-amazon:before{content:""}.pi-phone:before{content:""}.pi-filter-slash:before{content:""}.pi-facebook:before{content:""}.pi-github:before{content:""}.pi-twitter:before{content:""}.pi-step-backward-alt:before{content:""}.pi-step-forward-alt:before{content:""}.pi-forward:before{content:""}.pi-backward:before{content:""}.pi-fast-backward:before{content:""}.pi-fast-forward:before{content:""}.pi-pause:before{content:""}.pi-play:before{content:""}.pi-compass:before{content:""}.pi-id-card:before{content:""}.pi-ticket:before{content:""}.pi-file-o:before{content:""}.pi-reply:before{content:""}.pi-directions-alt:before{content:""}.pi-directions:before{content:""}.pi-thumbs-up:before{content:""}.pi-thumbs-down:before{content:""}.pi-sort-numeric-down-alt:before{content:""}.pi-sort-numeric-up-alt:before{content:""}.pi-sort-alpha-down-alt:before{content:""}.pi-sort-alpha-up-alt:before{content:""}.pi-sort-numeric-down:before{content:""}.pi-sort-numeric-up:before{content:""}.pi-sort-alpha-down:before{content:""}.pi-sort-alpha-up:before{content:""}.pi-sort-alt:before{content:""}.pi-sort-amount-up:before{content:""}.pi-sort-amount-down:before{content:""}.pi-sort-amount-down-alt:before{content:""}.pi-sort-amount-up-alt:before{content:""}.pi-palette:before{content:""}.pi-undo:before{content:""}.pi-desktop:before{content:""}.pi-sliders-v:before{content:""}.pi-sliders-h:before{content:""}.pi-search-plus:before{content:""}.pi-search-minus:before{content:""}.pi-file-excel:before{content:""}.pi-file-pdf:before{content:""}.pi-check-square:before{content:""}.pi-chart-line:before{content:""}.pi-user-edit:before{content:""}.pi-exclamation-circle:before{content:""}.pi-android:before{content:""}.pi-google:before{content:""}.pi-apple:before{content:""}.pi-microsoft:before{content:""}.pi-heart:before{content:""}.pi-mobile:before{content:""}.pi-tablet:before{content:""}.pi-key:before{content:""}.pi-shopping-cart:before{content:""}.pi-comments:before{content:""}.pi-comment:before{content:""}.pi-briefcase:before{content:""}.pi-bell:before{content:""}.pi-paperclip:before{content:""}.pi-share-alt:before{content:""}.pi-envelope:before{content:""}.pi-volume-down:before{content:""}.pi-volume-up:before{content:""}.pi-volume-off:before{content:""}.pi-eject:before{content:""}.pi-money-bill:before{content:""}.pi-images:before{content:""}.pi-image:before{content:""}.pi-sign-in:before{content:""}.pi-sign-out:before{content:""}.pi-wifi:before{content:""}.pi-sitemap:before{content:""}.pi-chart-bar:before{content:""}.pi-camera:before{content:""}.pi-dollar:before{content:""}.pi-lock-open:before{content:""}.pi-table:before{content:""}.pi-map-marker:before{content:""}.pi-list:before{content:""}.pi-eye-slash:before{content:""}.pi-eye:before{content:""}.pi-folder-open:before{content:""}.pi-folder:before{content:""}.pi-video:before{content:""}.pi-inbox:before{content:""}.pi-lock:before{content:""}.pi-unlock:before{content:""}.pi-tags:before{content:""}.pi-tag:before{content:""}.pi-power-off:before{content:""}.pi-save:before{content:""}.pi-question-circle:before{content:""}.pi-question:before{content:""}.pi-copy:before{content:""}.pi-file:before{content:""}.pi-clone:before{content:""}.pi-calendar-times:before{content:""}.pi-calendar-minus:before{content:""}.pi-calendar-plus:before{content:""}.pi-ellipsis-v:before{content:""}.pi-ellipsis-h:before{content:""}.pi-bookmark:before{content:""}.pi-globe:before{content:""}.pi-replay:before{content:""}.pi-filter:before{content:""}.pi-print:before{content:""}.pi-align-right:before{content:""}.pi-align-left:before{content:""}.pi-align-center:before{content:""}.pi-align-justify:before{content:""}.pi-cog:before{content:""}.pi-cloud-download:before{content:""}.pi-cloud-upload:before{content:""}.pi-cloud:before{content:""}.pi-pencil:before{content:""}.pi-users:before{content:""}.pi-clock:before{content:""}.pi-user-minus:before{content:""}.pi-user-plus:before{content:""}.pi-trash:before{content:""}.pi-external-link:before{content:""}.pi-window-maximize:before{content:""}.pi-window-minimize:before{content:""}.pi-refresh:before{content:""}.pi-user:before{content:""}.pi-exclamation-triangle:before{content:""}.pi-calendar:before{content:""}.pi-chevron-circle-left:before{content:""}.pi-chevron-circle-down:before{content:""}.pi-chevron-circle-right:before{content:""}.pi-chevron-circle-up:before{content:""}.pi-angle-double-down:before{content:""}.pi-angle-double-left:before{content:""}.pi-angle-double-right:before{content:""}.pi-angle-double-up:before{content:""}.pi-angle-down:before{content:""}.pi-angle-left:before{content:""}.pi-angle-right:before{content:""}.pi-angle-up:before{content:""}.pi-upload:before{content:""}.pi-download:before{content:""}.pi-ban:before{content:""}.pi-star-fill:before{content:""}.pi-star:before{content:""}.pi-chevron-left:before{content:""}.pi-chevron-right:before{content:""}.pi-chevron-down:before{content:""}.pi-chevron-up:before{content:""}.pi-caret-left:before{content:""}.pi-caret-right:before{content:""}.pi-caret-down:before{content:""}.pi-caret-up:before{content:""}.pi-search:before{content:""}.pi-check:before{content:""}.pi-check-circle:before{content:""}.pi-times:before{content:""}.pi-times-circle:before{content:""}.pi-plus:before{content:""}.pi-plus-circle:before{content:""}.pi-minus:before{content:""}.pi-minus-circle:before{content:""}.pi-circle-on:before{content:""}.pi-circle-off:before{content:""}.pi-sort-down:before{content:""}.pi-sort-up:before{content:""}.pi-sort:before{content:""}.pi-step-backward:before{content:""}.pi-step-forward:before{content:""}.pi-th-large:before{content:""}.pi-arrow-down:before{content:""}.pi-arrow-left:before{content:""}.pi-arrow-right:before{content:""}.pi-arrow-up:before{content:""}.pi-bars:before{content:""}.pi-arrow-circle-down:before{content:""}.pi-arrow-circle-left:before{content:""}.pi-arrow-circle-right:before{content:""}.pi-arrow-circle-up:before{content:""}.pi-info:before{content:""}.pi-info-circle:before{content:""}.pi-home:before{content:""}.pi-spinner:before{content:""}:root{--bg-base:#f6f8fb;--bg-elevated:#fff;--bg-sunken:#eef1f6;--bg-sidebar:#101827;--bg-hover:#00000005;--bg:var(--bg-base);--bg-card:var(--bg-elevated);--border:#dde3ed;--border-light:#eef1f6;--text:#0f1f3d;--text-secondary:#374151;--text-muted:#6b7280;--text-light:#9ca3af;--secondary:#0f1f3d;--navy-50:#e8eef6;--navy-100:#c5d4e8;--navy-200:#8fa8cc;--navy-300:#5a7db0;--navy-400:#2a4f8a;--navy-500:#1e3a6e;--navy-600:#162d56;--navy-700:#0f1f3d;--navy-800:#091428;--gold-50:#fdf6e3;--gold-100:#f9ecc5;--gold-200:#f0d87a;--gold-300:#e8c44a;--gold-400:#d4a829;--gold-500:#b8911f;--gold-600:#8a6e14;--gold-700:#5c490e;--primary:#2a4f8a;--primary-dark:#1e3a6e;--primary-light:#e8eef6;--primary-hover:#1e3a6e;--accent:#d4a829;--success:#16a34a;--success-light:#f0fdf4;--success-border:#bbf7d0;--warning:#b45309;--warning-light:#fffbeb;--warning-border:#fde68a;--danger:#dc2626;--danger-light:#fef2f2;--danger-border:#fecaca;--info:#2a4f8a;--info-light:#e8eef6;--info-border:#c5d4e8;--sidebar-width:56px;--sidebar-expanded:220px;--header-height:48px;--content-padding:1.25rem;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--shadow-xs:0 1px 2px #0f1f3d0a;--shadow-sm:0 1px 3px #0f1f3d0f, 0 1px 2px #0f1f3d08;--shadow:0 2px 6px #0f1f3d12, 0 1px 3px #0f1f3d0a;--shadow-md:0 4px 12px #0f1f3d14, 0 2px 4px #0f1f3d0a;--shadow-lg:0 8px 24px #0f1f3d1a, 0 4px 8px #0f1f3d0d;--shadow-sidebar:4px 0 24px #0f1f3d40;--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-lg:10px;--radius-xl:14px;--radius-full:9999px;--transition-fast:.12s ease;--transition:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:13px}body{font-family:var(--font-family);color:var(--text-secondary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}button,input,select,textarea,.p-component{font-family:var(--font-family)}.page-container{max-width:100%}.page-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.page-header h1{color:var(--secondary);white-space:nowrap;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;display:flex}.page-header h1 i{color:var(--navy-400);font-size:1.1rem}.page-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs);padding:1rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.card-title{color:var(--secondary);font-size:.9rem;font-weight:700}.stats-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.stat-card{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);border-left:3px solid var(--navy-400);transition:box-shadow var(--transition), transform var(--transition);cursor:default;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-icon{border-radius:var(--radius);background:var(--navy-50);width:36px;height:36px;color:var(--navy-500);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.stat-card .stat-value{color:var(--secondary);font-size:1.15rem;font-weight:700;line-height:1.2}.stat-card .stat-label{color:var(--text-muted);font-size:.75rem;line-height:1.3}.stat-card .stat-subtitle{color:var(--text-muted);margin-top:1px;font-size:.68rem}.stat-card.success{border-left-color:var(--success)}.stat-card.success .stat-icon{background:var(--success-light);color:var(--success)}.stat-card.warning{border-left-color:var(--warning)}.stat-card.warning .stat-icon{background:var(--warning-light);color:var(--warning)}.stat-card.danger{border-left-color:var(--danger)}.stat-card.danger .stat-icon{background:var(--danger-light);color:var(--danger)}.stat-card.gold{border-left-color:var(--gold-400)}.stat-card.gold .stat-icon{background:var(--gold-50);color:var(--gold-500)}.stat-card.info{border-left-color:var(--info)}.stat-card.info .stat-icon{background:var(--info-light);color:var(--info)}.stat-card-gradient{border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), transform var(--transition);align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.stat-card-gradient:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-gradient.blue{background:linear-gradient(135deg, var(--navy-400), var(--navy-500))}.stat-card-gradient.green{background:linear-gradient(135deg,#22c55e,#15803d)}.stat-card-gradient.purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.stat-card-gradient.orange{background:linear-gradient(135deg, var(--gold-300), var(--gold-500))}.stat-card-gradient.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-card-gradient.rose{background:linear-gradient(135deg,#f43f5e,#e11d48)}.stat-card-gradient.gray{background:linear-gradient(135deg,#6b7280,#4b5563)}.stat-card-gradient.indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-card-gradient .stat-icon{opacity:.9;flex-shrink:0;font-size:1.5rem}.stat-card-gradient .stat-value{font-size:1.15rem;font-weight:800}.stat-card-gradient .stat-label{opacity:.85;font-size:.7rem}.stat-card-gradient .stat-subtitle{opacity:.7;margin-top:1px;font-size:.68rem}.filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.filter-bar .p-inputtext,.filter-bar .p-select,.filter-bar .p-datepicker{height:32px;font-size:.85rem}.filter-section{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.65rem .85rem;display:flex}.filter-section label,.filter-section .filter-label{color:var(--text-muted);white-space:nowrap;margin-right:.2rem;font-size:.78rem;font-weight:600}.filter-section .filter-spacer{margin-left:.75rem}.filter-section select,.filter-section input[type=number],.filter-section input[type=text]{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-elevated);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.38rem .6rem;font-family:inherit;font-size:.85rem}.filter-section select:focus,.filter-section input:focus{border-color:var(--navy-400);box-shadow:0 0 0 2px #2a4f8a1f}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-light);color:var(--warning);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-border)}.badge-info{background:var(--info-light);color:var(--info);border:1px solid var(--info-border)}.badge-help{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.badge-neutral{background:var(--bg-sunken);color:var(--text-muted);border:1px solid var(--border)}.badge-cho-vc{background:var(--warning-light);color:var(--warning);border:1px solid var(--warning-border)}.badge-dang-vc{background:var(--info-light);color:var(--info);border:1px solid var(--info-border)}.badge-da-den-kho{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.badge-da-bao-khach{color:#9d174d;background:#fdf2f8;border:1px solid #fbcfe8}.badge-khach-da-nhan,.badge-da-thu{background:var(--success-light);color:var(--success);border:1px solid var(--success-border)}.badge-chua-thu{background:var(--warning-light);color:var(--warning);border:1px solid var(--warning-border)}.badge-cong-no{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-border)}.form-grid{grid-template-columns:1fr 1fr;gap:1.1rem 1.25rem;display:grid}.form-grid-1{grid-template-columns:1fr;gap:1.1rem;display:grid}.form-grid-1-2{grid-template-columns:1fr 2fr;gap:1.1rem 1.25rem;display:grid}.form-group{flex-direction:column;gap:.15rem;display:flex}.card>.form-grid+.form-grid,.card>.form-grid+.form-group,.card>.form-group+.form-grid,.card>.form-group+.form-group{margin-top:.35rem}.form-group.full{grid-column:1/-1}.form-label{color:var(--text);font-size:.8rem;font-weight:600}.form-section-title{color:var(--navy-500);border-bottom:1px solid var(--border);grid-column:1/-1;margin-top:.25rem;padding-bottom:.4rem;font-size:.85rem;font-weight:700}.form-actions{border-top:1px solid var(--border-light);grid-column:1/-1;justify-content:flex-end;align-items:center;gap:.5rem;padding-top:.75rem;display:flex}.quick-actions{flex-wrap:wrap;gap:.5rem;display:flex}.section-divider{background:var(--border);height:1px;margin:1rem 0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::-webkit-scrollbar-track{background:0 0}.placeholder-view{height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder-view i{opacity:.3;margin-bottom:.75rem;font-size:2.5rem}.placeholder-view h2{margin-bottom:.25rem;font-size:1.1rem}.p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{vertical-align:middle;padding:.35rem .5rem;font-size:.85rem}.p-datatable.p-datatable-sm .p-datatable-thead>tr>th{padding:.4rem .5rem;font-size:.8rem;font-weight:600}.p-datatable .p-paginator{padding:.4rem;font-size:.8rem}.compact-dialog .p-dialog-header,.compact-dialog .p-dialog-content{padding:.75rem 1rem}.compact-dialog .p-dialog-footer{padding:.5rem 1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}.animate-fade-in{animation:.3s fadeIn}.stagger-item{opacity:0;animation:.3s forwards fadeIn;transform:translateY(8px)}.stagger-item:first-child{animation-delay:0s}.stagger-item:nth-child(2){animation-delay:60ms}.stagger-item:nth-child(3){animation-delay:.12s}.stagger-item:nth-child(4){animation-delay:.18s}.stagger-item:nth-child(5){animation-delay:.24s}.stagger-item:nth-child(6){animation-delay:.3s}.skeleton{background:var(--bg-sunken);border-radius:var(--radius-sm);animation:1.5s ease-in-out infinite skeletonPulse}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.text-muted{color:var(--text-muted)}.text-heading{color:var(--secondary)}.text-navy{color:var(--navy-500)}.text-gold{color:var(--gold-400)}.fw-600{font-weight:600}.fw-700{font-weight:700}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cursor-pointer{cursor:pointer}.font-mono{font-family:var(--font-mono)}.input-addon{align-items:stretch;width:100%;display:flex}.input-addon-field{flex:1;min-width:0;border-right:none!important;border-radius:6px 0 0 6px!important}.input-addon-field:focus{z-index:1}.input-addon-suffix{background:var(--bg-sunken);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;border-left:none;border-radius:0 6px 6px 0;align-items:center;padding:0 .75rem;font-size:.82rem;font-weight:600;display:flex}.input-addon-field::-webkit-outer-spin-button{appearance:none;margin:0}.input-addon-field::-webkit-inner-spin-button{appearance:none;margin:0}.input-addon-field[type=number]{appearance:textfield}.page-shell{height:calc(100vh - var(--header-height) - var(--content-padding) * 2);flex-direction:column;gap:.5rem;display:flex}.page-shell .page-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:0;padding:.25rem 0;display:flex}.page-shell .page-header h1{color:var(--secondary);align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:700;display:flex}.page-header-left{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.page-header-right{align-items:center;gap:.5rem;display:flex}.header-icon{color:var(--navy-400);font-size:1rem}.vp-badge{color:var(--text-muted);background:var(--bg-hover);border-radius:var(--radius-sm);align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.82rem;font-weight:600;display:flex}.vp-select-wrap{align-items:center;display:flex}.vp-select{min-width:200px;font-size:.82rem}.refresh-info{color:var(--text-muted);min-width:48px;transition:color var(--transition);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.refresh-info.almost{color:#f97316;font-weight:600}.stats-row{flex-wrap:wrap;flex-shrink:0;gap:.6rem;display:flex}.stats-row .stat-card{border-radius:var(--radius);border-left-style:solid;border-left-width:3px;flex:130px;align-items:center;gap:.65rem;min-width:130px;padding:.65rem .9rem;display:flex;position:relative;overflow:hidden}.stats-row .stat-card .stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:.95rem;display:flex}.stats-row .stat-body{flex-direction:column;flex:1;gap:.05rem;min-width:0;display:flex}.stats-row .stat-value{color:var(--secondary);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;line-height:1.25;overflow:hidden}.stats-row .stat-label{color:var(--text-muted);white-space:nowrap;font-size:.7rem}.stats-row .stat-card.stat-total{border-left-color:#f59e0b}.stats-row .stat-card.stat-total .stat-icon{color:#d97706;background:#fef3c7}.stats-row .stat-card.stat-money{border-left-color:#22c55e}.stats-row .stat-card.stat-money .stat-icon{color:#16a34a;background:#f0fdf4}.stats-row .stat-card.stat-cod{border-left-color:#f97316}.stats-row .stat-card.stat-cod .stat-icon{color:#ea580c;background:#fff7ed}.stats-row .stat-card.stat-cod-active{background:#fff8f8;border-left-color:#ef4444}.stats-row .stat-card.stat-cod-active .stat-icon{color:#dc2626;background:#fef2f2}.stats-row .stat-card.stat-warning{border-left-color:var(--warning)}.stats-row .stat-card.stat-warning .stat-icon{background:var(--warning-light);color:var(--warning)}.stats-row .stat-card.stat-info{border-left-color:var(--info)}.stats-row .stat-card.stat-info .stat-icon{background:var(--info-light);color:var(--info)}.stats-row .stat-card.stat-success{border-left-color:var(--success)}.stats-row .stat-card.stat-success .stat-icon{background:var(--success-light);color:var(--success)}.stats-row .stat-card.stat-gold{border-left-color:var(--gold-400)}.stats-row .stat-card.stat-gold .stat-icon{background:var(--gold-50);color:var(--gold-500)}.stats-row .stat-card.stat-send{border-left-color:#8b5cf6}.stats-row .stat-card.stat-send .stat-icon{color:#7c3aed;background:#f5f3ff}.stats-row .stat-card.stat-neutral{border-left-color:var(--border)}.stats-row .stat-card.stat-neutral .stat-icon{background:var(--bg-sunken);color:var(--text-muted)}.stat-cod-warn{color:#fff;text-transform:uppercase;background:#ef4444;border-radius:4px;padding:.1rem .35rem;font-size:.6rem;font-weight:700;position:absolute;top:8px;right:8px}.tab-bar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;gap:.15rem;padding:.25rem;display:flex}.tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;font-size:.82rem;font-weight:500;font-family:var(--font-family);background:0 0;border:none;align-items:center;gap:.4rem;padding:.35rem .75rem;display:flex}.tab-btn:hover{background:var(--bg-sunken);color:var(--secondary)}.tab-btn.active{background:var(--primary-light);color:var(--primary);font-weight:600}.tab-badge{border-radius:var(--radius-full);background:var(--danger);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}.page-toolbar{flex-direction:column;flex-shrink:0;gap:.4rem;display:flex}.toolbar-row{flex-wrap:wrap;align-items:stretch;gap:.5rem;display:flex}.search-wrap{flex:200px;align-items:center;max-width:300px;display:flex}.search-input{width:100%;height:100%;font-size:.83rem}.filter-select{flex:0 0 180px;font-size:.82rem}.filter-date{flex:0 0 140px;font-size:.82rem}.filter-chanh{flex:0 0 160px}.filter-active-hint{color:#2563eb;border-radius:var(--radius-sm);background:#eff6ff;border:1px solid #bfdbfe;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.78rem;display:flex}.clear-filter{color:var(--danger);cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-family);background:0 0;border:none;margin-left:.25rem;padding:0}.clear-filter:hover{text-decoration:underline}.batch-bar{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-sunken);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.82rem;display:flex}.batch-bar--active{border-color:var(--primary);background:var(--primary-light)}.batch-bar--hint{border-color:var(--border);background:var(--bg-sunken);color:var(--text-muted)}.batch-bar .batch-info{flex:1;align-items:center;gap:.4rem;display:flex}.batch-bar-cod{border-radius:var(--radius);border:1px solid var(--warning-border);background:var(--warning-light);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.82rem;display:flex}.has-more-warn{background:var(--warning-light);border:1px solid var(--warning-border);color:#92400e;border-radius:var(--radius-sm);flex-shrink:0;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.8rem;display:flex}.has-more-warn i{color:var(--warning);font-size:.85rem}.page-table{border-radius:var(--radius);border:1px solid var(--border);flex:1;overflow:hidden}.table-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;padding:2rem;display:flex}.ma-so-cell{color:var(--primary);font-size:.82rem;font-weight:700}.vp-tag{letter-spacing:.03em;border-radius:4px;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.vp-tag.vp-gui{color:#1d4ed8;background:#dbeafe}.vp-tag.vp-nhan{color:#166534;background:#dcfce7}.chanh-tag{color:#7c3aed;background:#f3e8ff;border-radius:4px;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.cod-badge{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-border);border-radius:4px;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.72rem;font-weight:700;display:inline-flex}.cuoc-badge{color:var(--secondary);font-size:.82rem;font-weight:600;display:inline-block}.cuoc-nhan-badge{background:var(--info-light);color:var(--info);border:1px solid var(--info-border);border-radius:4px;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.72rem;font-weight:700;display:inline-flex}.no-val{color:var(--text-light);font-size:.8rem}.action-cell{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;display:flex}.confirm-btn{white-space:nowrap;font-size:.78rem}.waiting-label,.waiting-cod-label{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.75rem;font-style:italic;display:inline-flex}:deep(.row-has-cod){border-left:2px solid #f59e0b;background:#fffbeb!important}:deep(.row-has-cod:hover td){background:#fef3c7!important}:deep(.row-not-selectable){opacity:.6}.person-cell{flex-direction:column;gap:.05rem;display:flex}.person-cell .name{color:var(--secondary);font-size:.82rem;font-weight:600}.person-cell .sub{color:var(--text-muted);font-size:.72rem}.person-cell .phone{color:#2563eb;font-size:.72rem}.cuoc-val{font-size:.82rem;font-weight:600}.confirm-info{flex-direction:column;gap:.5rem;display:flex}.confirm-row{align-items:baseline;gap:.5rem;font-size:.85rem;display:flex}.confirm-lbl{color:var(--text-muted);flex-shrink:0;min-width:80px;font-size:.78rem}.confirm-val{color:var(--secondary);font-size:.85rem}.confirm-cod-warn{background:var(--danger-light);color:var(--danger);border-radius:var(--radius-sm);border:1px solid var(--danger-border);align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.8rem;display:flex}.confirm-cuoc-warn{background:var(--info-light);color:var(--info);border-radius:var(--radius-sm);border:1px solid var(--info-border);align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.8rem;display:flex}.confirm-ghi-chu{flex-direction:column;gap:.3rem;margin-top:.25rem;display:flex}.batch-list{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:200px;padding:.3rem .5rem;overflow-y:auto}.batch-item{border-bottom:1px solid var(--border-light);color:var(--text-muted);align-items:center;gap:.5rem;padding:.2rem 0;font-size:.78rem;display:flex}.batch-item strong{color:var(--secondary);min-width:100px}.page-pagination{color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:.4rem .25rem;font-size:.78rem;display:flex}.pagi-controls{align-items:center;gap:.35rem;display:flex}.info-banner{background:var(--info-light);border:1px solid var(--info-border);color:var(--info);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.8rem;display:flex}.quick-chip{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-sunken);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);font-size:.75rem;font-weight:500;font-family:var(--font-family);align-items:center;gap:.25rem;padding:.25rem .6rem;display:inline-flex}.quick-chip:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.quick-chip--active{background:var(--warning-light);border-color:var(--warning-border);color:var(--warning);font-weight:600}.bk-label{color:var(--text);font-size:.8rem;font-weight:600}.summary-footer{color:var(--text-muted);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;justify-content:space-between;align-items:center;padding:.35rem .5rem;font-size:.78rem;display:flex}.cod-total{color:var(--danger);font-weight:700}