:root{--gray-0:#ffffff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--info:#0284c7;--tertiary:#7c3aed;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-sans:"Be Vietnam Pro",Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--z-sticky-header:20;--z-sidebar:30;--z-dropdown:40;--z-overlay-scrim:50;--z-slide-panel:51;--z-dialog:52;--z-toast:60;--ease-standard:cubic-bezier(.2,0,0,1);--duration-fast:120ms;--duration-base:200ms;--duration-slow:280ms}:root,[data-theme=light]{--bg-canvas:var(--gray-50);--bg-surface:var(--gray-0);--bg-surface-raised:var(--gray-0);--bg-hover:var(--gray-100);--bg-active:var(--gray-200);--border-default:var(--gray-200);--border-strong:var(--gray-300);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-400);--text-on-accent:#ffffff;--overlay-scrim:rgb(15 23 42/.4);--shadow-color:220 3% 15%;--success-soft:color-mix(in srgb,var(--success) 12%,transparent);--warning-soft:color-mix(in srgb,var(--warning) 12%,transparent);--danger-soft:color-mix(in srgb,var(--danger) 12%,transparent);--info-soft:color-mix(in srgb,var(--info) 12%,transparent);--tertiary-soft:color-mix(in srgb,var(--tertiary) 12%,transparent);--shadow-sm:0 1px 2px hsl(var(--shadow-color)/.06);--shadow-md:0 4px 12px hsl(var(--shadow-color)/.1);--shadow-lg:0 12px 32px hsl(var(--shadow-color)/.16);--skeleton-base:var(--bg-hover);--skeleton-shimmer:var(--bg-active)}[data-theme=dark]{--bg-canvas:var(--gray-950);--bg-surface:var(--gray-900);--bg-surface-raised:var(--gray-800);--bg-hover:var(--gray-800);--bg-active:var(--gray-700);--border-default:var(--gray-700);--border-strong:var(--gray-600);--text-primary:var(--gray-50);--text-secondary:var(--gray-300);--text-muted:var(--gray-500);--text-on-accent:#ffffff;--overlay-scrim:rgb(2 6 23/.6);--shadow-color:220 40% 2%;--success-soft:color-mix(in srgb,var(--success) 22%,transparent);--warning-soft:color-mix(in srgb,var(--warning) 22%,transparent);--danger-soft:color-mix(in srgb,var(--danger) 22%,transparent);--info-soft:color-mix(in srgb,var(--info) 22%,transparent);--tertiary-soft:color-mix(in srgb,var(--tertiary) 22%,transparent);--skeleton-base:var(--bg-hover);--skeleton-shimmer:var(--bg-active)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-canvas:var(--gray-950);--bg-surface:var(--gray-900);--bg-surface-raised:var(--gray-800);--bg-hover:var(--gray-800);--bg-active:var(--gray-700);--border-default:var(--gray-700);--border-strong:var(--gray-600);--text-primary:var(--gray-50);--text-secondary:var(--gray-300);--text-muted:var(--gray-500);--accent-soft:color-mix(in srgb,var(--accent-500) 20%,transparent)}}:root{--font-sans:"Be Vietnam Pro",Inter,ui-sans-serif,system-ui,sans-serif;--accent-500:#2563eb;--accent-600:#1d4ed8;--login-visual-scrim:linear-gradient(180deg,transparent 42%,rgb(2 6 23/0.76));--login-glass-bg:rgb(15 23 42/0.42);--login-glass-bg-subtle:rgb(15 23 42/0.3);--login-glass-border:rgb(255 255 255/0.24);--login-glass-border-strong:rgb(255 255 255/0.34)}:root,[data-theme=light]{--accent-soft:color-mix(in srgb,var(--accent-500) 10%,transparent)}[data-theme=dark]{--accent-soft:color-mix(in srgb,var(--accent-500) 20%,transparent)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}html{font-family:var(--font-sans);color-scheme:light dark}body{background:var(--bg-canvas);color:var(--text-primary);font-size:var(--text-base)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--text-secondary)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:var(--z-sidebar);width:248px;display:none;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-default);transition:width var(--duration-base) var(--ease-standard)}.brand{height:64px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--border-default);font-weight:var(--font-weight-bold)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent-500);color:var(--text-on-accent)}.sidebar-nav{flex:1 1;overflow:auto;padding:var(--space-4) var(--space-3)}.nav-label{margin:var(--space-3) var(--space-3) var(--space-2);font-size:11px;font-weight:600;letter-spacing:.04em}.nav-label,.nav-link{color:var(--text-secondary)}.nav-link{position:relative;display:flex;min-height:44px;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);padding:0 var(--space-3);border-radius:var(--radius-sm)}.nav-link:hover{background:var(--bg-hover)}.nav-link.active{background:var(--accent-soft);color:var(--accent-500)}.nav-link.active:before{content:"";position:absolute;left:0;width:3px;height:24px;border-radius:0 var(--radius-full) var(--radius-full) 0;background:var(--accent-500)}.icon-button[data-tooltip]:after,.nav-link[data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:var(--z-dropdown);left:calc(100% + var(--space-2));top:50%;translate:0 -50%;width:max-content;max-width:220px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface-raised);box-shadow:var(--shadow-md);color:var(--text-primary);font-size:var(--text-xs);opacity:0;pointer-events:none;transition:opacity var(--duration-fast)}.icon-button[data-tooltip]:focus-visible:after,.icon-button[data-tooltip]:hover:after,.nav-link[data-tooltip]:focus-visible:after,.nav-link[data-tooltip]:hover:after{opacity:1}.sidebar-user{padding:var(--space-4);border-top:1px solid var(--border-default)}.user-row{display:flex;align-items:center;gap:var(--space-3)}.avatar{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-500);font-weight:700}.user-copy{min-width:0;flex:1 1}.user-copy span,.user-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy span{margin-top:2px;color:var(--text-secondary);font-size:var(--text-xs);text-transform:capitalize}.main-column{min-height:100vh;display:flex;flex-direction:column}.header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky-header);height:56px;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-3);background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.header,.header-title{display:flex;align-items:center}.header-title{gap:var(--space-2);min-width:0;font-weight:600}.header-actions{display:flex;gap:var(--space-2)}.icon-button{position:relative;width:44px;height:44px;display:inline-grid;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer}.compact-icon{width:32px;height:32px}.icon-button:hover{background:var(--bg-hover)}.icon-button:disabled{opacity:.45;cursor:not-allowed}.toolbar-icon-action{border:1px solid var(--border-default);background:var(--bg-surface)}.toolbar-icon-action[data-tooltip]:after{top:calc(100% + var(--space-2));right:0;left:auto;translate:0}.danger-icon{color:var(--danger)}.content{flex:1 1;width:100%;padding:var(--space-4) var(--space-3) 88px}.footer{display:none;padding:var(--space-4) var(--space-6);color:var(--text-muted);font-size:var(--text-xs)}.bottom-nav,.footer{border-top:1px solid var(--border-default)}.bottom-nav{position:fixed;inset:auto 0 0;z-index:var(--z-sidebar);height:64px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--bg-surface)}.bottom-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:var(--text-secondary);font-size:10px;cursor:pointer}.bottom-link.active{color:var(--accent-500)}.offline-banner{position:-webkit-sticky;position:sticky;top:0;z-index:calc(var(--z-sticky-header) + 1);display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:36px;padding:var(--space-2) var(--space-4);background:var(--warning-soft);color:var(--warning);font-size:var(--text-sm)}.scrim{position:fixed;inset:0;z-index:var(--z-overlay-scrim);background:var(--overlay-scrim)}.bottom-sheet{position:fixed;inset:auto 0 0;z-index:var(--z-slide-panel);max-height:85vh;overflow:auto;padding:var(--space-3) var(--space-4) var(--space-8);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--bg-surface-raised)}.grabber{width:36px;height:4px;margin:0 auto var(--space-4);border-radius:var(--radius-full);background:var(--border-strong)}.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.sheet-link{min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);text-align:center;font-size:var(--text-xs)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-title{margin:0;font-size:var(--text-xl);line-height:1.35}.page-title-row{display:flex;align-items:center;gap:var(--space-2)}.page-description{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-sm)}.heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.permission-banner{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--warning);border-radius:var(--radius-md);background:var(--warning-soft);color:var(--warning)}.permission-banner div,.permission-banner span{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.permission-banner span{color:var(--text-secondary);font-size:var(--text-sm)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.filter-row,.toolbar-actions,.toolbar-left{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.grow{flex:1 1}.decision-toolbar{align-items:flex-start}.decision-toolbar.is-disabled{opacity:.75}.search{position:relative;min-width:min(100%,280px);flex:1 1}.search svg{position:absolute;left:12px;top:50%;translate:0 -50%;color:var(--text-muted)}.search input{width:100%;padding-left:38px}.field,.search input,select,textarea{min-height:40px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-canvas);color:var(--text-primary);padding:0 var(--space-3)}textarea.field{min-height:88px;padding-top:var(--space-3);resize:vertical}.field:hover,.search input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}.field:focus,.search input:focus,select:focus,textarea:focus{border-color:var(--accent-500);outline:3px solid var(--accent-soft)}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-weight:500;cursor:pointer}.button:hover{background:var(--bg-hover)}.button:disabled{opacity:.55;cursor:not-allowed}.button.compact{min-height:34px;padding:0 var(--space-3)}.button.disabled{pointer-events:none;opacity:.45}.button.primary{border-color:var(--accent-500);background:var(--accent-500);color:var(--text-on-accent)}.button.primary:hover{background:var(--accent-600)}.button.danger{border-color:var(--danger);color:var(--danger)}.button.danger.filled{background:var(--danger);color:var(--text-on-accent)}.button.tertiary{border-color:transparent;background:transparent;color:var(--accent-500)}.filter-active{border-color:var(--accent-500);background:var(--accent-soft);color:var(--accent-500)}.popup{position:relative}.popup summary{list-style:none}.popup summary::-webkit-details-marker{display:none}.popup-menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:var(--z-dropdown);min-width:240px;padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface-raised);box-shadow:var(--shadow-md)}.column-option,.popup-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:40px;padding:0 var(--space-2)}.column-option label{display:flex;align-items:center;gap:var(--space-2);flex:1 1}.column-option>span{display:flex}.action-menu{display:grid}.action-menu a,.action-menu button{min-height:40px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);cursor:pointer;text-align:left}.action-menu a:hover,.action-menu button:hover{background:var(--bg-hover)}.card{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-5)}.stat-card{padding:var(--space-4)}.stat-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.stat-value{margin-top:var(--space-2);font-size:var(--text-2xl);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-note{display:block;margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs)}.warehouse-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-4)}.warehouse-stats .stat-label{display:flex;align-items:center;gap:var(--space-2)}.page-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);overflow-x:auto;border-bottom:1px solid var(--border-default)}.page-tab{position:relative;min-height:44px;display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--space-2);padding:0 var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.page-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.page-tab.active{color:var(--accent-500)}.page-tab.active:after{position:absolute;inset:auto var(--space-2) -1px;height:2px;border-radius:var(--radius-full);background:var(--accent-500);content:""}.page-tab>span{min-width:24px;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--bg-hover);color:inherit;font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.warehouse-split{display:grid;align-items:start;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-4)}.warehouse-data-pane{min-width:0}.warehouse-tree{margin:0;overflow:hidden}.warehouse-tree-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-default)}.warehouse-tree-header h2{margin:0;font-size:var(--text-lg)}.warehouse-tree-header p{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-xs)}.tree-search{max-width:320px}.province-tree{max-height:440px;overflow:auto;padding:var(--space-2)}.province-node{border-radius:var(--radius-sm)}.province-node+.province-node{border-top:1px solid var(--border-default)}.province-node.selected{background:var(--accent-soft)}.province-node>summary{min-height:52px;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;list-style:none}.province-node>summary::-webkit-details-marker{display:none}.province-node>summary:hover{background:var(--bg-hover)}.tree-chevron{flex:0 0 auto;color:var(--text-muted);transition:rotate var(--duration-fast) var(--ease-standard)}.province-node[open] .tree-chevron{rotate:90deg}.tree-file,.tree-folder{width:32px;height:32px;display:grid;flex:0 0 auto;place-items:center;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-500)}.tree-file.info{background:var(--info-soft);color:var(--info)}.tree-file.warning{background:var(--warning-soft);color:var(--warning)}.tree-copy{min-width:0;flex:1 1}.tree-copy span,.tree-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-copy span{margin-top:2px;color:var(--text-secondary);font-size:var(--text-xs)}.tree-children{display:grid;grid-gap:var(--space-1);gap:var(--space-1);margin:0 var(--space-3) var(--space-2) 42px;padding-left:var(--space-4);border-left:1px solid var(--border-strong)}.tree-context-action{min-height:48px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-xs)}.tree-context-action .button{min-height:44px}.tree-child{min-height:48px;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm)}.tree-child:hover{background:var(--bg-hover)}.tree-more{min-height:36px;display:flex;align-items:center;padding:0 var(--space-2);color:var(--accent-500);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.tree-empty,.tree-empty-state{margin:0;padding:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.tree-empty-state{text-align:center}.dashboard-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.widget{padding:var(--space-4)}.widget h2{margin:0 0 var(--space-4);font-size:var(--text-lg)}.progress-list{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.progress-row-header{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.progress-track{height:7px;overflow:hidden;border-radius:var(--radius-full);background:var(--bg-hover)}.progress-fill{height:100%;border-radius:inherit;background:var(--accent-500)}.table-wrap{overflow:auto;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface)}.table-borderless{border:0}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{position:-webkit-sticky;position:sticky;top:0;z-index:1;padding:var(--space-3);background:var(--bg-hover);color:var(--text-secondary);text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.data-table td{padding:var(--space-3);border-top:1px solid var(--border-default);vertical-align:middle}.data-table tr:hover td{background:var(--bg-hover)}.row-clickable{cursor:pointer}.selected-row td{background:var(--accent-soft)}.checkbox-cell{width:44px;text-align:center!important}.checkbox-cell input,.column-option input,.mobile-check input{width:18px;height:18px;accent-color:var(--accent-500)}.locked-cell{background:var(--bg-hover);color:var(--text-secondary)}.compact-field{min-width:130px;min-height:34px!important;height:34px;padding:0 var(--space-2)!important}.edit-table{border-color:var(--warning)}.edit-table .data-table thead th{background:var(--warning-soft)}.table-link{color:var(--accent-500);font-weight:var(--font-weight-medium)}.data-table .numeric{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.data-table .actions{width:1%;white-space:nowrap;text-align:right}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.badge.info{background:var(--info-soft);color:var(--info)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.neutral{background:var(--bg-hover);color:var(--text-secondary)}.mobile-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.mobile-card{padding:var(--space-4)}.mobile-card-header{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.mobile-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin:0}.mobile-card dt{color:var(--text-secondary);font-size:var(--text-xs)}.mobile-card dd{margin:var(--space-1) 0 0}.mobile-card-body{width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.mobile-card-body dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin:0}.mobile-check{display:flex;align-items:center;gap:var(--space-2)}.selected-card{border-color:var(--accent-500);background:var(--accent-soft)}.empty{padding:var(--space-12) var(--space-6);text-align:center}.empty svg{color:var(--text-muted)}.empty h2{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-lg)}.empty p{margin:0 0 var(--space-4);color:var(--text-secondary)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-sm)}.pagination-actions,.row-actions{display:flex;align-items:center;gap:var(--space-2)}.row-actions{justify-content:flex-end}.bulk-bar{position:-webkit-sticky;position:sticky;top:72px;z-index:var(--z-sticky-header);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-active);box-shadow:var(--shadow-sm)}.form-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.form-group{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.form-group label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.field-hint{color:var(--text-secondary);font-size:var(--text-xs)}.field-invalid{border-color:var(--danger)!important}.date-filter{width:145px}.form-error,.required{color:var(--danger)}.form-error{font-size:var(--text-xs)}.panel-layout{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.detail-panel{position:fixed;inset:0;z-index:var(--z-slide-panel);display:flex;flex-direction:column;background:var(--bg-surface)}.panel-footer,.panel-header{flex:0 0 auto;padding:var(--space-4);border-bottom:1px solid var(--border-default)}.panel-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.panel-kicker{color:var(--accent-500);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.panel-title{margin:var(--space-1) 0 0;font-size:var(--text-xl)}.panel-body{flex:1 1;overflow:auto;padding:var(--space-4)}.panel-footer{display:flex;justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--border-default);border-bottom:0}.section-title{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-6) 0 var(--space-3);color:var(--accent-500);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.section-title:after{content:"";height:1px;flex:1 1;background:var(--border-default)}.detail-fields dt{color:var(--text-secondary);font-size:var(--text-xs)}.detail-fields dd{margin:var(--space-1) 0 0}.action-bar{display:flex;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-5);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-canvas)}.action-bar button{min-width:52px;display:grid;justify-items:center;grid-gap:var(--space-1);gap:var(--space-1);border:0;background:transparent;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer}.action-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-full)}.action-icon.info{background:var(--info-soft);color:var(--info)}.action-icon.success{background:var(--success-soft);color:var(--success)}.action-icon.danger{background:var(--danger-soft);color:var(--danger)}.file-list{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.attachment-list{margin-top:var(--space-3)}.file-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm)}.file-copy{min-width:0;flex:1 1}.file-copy span,.file-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-copy span{margin-top:2px;color:var(--text-secondary);font-size:var(--text-xs)}.create-attachments{margin-top:var(--space-2)}.create-attachments .section-title{margin:var(--space-2) 0 var(--space-3)}.create-upload-zone{min-height:96px;grid-template-columns:auto minmax(0,1fr);justify-items:start;padding:var(--space-4);text-align:left}.upload-copy{min-width:0}.upload-copy span,.upload-copy strong{display:block}.upload-copy span{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs)}.pending-file-list{max-height:240px;overflow:auto}.pending-file-list .file-row{background:var(--bg-canvas)}.pending-file-list .icon-button[data-tooltip]:after{right:calc(100% + var(--space-2));left:auto}.dialog-scrim{position:fixed;inset:0;z-index:var(--z-overlay-scrim);display:grid;place-items:center;padding:var(--space-3);background:var(--overlay-scrim)}.dialog{z-index:var(--z-dialog);width:min(560px,100%);max-height:90vh;overflow:auto;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface-raised);box-shadow:var(--shadow-lg)}.dialog-sm{width:min(480px,100%)}.dialog-description{margin:0;color:var(--text-secondary);line-height:1.6}.dialog-body,.dialog-footer,.dialog-header{padding:var(--space-4)}.dialog-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--border-default)}.dialog-header h2{margin:0;font-size:var(--text-lg)}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--border-default)}.alert{border-left:3px solid var(--danger);background:var(--danger-soft);color:var(--danger)}.alert,.notice{padding:var(--space-3);border-radius:var(--radius-sm)}.notice{border-left:3px solid var(--success);background:var(--success-soft);color:var(--success)}.alert+.notice,.page-header+.alert,.page-header+.notice{margin-top:0;margin-bottom:var(--space-4)}.success-box{padding:var(--space-4);border-left:3px solid var(--success);border-radius:var(--radius-sm);background:var(--success-soft)}.code-value{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--text-sm)}.toast{position:fixed;top:80px;right:var(--space-5);z-index:var(--z-toast);width:min(380px,calc(100vw - 24px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-default);border-left:3px solid var(--success);border-radius:var(--radius-md);background:var(--bg-surface-raised);box-shadow:var(--shadow-md)}.toast.success{color:var(--success)}.toast.error{border-left-color:var(--danger);color:var(--danger)}.command-scrim{align-items:start;padding-top:15vh}.command-palette{width:min(560px,90vw)}.command-input{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.command-input input{min-width:0;min-height:40px;border:0;outline:0;background:transparent;color:var(--text-primary)}.command-key{display:flex;align-items:center;gap:3px;padding:var(--space-1) var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs)}.command-results{max-height:55vh;overflow:auto;padding:var(--space-2)}.command-item{width:100%;min-height:56px;display:grid;grid-template-columns:40px 1fr;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.command-item:focus-visible,.command-item:hover{background:var(--bg-hover)}.command-item small,.command-item span:last-child,.command-item strong{display:block}.command-item small{margin-top:2px;color:var(--text-secondary)}.command-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-500)}.command-empty,.import-note{margin:0;padding:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm)}.upload-zone{min-height:132px;display:grid;place-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-5);border:2px dashed var(--border-default);border-radius:var(--radius-md);background:var(--bg-canvas);color:var(--text-secondary);text-align:center;cursor:pointer}.upload-zone:focus-visible,.upload-zone:hover{border-color:var(--accent-500);background:var(--accent-soft)}.upload-zone[aria-disabled=true]{cursor:not-allowed;opacity:.7}.compact-upload{min-height:72px;grid-template-columns:auto 1fr;justify-items:start;padding:var(--space-3);text-align:left}.import-dialog{width:min(720px,95vw)}.import-note{border-radius:var(--radius-sm);background:var(--info-soft);color:var(--info)}.timeline-item{position:relative;display:grid;grid-template-columns:20px 1fr;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3) var(--space-2)}.timeline-item:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:var(--border-default)}.timeline-dot{position:relative;z-index:1;width:12px;height:12px;margin-top:5px;border:3px solid var(--bg-surface);border-radius:var(--radius-full);background:var(--info)}.timeline-item p{margin:var(--space-1) 0;color:var(--text-secondary);font-size:var(--text-sm)}.timeline-item a{color:var(--accent-500)}.timeline-item time{display:block;margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs)}.standalone-state{min-height:100vh;display:grid;place-items:center;padding:var(--space-4);background:var(--bg-canvas)}.standalone-state>section{width:min(560px,100%)}.error-code{display:block;margin-top:var(--space-4);color:var(--text-muted);font-size:var(--text-xs)}.skeleton-page{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.skeleton{overflow:hidden;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--skeleton-base),var(--skeleton-shimmer),var(--skeleton-base));background-size:200% 100%;animation:skeleton-shimmer 1.5s linear infinite}.skeleton-heading{width:260px;height:32px}.skeleton-toolbar{display:flex;justify-content:space-between;gap:var(--space-3)}.skeleton-field{width:min(360px,70vw);height:40px}.skeleton-button{width:120px;height:40px}.skeleton-row,.skeleton-table{padding:var(--space-3)}.skeleton-row{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4);border-bottom:1px solid var(--border-default)}.skeleton-row span{height:18px}.spin{animation:login-spin .8s linear infinite}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.login-page{min-height:100vh;min-height:100svh;display:grid;background:var(--bg-canvas)}.login-visual{display:none}.login-panel{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:var(--space-6) var(--space-4);background:var(--bg-surface)}.login-card{width:min(400px,100%)}.login-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-10)}.login-logo{width:56px;height:56px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface-raised);box-shadow:var(--shadow-sm)}.login-logo img{width:48px;height:40px;object-fit:contain;image-rendering:auto}.login-brand-copy{display:grid;grid-gap:2px;gap:2px}.login-brand-copy strong{font-size:var(--text-xl);line-height:1.2}.login-brand-copy span{color:var(--text-secondary);font-size:var(--text-sm)}.login-heading{margin-bottom:var(--space-6);text-align:center}.login-eyebrow{display:block;margin-bottom:var(--space-2);color:var(--accent-500);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.login-heading h1{margin:0;font-size:var(--text-2xl);line-height:1.35}.login-heading p{margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.65}.login-submit{width:100%;min-height:44px}.login-form,.login-methods{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.login-field,.login-form .form-group{gap:var(--space-2)}.login-field{display:flex;min-height:44px;align-items:center;padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.login-field:focus-within{border-color:var(--accent-500);box-shadow:0 0 0 3px var(--accent-soft)}.login-field.field-invalid{border-color:var(--danger)}.login-field>svg{flex:0 0 auto;color:var(--text-secondary)}.login-field input{min-width:0;flex:1 1;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit}.login-field input::placeholder{color:var(--text-muted)}.login-password-toggle{width:36px;height:36px;display:grid;flex:0 0 auto;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer}.login-password-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.field-error{color:var(--danger);font-size:var(--text-xs)}.login-error{padding:var(--space-3);border-left:3px solid var(--danger);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm);line-height:1.5}.login-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase}.login-divider:after,.login-divider:before{height:1px;flex:1 1;background:var(--border-default);content:""}.login-google{background:var(--bg-surface)}.login-spinner{animation:login-spin .8s linear infinite}.login-access-note{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-hover);color:var(--text-secondary)}.login-access-note svg{flex:0 0 auto;margin-top:2px;color:var(--success)}.login-access-note p{margin:0;font-size:var(--text-xs);line-height:1.6}.login-access-note strong{color:var(--text-primary)}.login-footnote{margin:var(--space-6) 0 0;color:var(--text-muted);font-size:var(--text-xs);line-height:1.5;text-align:center}@keyframes login-spin{to{transform:rotate(1turn)}}@media (min-width:768px){.content{padding:var(--space-5) var(--space-4) 88px}.stat-grid,.warehouse-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.login-page{grid-template-columns:minmax(0,2fr) minmax(360px,1fr)}.login-visual{position:relative;display:flex;min-height:100vh;min-height:100svh;flex-direction:column;justify-content:space-between;overflow:hidden;padding:var(--space-8);background-color:var(--accent-500);background-image:var(--login-visual-scrim),url(https://dtsoft.vn/upload/product/phan-mem-quan-ly-co-so-du-lieu-ve-gia1734573923.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--text-on-accent)}.login-visual-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border:1px solid var(--login-glass-border-strong);border-radius:var(--radius-full);background:var(--login-glass-bg-subtle);color:var(--text-on-accent);font-size:var(--text-sm);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-visual-note{width:min(520px,86%);padding:var(--space-5);border:1px solid var(--login-glass-border);border-radius:var(--radius-lg);background:var(--login-glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-visual-note .login-eyebrow{color:var(--text-on-accent);opacity:.8}.login-visual-note strong{display:block;font-size:var(--text-xl);line-height:1.35}.login-visual-note p{margin:var(--space-2) 0 0;color:var(--text-on-accent);font-size:var(--text-sm);line-height:1.65;opacity:.82}.login-panel{padding:var(--space-8)}.login-brand{justify-content:flex-start}.login-heading{text-align:left}.sidebar{display:flex}.main-column{margin-left:248px;transition:margin-left var(--duration-base) var(--ease-standard)}.sidebar-collapsed .sidebar{width:68px}.sidebar-collapsed .main-column{margin-left:68px}.sidebar-collapsed .brand{justify-content:center;padding:0}.sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-link>span,.sidebar-collapsed .sidebar-user .icon-button,.sidebar-collapsed .user-copy{display:none}.sidebar-collapsed .nav-link{justify-content:center;padding:0}.sidebar-collapsed .nav-link.active:before{left:0}.desktop-only-button{display:inline-grid}.mobile-only-button{display:none}.header{height:64px;padding:0 var(--space-6)}.content{padding:var(--space-6)}.footer{display:flex;justify-content:space-between}.bottom-nav{display:none}.desktop-only{display:block}.mobile-only{display:none!important}.panel-layout.has-panel{grid-template-columns:minmax(480px,1fr) minmax(360px,38vw)}.detail-panel{position:-webkit-sticky;position:sticky;top:88px;z-index:auto;height:calc(100vh - 112px);border-left:1px solid var(--border-default);border-radius:var(--radius-md)}}@media (min-width:1280px){.warehouse-split{grid-template-columns:minmax(320px,400px) minmax(0,1fr)}.warehouse-split.record-open{grid-template-columns:minmax(300px,340px) minmax(0,1fr)}.warehouse-source-pane{position:-webkit-sticky;position:sticky;top:88px}.warehouse-source-pane .warehouse-tree-header{align-items:stretch}.warehouse-source-pane .tree-search{width:100%;max-width:none}.warehouse-source-pane .province-tree{max-height:calc(100vh - 260px)}.warehouse-data-pane .panel-layout.has-panel{grid-template-columns:minmax(320px,1fr) minmax(320px,42%)}}@media (max-width:1023px){.desktop-only{display:none!important}.mobile-only{display:grid}.pagination{align-items:flex-start;flex-direction:column}.pagination-actions{width:100%;justify-content:space-between}.mobile-field{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-4)}.mobile-field>span{color:var(--text-secondary);font-size:var(--text-xs)}.email-copy{text-transform:none!important}.desktop-only-button{display:none!important}.mobile-only-button{display:inline-grid}.toast{top:auto;right:var(--space-3);bottom:76px}.heading-actions{width:100%}.heading-actions .button.primary{flex:1 1}.bulk-bar{top:64px;align-items:stretch;flex-direction:column}.bulk-bar .toolbar-actions{justify-content:space-between}.popup-menu{position:fixed;inset:auto var(--space-3) 76px;max-height:65vh;overflow:auto}.dialog-footer{flex-direction:column-reverse}.dialog-footer .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition-duration:.01ms!important}}