:root{--primary:#1a6b3a;--primary-light:#e8f5ee;--primary-mid:#2e8b57;--primary-dark:#144d2b;--accent:#f0a500;--danger:#dc3545;--warning:#f59e0b;--info:#0ea5e9;--success:#16a34a;--g50:#f9fafb;--g100:#f3f4f6;--g200:#e5e7eb;--g300:#d1d5db;--g400:#9ca3af;--g500:#6b7280;--g700:#374151;--g900:#111827;--shadow-sm:0 1px 3px #00000014;--shadow:0 2px 12px #0000001a;--shadow-lg:0 8px 40px #0003;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--radius:8px;--radius-sm:5px;--radius-md:6px;--radius-lg:10px;--font-family:"Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs:10px;--font-size-sm:11px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:15px;--font-size-xl:16px;--font-size-2xl:21px;--font-size-3xl:22px;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--content-max-width:1600px;--sidebar-width:220px;--topbar-height:52px;--table-header-height:40px;--table-row-height:52px;--table-cell-x:14px;--table-cell-y:10px;--table-action-width:64px;--table-date-width:132px;--table-status-width:150px;--table-num-width:120px;--table-hover-bg:var(--g50);--table-border:var(--g100);--table-control-size:32px;--z-topbar:200;--z-modal:500}*,:before,:after{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--g900);background-color:#f0f2f5;min-height:100vh;line-height:1.5}[data-lucide]{vertical-align:-.2em;display:inline-block}svg.lucide{stroke-width:2px;vertical-align:-.2em;flex-shrink:0;width:1.05em;height:1.05em}.status-dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot-red{background:var(--danger)}.status-dot-amber{background:var(--warning)}.status-dot-green{background:var(--success)}.status-dot-blue{background:var(--info)}.status-dot-purple{background:#7c3aed}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:var(--font-weight-extrabold)}p{margin-bottom:var(--spacing-md)}a{color:var(--primary);text-decoration:none;transition:color .15s}a:hover{color:var(--primary-dark)}a[href]{cursor:pointer}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.text-muted{color:var(--g500)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar{z-index:var(--z-topbar);height:var(--topbar-height);padding:0 var(--spacing-2xl);background-color:var(--primary);color:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000040}.topbar-brand{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);white-space:nowrap;display:flex}.topbar-brand svg{flex-shrink:0}.topbar-nav{align-items:center;gap:var(--spacing-xs);margin:0 var(--spacing-lg);display:flex}.nav-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:#ffffffbf;text-decoration:none;transition:all .15s;display:inline-block}.nav-item:hover{color:#fff;background-color:#ffffff1a}.nav-item.active{color:#fff;font-weight:var(--font-weight-semibold);background-color:#ffffff2e}.topbar-search{max-width:420px;margin:0 var(--spacing-lg);flex:1;position:relative}.topbar-search-icon{color:#ffffffa6;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topbar-search-input{border-radius:var(--radius-md);color:#fff;width:100%;height:36px;font-size:var(--font-size-sm);background:#ffffff1f;border:1px solid #ffffff40;padding:0 12px 0 36px}.topbar-search-input::placeholder{color:#ffffffa6}.topbar-search-input:focus{background:#fff3;border-color:#ffffff80;outline:none}.topbar-search-results{border-radius:var(--radius);width:100%;min-width:340px;max-height:420px;box-shadow:var(--shadow-lg);z-index:300;background:#fff;display:none;position:absolute;top:44px;left:0;overflow-y:auto}.topbar-search-results.open{display:block}.tsr-group-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--g400);text-transform:uppercase;letter-spacing:.5px;padding:10px 14px 4px}.tsr-item{color:var(--g900);align-items:center;gap:10px;padding:8px 14px;text-decoration:none;display:flex}.tsr-item:hover{background:var(--primary-light)}.tsr-item-avatar{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:flex}.tsr-item-icon{background:var(--g100);width:26px;height:26px;color:var(--g500);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tsr-empty{text-align:center;color:var(--g400);font-size:var(--font-size-sm);padding:18px 14px}.topbar-right{align-items:center;gap:var(--spacing-lg);font-size:var(--font-size-sm);margin-left:auto;display:flex}.notif-btn{cursor:pointer;opacity:.85;transition:opacity .15s;position:relative}.notif-btn:hover{opacity:1}.notif-dot{border:1.5px solid var(--primary);background-color:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.avatar{width:30px;height:30px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;background-color:#ffffff40;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.avatar:hover{background-color:#ffffff59}.topbar-logout{color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;background-color:#ffffff1f;border:1px solid #ffffff5c;border-radius:999px;align-items:center;padding:6px 12px;transition:all .15s;display:inline-flex}.topbar-logout:hover{background-color:#fff3}.topbar-logout:focus-visible{outline-offset:2px;outline:2px solid #fffc}.layout{min-height:calc(100vh - var(--topbar-height));display:flex}.sidebar{top:var(--topbar-height);width:var(--sidebar-width);height:calc(100vh - var(--topbar-height));padding:var(--spacing-md) 0;border-right:1px solid var(--g200);background-color:#fff;flex-shrink:0;position:sticky;overflow-y:auto}.sidebar-section-label{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--g400);text-transform:uppercase;letter-spacing:.6px}.sidebar-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--g700);cursor:pointer;border-left:3px solid #0000;text-decoration:none;transition:all .12s;display:flex}.sidebar-item:hover{background-color:var(--primary-light);color:var(--primary)}.sidebar-item.active{background-color:var(--primary-light);color:var(--primary);border-left-color:var(--primary);font-weight:var(--font-weight-bold)}.sidebar-item .icon{text-align:center;width:20px;font-size:var(--font-size-lg)}.sidebar-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:10px;flex-shrink:0;margin-left:auto}.sidebar-badge.warn{background-color:#ef4444}.sidebar-item-toggle{justify-content:space-between}.submenu-caret{color:var(--g400);flex-shrink:0;margin-left:auto;transition:transform .15s}.sidebar-submenu.open .submenu-caret{transform:rotate(180deg)}.sidebar-submenu-list{max-height:0;transition:max-height .2s;overflow:hidden}.sidebar-submenu.open .sidebar-submenu-list{max-height:240px}.sidebar-subitem{padding-left:calc(var(--spacing-lg) + 20px + var(--spacing-md));font-size:var(--font-size-sm)}.sidebar-divider{border:none;border-top:1px solid var(--g200);margin:var(--spacing-sm) 0}.sidebar-logout{color:#b42318;display:none}.sidebar-logout:hover{color:#912018;background-color:#ffe5e3}.main{padding:var(--spacing-xl) var(--spacing-2xl) 40px;flex:1;min-width:0;overflow-y:auto}.page-container{max-width:var(--content-max-width);margin-inline:auto}.breadcrumb{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:var(--font-size-xs);color:var(--g500);display:flex}.breadcrumb a{color:var(--primary);text-decoration:none}.page-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;display:flex}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--g900)}.page-sub{font-size:var(--font-size-xs);color:var(--g400);margin-top:3px}.header-actions{align-items:center;gap:var(--spacing-md);display:flex}@media (width<=1024px){.sidebar{z-index:100;width:280px;height:100%;transition:transform .3s;position:fixed;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.layout{min-height:100%}.sidebar-logout{display:flex}.topbar-logout{display:none}}@media (width<=768px){.topbar{padding:0 var(--spacing-lg)}.topbar-nav{display:none}.main{padding:var(--spacing-lg)}.page-header{gap:var(--spacing-md);flex-direction:column}.header-actions{width:100%}}.cust-switch{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.cust-switch-back{color:var(--g500);border-right:1px solid var(--g200);align-items:center;gap:4px;padding-right:8px;font-size:12px;text-decoration:none;display:inline-flex}.cust-switch-back:hover{color:var(--primary)}.cust-switch-item{color:var(--g600);background:var(--g100);border-radius:20px;padding:4px 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .12s}.cust-switch-item:hover{background:var(--primary-light);color:var(--primary)}.cust-switch-item.active{background:var(--primary);color:#fff}.card{border:1px solid var(--g200);border-radius:var(--radius);box-shadow:var(--shadow-sm);background-color:#fff;margin-bottom:18px;overflow:hidden}.card-header{align-items:center;gap:var(--spacing-md);padding:13px var(--spacing-xl);background-color:var(--g50);border-bottom:1px solid var(--g200);display:flex}.card-icon{border-radius:var(--radius-md);width:30px;height:30px;font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.card-sub{font-size:var(--font-size-xs);color:var(--g500);margin-top:1px}.card-body{padding:var(--spacing-xl)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);height:36px;padding:0 var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;border:none;border-radius:7px;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:32px;padding:0 var(--spacing-md);font-size:var(--font-size-xs)}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 2px 5px #1a6b3a40}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:0 4px 8px #1a6b3a59}.btn-outline{color:var(--g700);border:1.5px solid var(--g300);background-color:#fff}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-ghost{color:var(--g500);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--g100);color:var(--g700)}.btn-back{border:1.5px solid var(--g300);width:26px;height:26px;color:var(--g600);cursor:pointer;background-color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.btn-back:hover{background-color:var(--g100);border-color:var(--g400);color:var(--g900)}.btn-back i{width:14px;height:14px}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-export{color:#fff;background-color:#0ea5e9}.btn-export:hover:not(:disabled){background-color:#0284c7}.btn-accent{background-color:var(--accent);color:#fff}.btn-accent:hover:not(:disabled){background-color:#d4920a}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){background-color:#15803d}.form-grid{grid-template-columns:repeat(3,1fr);gap:16px 20px;display:grid}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-4{grid-template-columns:repeat(4,1fr)}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-label{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--g700);display:flex}.required{color:var(--danger)}.form-control{height:38px;padding:0 var(--spacing-md);border:1.5px solid var(--g300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--g900);background-color:#fff;width:100%;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1a6b3a1a}.form-control:disabled,.form-control.readonly{color:var(--g700);cursor:not-allowed;font-weight:var(--font-weight-semibold);background-color:#f0f4f8;border-style:dashed}.form-control.auto{color:#92400e;font-weight:var(--font-weight-bold);cursor:not-allowed;background-color:#fffbeb;border-style:dashed;border-color:#fcd34d}textarea.form-control{height:70px;padding:var(--spacing-sm) var(--spacing-md);resize:vertical}.form-hint{font-size:var(--font-size-xs);color:var(--g500)}.inp-group{position:relative}.inp-group .form-control{padding-right:40px}.inp-sfx{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--g400);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}hr.divider{border:none;border-top:1px dashed var(--g300);margin:var(--spacing-sm) 0 var(--spacing-lg)}.stat-row{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{border:1px solid var(--g200);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;background-color:#fff;padding:14px 16px;transition:box-shadow .15s,transform .15s}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.stat-card.active-filter{border-color:var(--primary);box-shadow:0 0 0 2px #1a6b3a33}.stat-label{margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--g500)}.stat-value{font-size:22px;font-weight:var(--font-weight-extrabold);color:var(--g900)}.stat-sub{font-size:var(--font-size-xs);color:var(--g400);margin-top:3px}.badge{align-items:center;gap:var(--spacing-xs);font-size:11.5px;font-weight:var(--font-weight-bold);white-space:nowrap;border-radius:20px;padding:3px 10px;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px}.badge-draft{color:#4b5563;background-color:#f3f4f6}.badge-draft .badge-dot{background-color:#9ca3af}.badge-pending{color:#92400e;background-color:#fef3c7}.badge-pending .badge-dot{background-color:#f59e0b}.badge-active{color:#065f46;background-color:#d1fae5}.badge-active .badge-dot{background-color:#10b981}.badge-delivering{color:#1d4ed8;background-color:#dbeafe}.badge-delivering .badge-dot{background-color:#3b82f6}.badge-completed{color:#065f46;background-color:#d1fae5}.badge-completed .badge-dot{background-color:#22c55e}.badge-cancelled{color:#991b1b;background-color:#fee2e2}.badge-cancelled .badge-dot{background-color:#ef4444}.badge-unpaid{color:#b91c1c;background-color:#fef2f2}.badge-unpaid .badge-dot{background-color:#ef4444}.badge-partial{color:#92400e;background-color:#fffbeb}.badge-partial .badge-dot{background-color:#f59e0b}.badge-paid{color:#166534;background-color:#f0fdf4}.badge-paid .badge-dot{background-color:#22c55e}.badge-overdue{color:#5b21b6;background-color:#f5f3ff}.badge-overdue .badge-dot{background-color:#7c3aed}.badge-inactive{color:#6b7280;background-color:#f3f4f6}.badge-inactive .badge-dot{background-color:#9ca3af}.type-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:4px;padding:2px 8px;display:inline-block}.type-ban{color:#1d4ed8;background-color:#dbeafe}.type-dieu{color:#9d174d;background-color:#fce7f3}.type-hoan{color:#991b1b;background-color:#fee2e2}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:10px 14px;font-size:12.5px;display:flex}.alert-info{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.alert-warn{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a}.alert-success{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.action-bar{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--g200);background-color:#fff;justify-content:flex-end;gap:10px;display:flex}.modal-overlay{z-index:var(--z-modal);background-color:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background-color:#fff;width:600px;max-width:95vw;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--g200);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.modal-close{background-color:var(--g100);cursor:pointer;width:30px;height:30px;font-size:var(--font-size-xl);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.modal-close:hover{background-color:var(--g200)}.modal-body{padding:var(--spacing-xl)}.modal-footer{justify-content:flex-end;gap:var(--spacing-md);padding:14px var(--spacing-xl);border-top:1px solid var(--g200);display:flex}.chip{align-items:center;gap:var(--spacing-xs);background-color:var(--primary-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary);cursor:pointer;border:1px solid #1a6b3a40;border-radius:20px;padding:4px 10px;display:inline-flex}.chip-clear{color:var(--danger);background-color:#fef2f2;border-color:#fecaca}@media (width<=768px){.form-grid,.form-grid-2,.form-grid-4{grid-template-columns:1fr}.col-span-2,.col-span-3,.col-span-4{grid-column:span 1}.stat-row{grid-template-columns:repeat(2,1fr)}.action-bar{flex-direction:column}.btn{width:100%}}.table-card{border:1px solid var(--g200);border-radius:var(--radius);background-color:#fff;overflow:hidden}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table-fixed{table-layout:fixed;min-width:var(--dt-min,0)}.data-table thead tr{background-color:var(--primary);color:#fff}.data-table thead th{height:var(--table-header-height);padding:0 var(--table-cell-x);font-size:12.5px;font-weight:var(--font-weight-semibold);text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.data-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table thead th.sortable:hover{background-color:var(--primary-dark)}.data-table tbody tr{border-bottom:1px solid var(--table-border);transition:background-color .1s}.data-table tbody tr:hover{background-color:var(--table-hover-bg)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody td{height:var(--table-row-height);padding:var(--table-cell-y) var(--table-cell-x);font-size:var(--font-size-base);color:var(--g900);vertical-align:middle}.data-table tbody tr.is-selected{background-color:var(--primary-light)}.data-table.is-refreshing tbody{opacity:.55;transition:opacity .12s}.data-table .col-num{text-align:right;font-variant-numeric:tabular-nums}.data-table .col-action{text-align:center;padding-left:0;padding-right:0}.data-table .col-check{text-align:center}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cell-nowrap{white-space:nowrap}.cell-muted{color:var(--g500);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}.cell-primary{font-weight:var(--font-weight-semibold);color:var(--g900)}.cell-secondary{color:var(--g500);font-size:12px;display:block}.cell-identity{min-width:0;color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.data-table .cell-identity .img-badge{width:32px;height:32px;font-size:13px}.cell-identity-text{min-width:0}@media (width<=1535px){.data-table .col-p2{display:none}.data-table-fixed{min-width:var(--dt-min-compact,var(--dt-min,0))}}.th-check{width:40px;padding-left:14px!important}input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--primary)}.row-acts{opacity:0;align-items:center;gap:4px;transition:opacity .15s;display:flex}.data-table tbody tr:hover .row-acts{opacity:1}.act-btn{width:var(--table-control-size);height:var(--table-control-size);color:var(--g400);font-size:var(--font-size-sm);cursor:pointer;background-color:#0000;border:none;border-radius:5px;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.act-btn:hover{background-color:var(--g100);color:var(--g700)}.act-btn.view:hover{color:#1d4ed8;background-color:#dbeafe}.act-btn.edit:hover{color:#9d174d;background-color:#fce7f3}.act-btn.del:hover{color:#991b1b;background-color:#fee2e2}.act-btn.print:hover{color:#065f46;background-color:#d1fae5}.toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:var(--spacing-md);display:flex}.result-count{font-size:var(--font-size-sm);color:var(--g500)}.filter-select{border:1.5px solid var(--g300);border-radius:var(--radius-md);height:38px;font-size:var(--font-size-base);color:var(--g900);cursor:pointer;background-color:#fff;padding:0 10px;transition:border-color .15s}.filter-select:focus{border-color:var(--primary);outline:none}input.filter-select{cursor:text}.filter-select-sm{border:1.5px solid var(--g300);border-radius:var(--radius-md);height:30px;font-size:var(--font-size-sm);color:var(--g900);cursor:pointer;background-color:#fff;padding:0 8px}.filter-tabs{flex-wrap:wrap;gap:4px;display:flex}.ftab{align-items:center;gap:var(--spacing-xs);border:1.5px solid var(--g200);border-radius:var(--radius-md);color:var(--g700);font-size:12.5px;font-weight:var(--font-weight-semibold);cursor:pointer;background-color:#fff;padding:6px 13px;transition:all .12s;display:flex}.ftab:hover{border-color:var(--primary);color:var(--primary)}.ftab.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.ftab-count{font-size:var(--font-size-xs);background-color:#0000001a;border-radius:10px;padding:1px 6px}.ftab.active .ftab-count{background-color:#ffffff40}.table-footer{justify-content:space-between;align-items:center;gap:var(--spacing-md);background-color:var(--g50);border-top:1px solid var(--g100);flex-wrap:wrap;padding:10px 16px;display:flex}.table-footer-left{align-items:center;gap:var(--spacing-lg);color:var(--g500);font-size:12.5px;display:flex}.page-size-select{border:1px solid var(--g300);height:32px;font-size:var(--font-size-xs);cursor:pointer;background-color:#fff;border-radius:5px;padding:0 8px}.pagination{align-items:center;gap:4px;display:flex}.pg-btn{min-width:var(--table-control-size);height:var(--table-control-size);border:1px solid var(--g200);color:var(--g600);font-size:12.5px;font-weight:var(--font-weight-semibold);cursor:pointer;background-color:#fff;border-radius:5px;justify-content:center;align-items:center;padding:0 8px;transition:all .12s;display:flex}.pg-btn:hover{border-color:var(--primary);color:var(--primary)}.pg-btn.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-ellipsis{text-align:center;min-width:20px;color:var(--g400)}.pg-btn.disabled{opacity:.4;cursor:not-allowed}.items-table{border-collapse:collapse;width:100%;min-width:900px}.items-table thead tr{background-color:var(--primary);color:#fff}.items-table thead th{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-align:left;white-space:nowrap;padding:9px 10px}.items-table tbody tr{border-bottom:1px solid var(--g100)}.items-table tbody tr:hover{background-color:#f0fdf4}.items-table tbody td{vertical-align:middle;padding:7px 8px}.tbl-input{border:1.5px solid var(--g300);width:100%;height:33px;font-size:var(--font-size-xs);background-color:#fff;border-radius:5px;padding:0 8px;transition:border-color .15s}.tbl-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1a6b3a1a}.tbl-input.auto{color:#92400e;font-weight:var(--font-weight-bold);cursor:not-allowed;background-color:#fffbeb;border-style:dashed;border-color:#fcd34d}.tbl-input.readonly{cursor:not-allowed;background-color:#f0f4f8;border-style:dashed}select.tbl-input{cursor:pointer}.btn-remove{width:27px;height:27px;color:var(--danger);cursor:pointer;background-color:#fee2e2;border:none;border-radius:5px;justify-content:center;align-items:center;margin:0 auto;font-size:14px;transition:background-color .15s;display:flex}.btn-remove:hover{background-color:#fca5a5}.btn-add-row{align-items:center;gap:var(--spacing-sm);border:1.5px dashed var(--primary);border-radius:var(--radius-md);background-color:var(--primary-light);color:var(--primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;margin-top:12px;padding:7px 14px;transition:background-color .15s;display:inline-flex}.btn-add-row:hover{background-color:#d1edd9}.summary-row td{font-weight:var(--font-weight-extrabold);color:var(--primary);background-color:#f0fdf4}.amount{text-align:right;font-variant-numeric:tabular-nums}.amount.bold{font-weight:var(--font-weight-bold)}.tam-trigger{width:var(--table-control-size);height:var(--table-control-size);border-radius:var(--radius-sm);color:var(--g500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.tam-trigger:hover,.tam-trigger[aria-expanded=true]{background-color:var(--g100);color:var(--g900)}.tam-trigger:focus-visible,.tam-item:focus-visible,.act-btn:focus-visible,.pg-btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.tam-menu{z-index:300;border:1px solid var(--g200);border-radius:var(--radius);text-align:left;background:#fff;min-width:190px;padding:6px;position:fixed;box-shadow:0 8px 24px #0000001f}.tam-item{border-radius:var(--radius-md);width:100%;color:var(--g700);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;text-decoration:none;display:flex}.tam-item:hover,.tam-item:focus{background-color:var(--g50);outline:none}.tam-item.danger{color:var(--danger)}.tam-divider{background-color:var(--g100);height:1px;margin:4px 0}@media (width<=768px){.table-wrap{-webkit-overflow-scrolling:touch}.toolbar{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.filter-tabs{width:100%}.table-footer{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.row-acts{opacity:1}}.tab-bar{margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--g200);display:flex}.tab{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--g500);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;transition:all .12s}.tab:hover{color:var(--primary)}.tab.active{border-bottom-color:var(--primary);color:var(--primary)}.tab-count{font-size:var(--font-size-xs);background-color:var(--g200);border-radius:10px;margin-left:4px;padding:1px 6px}.tab.active .tab-count{background-color:var(--primary-light);color:var(--primary)}.step-indicator,.workflow-bar{margin-bottom:var(--spacing-xl);align-items:center;gap:0;display:flex}.step,.wf-step{align-items:center;gap:var(--spacing-sm);border:1px solid var(--g200);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--g500);background-color:#fff;padding:10px 18px;display:flex;position:relative}.step:first-child,.wf-step:first-child{border-radius:7px 0 0 7px}.step:last-child,.wf-step:last-child{border-radius:0 7px 7px 0}.step.done,.wf-step.done{background-color:var(--primary-light);color:var(--primary);border-color:#1a6b3a4d}.step.current,.wf-step.current{background-color:var(--primary);color:#fff;border-color:var(--primary)}.step-num,.wf-step-num{width:20px;height:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);background-color:#0000001f;border-radius:50%;justify-content:center;align-items:center;display:flex}.wf-step-num{width:22px;height:22px}.step.done .step-num,.wf-step.done .wf-step-num{background-color:var(--primary);color:#fff}.step.current .step-num,.wf-step.current .wf-step-num{color:#fff;background-color:#ffffff40}.wf-arrow{color:var(--g300);z-index:1;align-items:center;margin:0 -1px;font-size:14px;display:flex}.totals-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.total-box{text-align:right;border:1px solid;border-radius:8px;padding:14px 16px}.total-box.en{background-color:#eff6ff;border-color:#bfdbfe}.total-box.eo{background-color:#fef9c3;border-color:#fde68a}.total-box.ep{background-color:#dcfce7;border-color:#86efac}.total-box.eq{background-color:#fee2e2;border-color:#fca5a5}.total-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--g700);margin-bottom:4px;display:block}.total-value{font-size:20px;font-weight:var(--font-weight-extrabold)}.total-sub{font-size:var(--font-size-xs);color:var(--g500);margin-top:2px}.gp-row{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 16px;display:flex}.gp-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#15803d}.gp-value{font-size:18px;font-weight:var(--font-weight-extrabold);color:#15803d}.gpm-badge{margin-left:var(--spacing-md);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background-color:#15803d;border-radius:20px;padding:2px 10px}.cust-card{align-items:center;gap:var(--spacing-md);display:flex}.cust-avatar{background-color:var(--primary-light);width:38px;height:38px;font-size:16px;font-weight:var(--font-weight-bold);color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cust-info .name{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.cust-info .sub{font-size:var(--font-size-xs);color:var(--g400)}.detail-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.detail-item label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--g400);text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;display:block}.detail-item span{font-size:var(--font-size-sm);color:var(--g900);font-weight:500}.detail-row{border-bottom:1px solid var(--g100);flex-direction:column;gap:3px;padding:10px 0;display:flex}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row:first-child{padding-top:0}.detail-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--g400);text-transform:uppercase;letter-spacing:.3px}.detail-value{font-size:var(--font-size-sm);color:var(--g900);font-weight:500}.search-area{border:1px solid var(--g200);border-radius:var(--radius);box-shadow:var(--shadow-sm);background-color:#fff;margin-bottom:16px;overflow:hidden}.quick-search-bar{border-bottom:1px solid var(--g200);align-items:center;gap:10px;padding:13px 16px;display:flex}.search-wrap{flex:1;max-width:480px;position:relative}.search-wrap input{border:1.5px solid var(--g300);width:100%;height:38px;font-size:var(--font-size-sm);color:var(--g900);background-color:#fff;border-radius:7px;padding:0 38px 0 36px;transition:border-color .15s,box-shadow .15s}.search-wrap input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1a6b3a1a}.ico-s{font-size:var(--font-size-lg);color:var(--g400);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.adv-panel{padding:var(--spacing-lg);background-color:var(--g50);border-bottom:1px solid var(--g200)}.adv-grid{margin-bottom:var(--spacing-lg);grid-template-columns:repeat(4,1fr);gap:12px 16px;display:grid}.adv-group{flex-direction:column;gap:4px;display:flex}.adv-label{font-size:11.5px;font-weight:var(--font-weight-semibold);color:var(--g700)}.adv-input{border:1.5px solid var(--g300);border-radius:var(--radius-md);background-color:#fff;width:100%;height:35px;padding:0 10px;font-size:12.5px;transition:border-color .15s}.adv-input:focus{border-color:var(--primary);outline:none}.due-warn{color:#b91c1c;font-weight:var(--font-weight-bold)}.due-soon{color:#92400e}.due-ok{color:var(--g400)}.badge-failed{color:#b91c1c;background-color:#fef2f2}.badge-failed .badge-dot{background-color:#dc2626}.subtab-bar{margin:var(--spacing-lg) 0 var(--spacing-md);border-bottom:1px solid var(--g200);gap:4px;display:flex}.subtab{font-size:12.5px;font-weight:var(--font-weight-semibold);color:var(--g500);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;margin-bottom:-1px;padding:8px 14px}.subtab:hover{background:var(--g100,#f3f4f6);color:var(--primary)}.subtab.active{border-bottom-color:var(--primary);color:var(--primary);background:var(--primary-light)}.subtab .tab-count{margin-left:4px}.status-pair{gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.status-pair-item{flex-direction:column;gap:4px;display:flex}.status-pair-label{text-transform:uppercase;letter-spacing:.03em;color:var(--g500);font-size:11px;font-weight:var(--font-weight-bold)}.progress-bar{background:var(--g200);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:var(--primary-mid,#2e8b57);border-radius:4px;height:100%}.progress-bar-fill.is-complete{background:#22c55e}.progress-label{color:var(--g500);margin-top:4px;font-size:12px}.kpi-row{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(5,1fr);display:grid}.kpi-card{align-items:flex-start;gap:var(--spacing-md);border:1px solid var(--g200);border-radius:var(--radius);box-shadow:var(--shadow-sm);background-color:#fff;padding:16px;display:flex}.kpi-icon{border-radius:var(--radius-md);background-color:var(--g100);width:40px;height:40px;color:var(--g500);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi-icon.kpi-blue{color:#1d4ed8;background-color:#dbeafe}.kpi-icon.kpi-amber{color:#92400e;background-color:#fef3c7}.kpi-icon.kpi-purple{color:#6d28d9;background-color:#ede9fe}.kpi-icon.kpi-red{color:#b91c1c;background-color:#fee2e2}.kpi-icon.kpi-green{background-color:var(--primary-light);color:var(--primary)}.kpi-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--g500);margin-bottom:2px}.kpi-value{font-size:22px;font-weight:var(--font-weight-extrabold);color:var(--g900);line-height:1.2}.kpi-sub{color:var(--g400);align-items:center;gap:3px;margin-top:2px;font-size:11px;display:flex}.kpi-sub i{width:11px;height:11px}.kpi-sub.up{color:var(--success)}.kpi-sub.down,.kpi-sub.bad{color:var(--danger)}.dash-date{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--g700);white-space:nowrap;align-items:center;gap:6px;display:flex}.dash-date-sub{color:var(--g400);text-align:right;margin-top:2px;font-size:11.5px}.dash-row-2{gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;min-width:0;display:grid}.dash-row-2>.card{min-width:0}.dash-grid-2{gap:var(--spacing-lg);grid-template-columns:2fr 1fr;align-items:start;display:grid}.dash-zone-c{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.dash-stack{gap:var(--spacing-lg);flex-direction:column;min-width:0;display:flex}.dash-stack>.card{margin-bottom:0}.dash-table{table-layout:fixed}.dash-table th,.dash-table td{white-space:nowrap;text-overflow:ellipsis;padding:7px 6px;font-size:12.5px;overflow:hidden}.dash-table thead th{font-size:11px}.dash-table td[style*=text-align\:right]{text-overflow:clip;overflow:visible}.gh-col-so{width:23%}.gh-col-driver{width:4%}.gh-col-plate{width:17%}.gh-col-inv{width:7%}.gh-col-pkg{width:9%}.gh-col-kg{width:11%}.gh-col-status{width:22%}.gh-col-act{width:7%}@media (width>=1440px){.gh-col-so{width:21%}.gh-col-driver{width:11%}.gh-col-plate{width:15%}.gh-col-status{width:20%}.gh-col-act{width:6%}}.dash-table .badge{padding:2px 8px;font-size:11px}.dash-table .mini-progress{min-width:0}.task-list{flex-direction:column;display:flex}.task-item{align-items:center;gap:var(--spacing-md);padding:12px var(--spacing-xl);border-left:3px solid var(--g300);border-bottom:1px solid var(--g100);color:inherit;text-decoration:none;transition:background-color .12s;display:flex}.task-item:last-child{border-bottom:none}.task-item:hover{background-color:var(--g50)}.task-item.warn{border-left-color:var(--danger)}.task-item.info{border-left-color:var(--info)}.task-item.amber{border-left-color:var(--warning)}.task-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--g900)}.task-item-sub{color:var(--g500);font-size:11.5px}.task-count{color:#b91c1c;min-width:24px;height:24px;font-size:12px;font-weight:var(--font-weight-bold);background-color:#fee2e2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0 6px;display:inline-flex}.task-item-link{color:var(--g400);white-space:nowrap;flex-shrink:0;font-size:12px}.quick-action-item{align-items:center;gap:var(--spacing-md);border:1px solid var(--g200);border-radius:var(--radius);color:inherit;margin-bottom:var(--spacing-md);padding:14px 16px;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:flex}.quick-action-item:last-child{margin-bottom:0}.quick-action-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.quick-action-icon{border-radius:var(--radius-md);background-color:var(--primary-light);width:36px;height:36px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-action-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.quick-action-sub{color:var(--g500);font-size:11.5px}.quick-action-arrow{color:var(--g400);margin-left:auto}.mini-progress{align-items:center;gap:8px;min-width:110px;display:flex}.mini-progress .progress-bar{flex:1}.mini-progress-label{color:var(--g500);white-space:nowrap;font-size:11.5px}.rbac-grid{gap:var(--spacing-lg);grid-template-columns:minmax(480px,560px) 1fr;align-items:start;display:grid}.role-row{cursor:pointer}.role-row:hover{background-color:var(--g50)}.role-row.active{background-color:var(--primary-light)}.role-row.active td:first-child{box-shadow:inset 3px 0 0 var(--primary)}.perm-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);border-bottom:1px solid var(--g200);flex-wrap:wrap;padding:14px 20px;display:flex}.perm-summary-pills{flex-shrink:0;gap:8px;display:flex}.perm-summary-pill{background-color:var(--g100);font-size:12.5px;font-weight:var(--font-weight-semibold);color:var(--g700);white-space:nowrap;border-radius:20px;padding:6px 14px}.perm-summary-pill strong{color:var(--primary)}.perm-info-strip{background-color:var(--g50);border-bottom:1px solid var(--g200);grid-template-columns:repeat(5,1fr);gap:16px;padding:14px 20px;display:grid}.perm-info-strip .detail-item span{align-items:center;gap:6px;display:flex}.perm-toolbar{border-bottom:1px solid var(--g200);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;display:flex}.filter-pill{border:1.5px solid var(--g300);font-size:12.5px;font-weight:var(--font-weight-semibold);color:var(--g600);cursor:pointer;white-space:nowrap;background-color:#fff;border-radius:20px;padding:7px 14px;transition:all .12s}.filter-pill:hover{border-color:var(--primary);color:var(--primary)}.filter-pill.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.perm-group-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px;display:grid}.perm-group-card{border:1px solid var(--g200);border-radius:var(--radius);background-color:#fff;overflow:hidden}.perm-group-head{background-color:var(--g50);border-bottom:1px solid var(--g200);cursor:pointer;align-items:center;gap:10px;padding:12px 14px;display:flex}.perm-group-icon{border-radius:var(--radius-md);background-color:var(--primary-light);width:32px;height:32px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.perm-group-title{font-size:13px;font-weight:var(--font-weight-bold);color:var(--g900)}.perm-group-count{color:var(--g500);font-size:11px}.perm-group-chevron{color:var(--g400);margin-left:auto;transition:transform .15s}.perm-group-card.collapsed .perm-group-chevron{transform:rotate(-90deg)}.perm-group-card.collapsed .perm-group-body{display:none}.perm-group-body{padding:10px 14px}.perm-item{cursor:pointer;align-items:flex-start;gap:9px;padding:7px 0;display:flex}.perm-item input[type=checkbox]{flex-shrink:0;margin-top:2px}.perm-item-label{font-size:12.5px;font-weight:var(--font-weight-semibold);color:var(--g900);line-height:1.3}.perm-item-code{color:var(--g400);font-family:Cascadia Code,Consolas,monospace;font-size:11px}.perm-item.is-hidden{display:none}.rbac-footer{border-top:1px solid var(--g200);background-color:#fff;justify-content:flex-end;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;bottom:0}.rbac-unsaved-hint{color:var(--warning);font-size:12.5px;font-weight:var(--font-weight-semibold);align-items:center;gap:6px;margin-right:auto;display:none}.rbac-unsaved-hint.show{display:flex}.rbac-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed;background-color:var(--g300);border-color:var(--g300)}.region-badge{border-radius:10px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.region-badge.region-south{color:#1d4ed8;background:#dbeafe}.region-badge.region-north{color:#92400e;background:#fef3c7}.region-badge.region-central{color:#6d28d9;background:#f3e8ff}.chip-count{color:#1d4ed8;min-width:26px;font-size:12px;font-weight:var(--font-weight-bold);background-color:#dbeafe;border-radius:12px;justify-content:center;align-items:center;padding:3px 10px;display:inline-flex}.img-badge{font-weight:var(--font-weight-bold);color:var(--primary);background-color:var(--primary-light);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.img-badge img{object-fit:cover;width:100%;height:100%;display:block}.img-badge.badge-round{border-radius:50%}.img-badge.badge-square{border-radius:var(--radius-md)}.img-badge.size-sm{width:28px;height:28px;font-size:11px}.img-badge.size-md{width:38px;height:38px;font-size:14px}.img-badge.size-lg{border-radius:var(--radius);width:64px;height:64px;font-size:20px}.img-badge.size-xl{border-radius:var(--radius);width:96px;height:96px;font-size:28px}.barcode-preview{border:1px solid var(--g200);background-color:#fff;border-radius:4px;align-items:flex-end;gap:1px;height:44px;padding:4px;display:inline-flex}.barcode-preview span{background-color:var(--g900);width:2px;height:100%;display:block}.barcode-preview span:nth-child(3n){width:3px}.barcode-preview span:nth-child(5n){background-color:var(--g100)}.empty-state{text-align:center;color:var(--g500);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 20px;display:flex}.empty-state-icon{background-color:var(--g100);width:56px;height:56px;color:var(--g400);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--g700)}.empty-state-sub{font-size:var(--font-size-xs);color:var(--g500);max-width:360px}.state-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 20px;display:flex}.state-error .empty-state-icon{color:var(--danger);background-color:#fee2e2}.skeleton-bar{background:linear-gradient(90deg, var(--g100) 25%, var(--g200) 37%, var(--g100) 63%);background-size:400% 100%;border-radius:4px;height:12px;animation:1.4s infinite skeleton-shimmer;display:block}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.loading-spinner{color:var(--primary);animation:.8s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.page-loading,.section-loading{color:var(--g500);font-size:var(--font-size-sm,13px);justify-content:center;align-items:center;gap:10px;display:flex}.page-loading{padding:64px 24px}.section-loading{padding:24px}.loading-overlay{color:var(--g700);font-size:var(--font-size-sm,13px);z-index:5;border-radius:inherit;background:#ffffffb8;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.btn-loading-content{align-items:center;gap:6px;display:inline-flex}.toast-viewport{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--radius);min-width:240px;max-width:360px;box-shadow:var(--shadow);font-size:var(--font-size-sm,13px);color:#fff;padding:12px 16px;animation:.15s toast-in}.toast-success{background:#16a34a}.toast-error{background:var(--danger,#dc2626)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.btn-dropdown{display:inline-block;position:relative}.btn-dropdown>summary{cursor:pointer;list-style:none}.btn-dropdown>summary::-webkit-details-marker{display:none}.btn-dropdown-menu{border:1px solid var(--g200);border-radius:var(--radius);z-index:30;background:#fff;min-width:190px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001a}.btn-dropdown-menu a,.btn-dropdown-menu button{text-align:left;width:100%;font-size:var(--font-size-sm);cursor:pointer;color:var(--g700);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.btn-dropdown-menu a:hover,.btn-dropdown-menu button:hover{background-color:var(--g50)}.data-table.table-head-accent thead tr{background-color:var(--primary)}.data-table.table-head-accent thead th{color:#fff}@media (width<=1100px){.rbac-grid{grid-template-columns:1fr}.perm-group-grid{grid-template-columns:repeat(2,1fr)}.perm-info-strip{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.perm-group-grid{grid-template-columns:1fr}.perm-info-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=1100px){.kpi-row{grid-template-columns:repeat(3,1fr)}.dash-grid-2,.dash-row-2,.dash-zone-c{grid-template-columns:1fr}}@media (width<=768px){.kpi-row,.totals-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.adv-grid{grid-template-columns:repeat(2,1fr)}.tab-bar,.subtab-bar{-webkit-overflow-scrolling:touch;overflow-x:auto}.status-pair{gap:var(--spacing-md)}.step-indicator,.workflow-bar{-webkit-overflow-scrolling:touch;overflow-x:auto}}.ob-customer-group{border:1px solid var(--g200);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.ob-customer-group-header{background-color:var(--g50);align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:flex}.ob-invoice-group{border-top:1px solid var(--g200);padding:10px 14px}.ob-invoice-group-header{margin-bottom:6px;font-size:13px;font-weight:600}.selection-summary-bar{background-color:var(--primary-light);border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--primary);z-index:5;box-shadow:var(--shadow-md,0 4px 12px #00000014);border:1px solid #1a6b3a40;flex-direction:column;gap:10px;margin:12px 0;padding:10px 16px;font-weight:600;display:flex;position:sticky;bottom:12px}.selection-summary-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;display:flex}.selection-summary-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.selected-count-btn{border:1.5px solid var(--primary);color:var(--primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;background-color:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.selected-count-btn:disabled{border-color:var(--g300);color:var(--g400);cursor:default}.ob-row-selected{background-color:var(--primary-light)}.ob-sticky-summary{border:1px solid var(--g200);border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--g700);background-color:#fff;flex-wrap:wrap;gap:18px;margin-top:10px;padding:10px 16px;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 8px #0000000a}.ob-qty-input.has-error{border-color:var(--danger);background-color:#fef2f2}.ob-qty-error{color:var(--danger);font-size:var(--font-size-xs);margin-top:4px}.ob-row-highlight{outline:2px solid var(--warning);background-color:#fffbeb}.drawer-overlay{z-index:var(--z-modal,1000);background-color:#0f172a59;display:none;position:fixed;inset:0}.drawer-overlay.open{justify-content:flex-end;display:flex}.drawer{width:420px;max-width:92vw;height:100%;box-shadow:var(--shadow-lg,-4px 0 24px #00000026);background-color:#fff;flex-direction:column;animation:.18s ease-out obDrawerSlideIn;display:flex}@keyframes obDrawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--g200);justify-content:space-between;align-items:center;display:flex}.drawer-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.drawer-body{padding:var(--spacing-lg) var(--spacing-xl);flex:1;overflow-y:auto}.drawer-footer{padding:14px var(--spacing-xl);border-top:1px solid var(--g200);justify-content:flex-end;gap:var(--spacing-md);display:flex}.drawer-empty{text-align:center;color:var(--g500);font-size:var(--font-size-sm);padding:40px 10px}.drawer-item{border:1px solid var(--g200);border-radius:var(--radius);margin-bottom:10px;padding:12px 14px}.drawer-item-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.drawer-item-code{font-size:13.5px;font-weight:700}.drawer-item-remove{flex-shrink:0}.drawer-item .detail-grid{grid-template-columns:1fr 1fr;gap:8px 14px}.ob-toast{background-color:var(--g900,#1f2937);color:#fff;border-radius:var(--radius);font-size:var(--font-size-sm);box-shadow:var(--shadow-lg,0 8px 24px #0003);z-index:1100;opacity:0;pointer-events:none;padding:10px 20px;transition:opacity .18s,transform .18s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(12px)}.ob-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.ob-timeline{flex-direction:column;gap:0;display:flex}.ob-timeline-item{border-left:2px solid var(--g200);padding:0 0 20px 26px;position:relative}.ob-timeline-item:last-child{border-left-color:#0000;padding-bottom:0}.ob-timeline-item:before{content:"";background-color:var(--g300);width:12px;height:12px;box-shadow:0 0 0 2px var(--g200);border:2px solid #fff;border-radius:50%;position:absolute;top:2px;left:-7px}.ob-timeline-item.done:before{background-color:var(--primary);box-shadow:0 0 0 2px #1a6b3a40}.ob-timeline-item.current:before{background-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e940}.ob-timeline-item.failed:before{background-color:var(--danger);box-shadow:0 0 0 2px #dc354533}.ob-timeline-item.cancelled:before{background-color:var(--g500);box-shadow:0 0 0 2px var(--g200)}.ob-timeline-item.partial:before{background-color:var(--warning);box-shadow:0 0 0 2px #f59e0b40}.ob-timeline-label{font-size:var(--font-size-sm);color:var(--g800);font-weight:600}.ob-timeline-time{font-size:var(--font-size-xs);color:var(--g500);margin-top:2px}.change-history-item{border-bottom:1px solid var(--g100);padding:14px 16px}.change-history-item:last-child{border-bottom:none}.change-history-meta{font-size:var(--font-size-xs);color:var(--g500);align-items:center;gap:8px;margin-bottom:4px;display:flex}.change-history-action{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);align-items:center;gap:6px;margin-bottom:8px;display:flex}.change-history-action.add{color:var(--success)}.change-history-action.remove{color:var(--danger)}.change-history-field{flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:3px 0;font-size:12.5px;display:flex}.change-history-field-label{min-width:150px;color:var(--g500);font-weight:var(--font-weight-semibold)}.change-history-old{color:var(--g500);text-decoration:line-through}.change-history-arrow{color:var(--g400)}.change-history-new{color:var(--primary);font-weight:var(--font-weight-bold)}*{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--g900);background:var(--g50)}.login-page{color:#132033;background:radial-gradient(circle at 12% 14%,#0f8f8329,#0000 42%),radial-gradient(circle at 90% 85%,#ff884c2e,#0000 46%),linear-gradient(140deg,#f7fbff,#fffaf3);place-items:center;min-height:100svh;padding:clamp(16px,4vw,32px);font-family:Be Vietnam Pro,Segoe UI,Tahoma,sans-serif;display:grid}.login-shell{background:#ffffffeb;border:1px solid #ffffffad;border-radius:24px;grid-template-columns:1.12fr .88fr;width:min(100%,920px);display:grid;overflow:hidden;box-shadow:0 18px 48px #13203324}.login-brand-panel{color:#f4fffd;background:linear-gradient(150deg,#0f8f83f2,#0b756bf2);flex-direction:column;justify-content:space-between;gap:20px;padding:clamp(28px,5vw,48px);display:flex;position:relative}.login-brand-tag{letter-spacing:.08em;text-transform:uppercase;background:#ffffff2e;border-radius:999px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.login-brand-title{margin:14px 0 12px;font-family:Sora,Be Vietnam Pro,sans-serif;font-size:clamp(28px,4vw,38px);line-height:1.2}.login-brand-note{color:#f4fffdeb;max-width:38ch;margin:0;font-size:15px;line-height:1.7}.login-brand-foot{color:#f4fffdd1;font-size:13px}.login-form-panel{align-items:center;padding:clamp(26px,5vw,44px);display:flex}.login-form{width:100%}.login-form-title{margin:0 0 8px;font-family:Sora,Be Vietnam Pro,sans-serif;font-size:clamp(24px,3.8vw,30px)}.login-form-sub{color:#607085;margin:0 0 24px;font-size:14px;line-height:1.65}.login-field{margin-bottom:16px}.login-field label{margin-bottom:8px;font-size:14px;font-weight:600;display:inline-block}.login-field input{width:100%;height:48px;font:inherit;color:#132033;background:#fff;border:1px solid #121e331f;border-radius:14px;padding:0 14px}.login-field input:focus{border-color:#0f8f83;outline:none;box-shadow:0 0 0 4px #0f8f8338}.login-error{color:#b91c1c;background:#fef2f2;border-radius:10px;margin:0 0 16px;padding:10px 14px;font-size:13.5px;line-height:1.5}.btn-login{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f8f83,#0b756b);border:0;border-radius:14px;width:100%;height:50px;font:600 15px/1 Be Vietnam Pro,sans-serif;box-shadow:0 10px 24px #0f8f8342}.btn-login:disabled{opacity:.65;cursor:not-allowed}@media (width<=900px){.login-shell{grid-template-columns:1fr}.login-brand-panel{min-height:200px}}