.page-header-row{display:flex;align-items:flex-start;justify-content:space-between}.filter-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.filter-tab{padding:7px 14px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:13px;font-weight:500}.filter-tab:hover{background:var(--color-surface-alt)}.filter-tab.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.empty-state{padding:48px 0;text-align:center;color:var(--color-text-muted);font-size:14px}.data-table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table th{text-align:left;font-size:12px;font-weight:600;color:var(--color-text-muted);padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt)}.data-table td{padding:12px 16px;font-size:13px;border-bottom:1px solid var(--color-border)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-surface-alt)}.data-table-strong{font-weight:600}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.badge-moi_lien_he{background:#eaeaea;color:#555}.badge-da_tu_van{background:var(--color-giu-cho-bg);color:var(--color-giu-cho)}.badge-da_dat_coc{background:var(--color-thanh-toan-du-bg);color:var(--color-thanh-toan-du)}.badge-khong_chot{background:#f1e0e0;color:#a14545}.badge-dang_giu_cho{background:var(--color-giu-cho-bg);color:var(--color-giu-cho)}.badge-da_chuyen_hop_dong{background:var(--color-thanh-toan-du-bg);color:var(--color-thanh-toan-du)}.badge-da_huy{background:#f1e0e0;color:#a14545}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b242059;display:flex;align-items:center;justify-content:center;z-index:60;padding:24px}.form-panel{width:560px;max-width:100%;max-height:90vh;overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;display:flex;flex-direction:column;gap:18px}.form-panel-wide{width:680px}.form-section-title-first{grid-column:1 / -1;font-size:13px;font-weight:600;color:var(--color-accent-deep)}.form-panel-header{display:flex;align-items:center;justify-content:space-between}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--color-text)}.form-field-full{grid-column:1 / -1}.form-field input,.form-field select,.form-field textarea{font-family:var(--font-body);font-size:14px;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-accent)}.form-field-hint{font-size:11px;color:var(--color-text-muted);font-weight:400}.form-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px;border-top:1px solid var(--color-border)}.banner-info{background:var(--color-thanh-toan-du-bg);color:var(--color-thanh-toan-du);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px}.input-ngay-am-lich-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.input-ngay-am-lich-row input[type=date]{flex:1;min-width:140px}.input-ngay-am-lich-ket-qua{font-size:12px;color:var(--color-accent-deep);background:var(--color-accent-soft);padding:6px 10px;border-radius:var(--radius-sm);white-space:nowrap}.loai-tiec-toggle{display:flex;gap:8px;grid-column:1 / -1}.loai-tiec-toggle-btn{flex:1;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);font-size:13px;font-weight:500}.loai-tiec-toggle-btn.is-active{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-deep)}.form-section-title{grid-column:1 / -1;font-size:13px;font-weight:600;color:var(--color-accent-deep);margin-top:6px;padding-top:14px;border-top:1px solid var(--color-border)}@keyframes wms-flash-hl{0%{background-color:#fff7ed;box-shadow:inset 3px 0 #b08338,0 0 0 2px #b0833859}50%{background-color:#ffe8cc;box-shadow:inset 3px 0 #b08338,0 0 0 4px #b083388c}to{background-color:#fff7ed;box-shadow:inset 3px 0 #b08338,0 0 0 2px #b0833859}}.wms-flash-hl{animation:wms-flash-hl .9s ease-in-out 3;border-radius:8px}@media (max-width: 600px){.form-grid{grid-template-columns:1fr;gap:10px}}.banner-loi{background:var(--color-da-ky-bg);color:var(--color-accent-deep);border:1px solid var(--color-da-ky);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;margin-bottom:16px}.btn-icon{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:16px;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--color-surface-alt)}.btn-primary-sm{padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-accent);background:var(--color-accent);color:#fff;font-size:13px;font-weight:500}.btn-primary-sm:hover:not(:disabled){background:var(--color-accent-deep)}.btn-primary-sm:disabled{opacity:.45;cursor:not-allowed}.btn-secondary-sm{padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:13px;font-weight:500}.btn-secondary-sm:hover:not(:disabled){background:var(--color-surface-alt)}.btn-secondary-sm:disabled{opacity:.45;cursor:not-allowed}.lich-dang-tai{color:var(--color-text-muted);padding:40px 0;text-align:center}.page-header{margin-bottom:20px}.page-header h1{font-size:26px}.page-subtitle{margin:4px 0 0;color:var(--color-text-muted);font-size:14px}:root{--color-bg: #FAF7F2;--color-surface: #FFFFFF;--color-surface-alt: #F1EBE2;--color-border: #E4DCCF;--color-text: #2B2420;--color-text-muted: #7A6F61;--color-accent: #B5582C;--color-accent-deep: #8C4220;--color-accent-soft: #F0DCC9;--color-trong: #5C8A5C;--color-trong-bg: #E6EFE6;--color-giu-cho: #C99A2E;--color-giu-cho-bg: #F7EFD8;--color-da-ky: #B5582C;--color-da-ky-bg: #F5E3D6;--color-thanh-toan-du: #4A7A8C;--color-thanh-toan-du-bg: #E3EDF0;--font-display: "Lora", "Times New Roman", "Cambria", serif;--font-body: "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(43, 36, 32, .06);--shadow-md: 0 4px 12px rgba(43, 36, 32, .08)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0;color:var(--color-text)}button{font-family:var(--font-body);cursor:pointer}a{color:var(--color-accent);text-decoration:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}tbody tr{transition:background-color .12s ease}tbody tr:hover{background:#fdf6e9}tbody tr.no-hover:hover{background:transparent}.wms-list-item{transition:background-color .12s ease,border-color .12s ease}.wms-list-item:hover{background:#fdf6e9!important;border-color:#d9b98c!important}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:15px;width:15px;margin-left:6px;cursor:pointer;background-color:#94a3b8;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18 6L6 18M6 6l12 12' stroke='black' stroke-width='3' stroke-linecap='round'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18 6L6 18M6 6l12 12' stroke='black' stroke-width='3' stroke-linecap='round'/></svg>") center / contain no-repeat}input[type=search]::-webkit-search-cancel-button:hover{background-color:#dc2626}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:20px 16px 16px;flex-shrink:0}.sidebar-brand-mark{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.sidebar-brand-mark img{width:100%;height:100%;object-fit:cover}.sidebar-brand-title{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--color-text)}.sidebar-brand-sub{font-size:12px;color:var(--color-text-muted)}.sidebar-nav{display:flex;flex-direction:column;gap:18px;padding:8px 16px;overflow-y:auto;flex:1;min-height:0}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:14px;font-weight:500;transition:background .15s ease,color .15s ease}.sidebar-link:hover{background:var(--color-surface-alt);color:var(--color-text)}.sidebar-link.is-active{background:var(--color-accent-soft);color:var(--color-accent-deep)}.sidebar-link-icon{font-size:16px;width:20px;text-align:center}.sidebar-group{display:flex;flex-direction:column;gap:2px;margin-bottom:2px}.sidebar-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:var(--color-text-muted);padding:0 12px 6px}.sidebar-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:var(--color-text-muted);padding:7px 12px;margin:0;border:none;background:transparent;cursor:pointer;border-radius:8px;transition:background .15s,color .15s;font-family:inherit}.sidebar-group-toggle:hover{background:var(--color-surface-alt);color:var(--color-text)}.sidebar-group-toggle.is-open{color:var(--color-accent-deep)}.sidebar-group-caret{font-size:11px;transition:transform .28s cubic-bezier(.4,0,.2,1);opacity:.7}.sidebar-group-toggle.is-open .sidebar-group-caret{transform:rotate(180deg)}.sidebar-group-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.sidebar-group-body-inner{overflow:hidden;display:flex;flex-direction:column;gap:2px;min-height:0}.sidebar-group-body-inner>.sidebar-link{opacity:0;transition:opacity .25s ease}.sidebar-group.is-open .sidebar-group-body-inner>.sidebar-link{opacity:1}.sidebar-user{flex-shrink:0;display:flex;align-items:center;gap:8px;margin:8px 12px;padding:7px 9px;background:var(--color-accent-soft);border:1px solid var(--color-border);border-radius:var(--radius-md)}.sidebar-user-avatar{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--color-accent);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.sidebar-user-meta{flex:1;min-width:0}.sidebar-user-name{font-weight:600;font-size:12.5px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-btn{flex-shrink:0;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-accent-deep);cursor:pointer;font-size:14px;line-height:1;text-decoration:none}.sidebar-user-btn:hover,.sidebar-user-btn.is-active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.sidebar-user-logout{font-size:16px}.app-header{position:sticky;top:0;z-index:100}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:5px 24px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.content-area{flex:1;display:flex;flex-direction:column;min-width:0}.main-content{flex:1;padding:32px 40px;width:100%;min-width:0}.menu-toggle{display:none;margin-right:auto;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;font-size:19px;line-height:1;cursor:pointer;color:var(--color-text)}.menu-toggle:hover{background:var(--color-surface-alt)}.sidebar-close{display:none;border:none;background:transparent;cursor:pointer;font-size:18px;color:var(--color-text-muted);width:34px;height:34px;border-radius:8px}.sidebar-close:hover{background:var(--color-surface-alt)}.sidebar-backdrop{display:none}@media (max-width: 960px){.menu-toggle,.sidebar-close{display:inline-flex}.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:60;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);width:270px;max-width:84vw}.sidebar.is-open{transform:translate(0);box-shadow:6px 0 28px #00000038}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#14100c70;z-index:55}.content-area{width:100%;min-width:0;max-width:100vw;overflow-x:hidden}.main-content{padding:20px 18px}.topbar{padding:5px 14px;gap:10px;flex-wrap:wrap}.topbar-info{margin-right:0!important}.topbar-quote{display:none!important}.topbar-chao{border-right:none!important;max-width:none!important;min-width:0!important}.main-content table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;max-width:100%}.sidebar-user{margin:6px 10px;padding:6px 8px}}@media (max-width: 600px){.main-content{padding:14px 12px}.topbar{padding:5px 10px}.topbar-chao{display:none!important}.main-content input,.main-content select,.main-content textarea{font-size:16px}}@media screen and (max-width: 600px){.main-content [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media screen and (max-width: 960px){.main-content [style*="1fr) 360px"],.main-content [style*="1fr) 240px"]{grid-template-columns:1fr!important}.main-content [style*="column-count: 2"]{column-count:1!important}.main-content [style*="320px 1fr"]{grid-template-columns:1fr!important}}@media screen and (max-width: 640px){.tabbar-keepalive{display:none!important}}@media screen and (max-width: 1024px){.cal-wrap{flex-direction:column!important}.cal-box{min-width:0!important;width:100%!important;box-sizing:border-box}.cal-panel{width:100%!important;flex:none!important}}@media screen and (max-width: 760px){.cal-box{padding:10px!important}.cal-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.cal-scroll .cal-dow,.cal-scroll .cal-grid{grid-template-columns:repeat(7,120px)!important;min-width:864px!important}.cal-scroll .cal-grid{grid-auto-rows:128px!important}}@media screen and (max-width: 600px){.main-content [style*="1fr) 230px"],.main-content [style*="1fr) 240px"],.main-content [style*="1fr) 360px"],.main-content [style*="320px 1fr"],.main-content [style*="repeat(2, 1fr)"],.main-content [style*="repeat(3, 1fr)"],.main-content [style*="grid-template-columns: 1fr 1fr 1fr"],.main-content [style*="1.2fr 1fr 1.2fr auto"]{grid-template-columns:1fr!important}.main-content [style*="position: sticky"]{position:static!important}.main-content input,.main-content select,.main-content textarea{max-width:100%;box-sizing:border-box}.main-content [style*="display: flex"][style*=gap]{flex-wrap:wrap}.pl-item{flex-direction:column!important;align-items:flex-start!important;gap:5px!important}.pl-item .pl-mid{text-align:left!important}.pl-item .pl-pill{align-self:flex-start}}@media print{.sidebar,.app-header,.topbar,.no-print,.print-ruler,.print-toolbar{display:none!important}.app-shell,.content-area,.main-content{display:block!important;padding:0!important;margin:0!important;max-width:none!important;width:auto!important}body{background:#fff!important}.print-page{box-shadow:none!important;margin:0!important;padding:0!important}@page{margin:12mm}}