:root{--color-primary:#06c;--color-primary-hover:#005bb5;--color-primary-light:#0066cc1a;--color-primary-dark:#004c99;--color-success:#34c759;--color-success-light:#34c7591a;--color-warning:#ff9500;--color-warning-light:#ff95001a;--color-error:#ff3b30;--color-error-light:#ff3b301a;--color-kho-day:#ff3b30;--color-kho-vua:#fc0;--color-kho-trong:#fff;--color-kho-day-bg:#ff3b301a;--color-kho-vua-bg:#ffcc0026;--color-kho-trong-bg:#fff9;--color-bg:#f5f5f7;--color-surface:#ffffffb3;--color-surface-2:#fff6;--color-surface-hover:#ffffffe6;--color-border:#00000014;--color-border-focus:#06c;--glass-bg:#ffffffa6;--glass-border:1px solid #fff6;--glass-blur:blur(20px) saturate(180%);--glass-shadow:0 8px 32px 0 #1f26870d;--mesh-color-1:#0066cc40;--mesh-color-2:#34c75926;--mesh-color-3:#ff3b301a;--color-text-primary:#1d1d1f;--color-text-secondary:#86868b;--color-text-disabled:#d2d2d7;--color-text-on-primary:#fff;--sidebar-width:256px;--sidebar-collapsed-width:72px;--topbar-height:64px;--font-sans:Arial, "Helvetica Neue", Helvetica, sans-serif;--font-display:Arial, "Helvetica Neue", Helvetica, sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 4px 12px #0000000d;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 12px 48px #0000001f;--transition-fast:.15s cubic-bezier(.25, .1, .25, 1);--transition-normal:.3s cubic-bezier(.25, .1, .25, 1);--transition-slow:.4s cubic-bezier(.25, .1, .25, 1)}[data-theme=dark]{--color-primary:#0a84ff;--color-primary-hover:#409cff;--color-primary-light:#0a84ff26;--color-primary-dark:#0056b3;--color-success:#30d158;--color-success-light:#30d15826;--color-warning:#ffd60a;--color-warning-light:#ffd60a26;--color-error:#ff453a;--color-error-light:#ff453a26;--color-kho-day:#ff453a;--color-kho-vua:#ffd60a;--color-kho-trong:#30d158;--color-kho-day-bg:#ff453a26;--color-kho-vua-bg:#ffd60a26;--color-kho-trong-bg:#30d15826;--color-bg:#050a14;--color-surface:#0f141e80;--color-surface-2:#1e232d66;--color-surface-hover:#2d374b99;--color-border:#ffffff14;--color-border-focus:#0a84ff;--glass-bg:#0f141e80;--glass-border:1px solid #ffffff0d;--glass-shadow:0 8px 32px 0 #00000080;--mesh-color-1:#0a84ff40;--mesh-color-2:#30d15826;--mesh-color-3:#ff353a1a;--color-text-primary:#f5f5f7;--color-text-secondary:#86868b;--color-text-disabled:#48484a;--color-text-on-primary:#fff;--shadow-sm:0 4px 12px #00000080;--shadow-md:0 8px 24px #0009;--shadow-lg:0 12px 48px #000000b3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font-sans);background-color:var(--color-bg);background-image:radial-gradient(circle at 10% 10%, var(--mesh-color-1) 0%, transparent 60%), radial-gradient(circle at 90% 90%, var(--mesh-color-2) 0%, transparent 60%), radial-gradient(circle at 90% 10%, var(--mesh-color-3) 0%, transparent 60%);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;background-size:cover;background-attachment:fixed;min-height:100dvh;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-primary);font-weight:500;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}.app-shell{min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-right:var(--glass-border);z-index:100;transition:width var(--transition-normal), transform var(--transition-normal), visibility var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}body.sidebar-collapsed{--sidebar-width:var(--sidebar-collapsed-width)}body.sidebar-hidden{--sidebar-width:0px}body.sidebar-hidden .sidebar{visibility:hidden;transform:translate(-100%)}body.sidebar-collapsed .app-logo,body.sidebar-collapsed .sidebar-logo-text,body.sidebar-collapsed .nav-item>span:last-child,body.sidebar-collapsed .nav-section-title{display:none}body.sidebar-collapsed .sidebar-logo{justify-content:center;padding:0}body.sidebar-collapsed .hamburger-btn{border-radius:50%!important;margin:0!important;padding:8px!important}body.sidebar-collapsed .nav-item{border-radius:50px;justify-content:center;margin:2px 8px;padding:5px;position:relative}body.sidebar-collapsed .nav-icon-wrap{width:38px;height:38px}body.sidebar-collapsed .nav-icon-wrap .nav-icon{width:20px;height:20px}body.sidebar-collapsed .nav-item:after{content:attr(data-label);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:9999;background:#3c4043;border-radius:8px;padding:5px 12px;font-size:.8rem;font-weight:500;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 2px 10px #00000040}body.sidebar-collapsed .nav-item:hover:after{opacity:1}.main-content{margin-left:var(--sidebar-width);min-height:100dvh;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;display:flex}.topbar-actions{flex-shrink:1;align-items:center;gap:8px;min-width:0;display:flex}.topbar h1{letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:1.0625rem;font-weight:700}.topbar{height:var(--topbar-height);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);box-shadow:var(--glass-shadow);padding:0 var(--spacing-lg);z-index:50;align-items:center;gap:var(--spacing-md);display:flex;position:sticky;top:0}.page-content{padding:var(--spacing-lg);flex:1;width:100%;max-width:1400px;margin:0 auto}.sidebar-logo{height:var(--topbar-height);padding:0 var(--spacing-md) 0 var(--spacing-lg);align-items:center;gap:var(--spacing-sm);border-bottom:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#0066ccd9;display:flex;box-shadow:inset 0 -1px #ffffff1a}.sidebar-logo-text{font-family:var(--font-display);color:#fff;white-space:nowrap;letter-spacing:-.01em;font-size:.95rem;font-weight:700}.hamburger-btn{color:#ffffffd9!important}.hamburger-btn:hover{color:#fff!important;background:#fff3!important}.sidebar-nav{flex:1;padding:6px 0;overflow-y:auto}.nav-section-title{color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.1em;padding:14px var(--spacing-md) 4px;font-size:.7rem;font-weight:700;display:block}.nav-icon-wrap{width:34px;height:34px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-icon-wrap .nav-icon{color:#fff;flex-shrink:0;width:18px;height:18px}.nav-item{padding:6px var(--spacing-md) 6px 10px;margin:2px var(--spacing-xs);border-radius:var(--radius-xl);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-normal), color var(--transition-normal), box-shadow var(--transition-normal);white-space:nowrap;align-items:center;gap:10px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.nav-item:hover{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.nav-item:hover .nav-icon-wrap{transform:scale(1.08);box-shadow:0 4px 12px #00000026}.nav-item.active{background:var(--glass-bg);color:var(--color-primary);border:var(--glass-border);box-shadow:var(--shadow-sm);font-weight:600}.nav-item.active .nav-icon-wrap{box-shadow:0 0 0 2px #0066cc4d}.nav-item .nav-icon{flex-shrink:0;width:18px;height:18px}.btn{align-items:center;gap:var(--spacing-xs);padding:8px var(--spacing-md);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-normal);border:1px solid #0000;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.btn-outlined{color:var(--color-primary);border-color:var(--color-border);background:0 0}.btn-outlined:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#c5221f}.btn-sm{padding:5px 12px;font-size:.8125rem}.btn-lg{padding:12px 24px;font-size:1rem}.btn-icon{border-radius:var(--radius-full);padding:8px}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--glass-shadow)}.card-hover{transition:box-shadow var(--transition-fast);cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--color-text-primary);font-size:1rem;font-weight:500}.kpi-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kpi-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);gap:var(--spacing-sm);transition:box-shadow var(--transition-normal), transform var(--transition-normal);box-shadow:var(--glass-shadow);flex-direction:column;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.kpi-value{color:var(--color-text-primary);font-size:2rem;font-weight:700;font-family:var(--font-display);line-height:1}.kpi-change{align-items:center;gap:4px;font-size:.8125rem;display:flex}.kpi-change.up{color:var(--color-success)}.kpi-change.down{color:var(--color-error)}.table-container{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);overflow:hidden}.table-toolbar{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}table{border-collapse:collapse;width:100%}thead{background:var(--color-bg)}th{text-align:left;padding:11px var(--spacing-md);color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap;letter-spacing:.01em;font-size:.8125rem;font-weight:700}td{padding:10px var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:.875rem;font-weight:450}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition-fast), box-shadow var(--transition-fast)}tbody tr:hover{background:var(--color-primary-light)}tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--color-primary)}tbody tr:hover td{color:var(--color-text-primary)}.badge-kho-day{background:var(--color-kho-day-bg);color:var(--color-kho-day);border:1px solid var(--color-kho-day);border-radius:var(--radius-full);padding:2px 10px;font-size:.75rem;font-weight:600}.badge-kho-vua{background:var(--color-kho-vua-bg);color:#b06000;border:1px solid var(--color-kho-vua);border-radius:var(--radius-full);padding:2px 10px;font-size:.75rem;font-weight:600}.badge-kho-trong{background:var(--color-kho-trong-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px 10px;font-size:.75rem;font-weight:600}.form-group{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.form-label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.form-label.required:after{content:" *";color:var(--color-error)}.form-control{padding:10px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;font-size:.875rem}.form-control:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #1a73e826}.form-control::placeholder{color:var(--color-text-disabled)}.form-helper{color:var(--color-text-secondary);font-size:.75rem}.form-error{color:var(--color-error);font-size:.75rem}.badge{border-radius:var(--radius-full);align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:#b06000}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-info{background:var(--color-primary-light);color:var(--color-primary)}.badge-neutral{background:var(--color-surface-hover);color:var(--color-text-secondary)}.role-badge{border-radius:var(--radius-full);color:#fff;letter-spacing:.04em;text-transform:lowercase;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;padding:2px 9px;font-size:.68rem;font-weight:700;line-height:1.6;display:inline-flex}.role-badge-admin{background:#e53935}.role-badge-manager{background:#f57c00}.role-badge-user{background:#1e8e3e}.role-badge-viewer{background:#80868b}.tab-nav{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-xl);width:fit-content;box-shadow:var(--glass-shadow);flex-wrap:nowrap;gap:2px;padding:4px;display:flex}.tab-btn{border-radius:var(--radius-lg);font-family:var(--font-sans);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:6px 18px;font-size:.875rem;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}.tab-btn:hover:not(.tab-active){color:var(--color-text-primary);background:#0000000d}.tab-btn.tab-active{color:#fff;font-weight:600;box-shadow:0 2px 8px #00000026}[data-theme=dark] .tab-btn:hover:not(.tab-active){background:#ffffff12}[data-theme=dark] .tab-btn.tab-active{box-shadow:0 2px 8px #00000080}.action-btn{cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);color:var(--color-text-secondary);background:0 0;border:1px solid #0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.action-btn svg{flex-shrink:0;width:15px;height:15px;display:block}.action-btn:hover{transform:scale(1.12)}.action-btn-edit{color:var(--color-primary)}.action-btn-edit:hover{background:var(--color-primary-light);border-color:#93c5fd}.action-btn-delete{color:var(--color-error)}.action-btn-delete:hover{background:var(--color-error-light);border-color:#fca5a5}.action-btn-view{color:var(--color-success)}.action-btn-view:hover{background:var(--color-success-light);border-color:#86efac}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-surface-hover) 25%, #efefef 50%, var(--color-surface-hover) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}.divider{background:var(--color-border);height:1px;margin:var(--spacing-lg) 0}[data-theme=dark] thead{background:var(--color-surface-2)}[data-theme=dark] th{color:var(--color-text-primary);border-bottom-color:var(--color-border)}[data-theme=dark] td{color:var(--color-text-primary);border-bottom-color:#ffffff0f}[data-theme=dark] tbody tr:hover{background:var(--color-surface-hover)}[data-theme=dark] tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--color-primary)}[data-theme=dark] .table-container{border-color:var(--color-border)}[data-theme=dark] .topbar{background:#121212eb;border-bottom-color:#ffffff14;box-shadow:0 2px 16px #0006,0 1px 4px #0000004d}[data-theme=dark] .sidebar{background:var(--color-surface)}[data-theme=dark] .sidebar-logo{background:linear-gradient(135deg,#1565c0 0%,#0d2f6e 100%)}[data-theme=dark] .kpi-card,[data-theme=dark] .card,[data-theme=dark] .table-container{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--color-surface-2)!important;color:var(--color-text-primary)!important;border-color:var(--color-border)!important}[data-theme=dark] .nav-item:hover{background:var(--color-primary);color:#0d1117}[data-theme=dark] .nav-item:hover .nav-icon-wrap{transform:scale(1.08);box-shadow:0 2px 8px #0006}[data-theme=dark] .nav-item.active{background:var(--color-primary-light);color:var(--color-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-disabled)}@media (max-width:768px){html,body{overflow-x:hidden!important}*{min-width:0}:root{--sidebar-width:0px;--topbar-height:52px}.sidebar{width:0;transition:transform var(--transition-normal);transform:translate(-100%)}.sidebar.open{width:280px;box-shadow:var(--shadow-lg);transform:translate(0)}.main-content{margin-left:0;overflow-x:hidden}.page-content{box-sizing:border-box;max-width:100vw;padding:12px 12px 80px;overflow-x:hidden}.dashboard-grid{grid-template-columns:1fr!important}.kpi-grid{gap:8px;grid-template-columns:repeat(2,1fr)!important;margin-bottom:12px!important}.kpi-card{border-radius:12px!important;gap:4px!important;padding:10px!important}.kpi-label{line-height:1.3;font-size:.7rem!important}.kpi-value{line-height:1.1;font-size:1.25rem!important}.topbar{height:var(--topbar-height);padding:0 12px;overflow:hidden}.topbar>div:first-child{flex-shrink:1;min-width:0;max-width:160px}.topbar-actions{scrollbar-width:none;flex-shrink:1;align-items:center;gap:4px;min-width:0;max-width:calc(100vw - 170px);padding-right:4px;display:flex;overflow:auto visible}.topbar-actions::-webkit-scrollbar{display:none}.tab-bar-mobile{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:16px;overflow:auto visible;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}.tab-bar-mobile::-webkit-scrollbar{display:none}.tab-bar-mobile>div{border-bottom:2px solid var(--color-border);min-width:max-content;display:flex}.tab-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100vw;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%);flex-wrap:nowrap!important;overflow-x:auto!important}.tab-nav::-webkit-scrollbar{display:none}}@media (max-width:480px){.kpi-grid{gap:6px;grid-template-columns:repeat(3,1fr)!important}.kpi-card{border-radius:10px!important;padding:10px 8px!important}.kpi-value{font-size:1.1rem!important}.kpi-label{font-size:.7rem!important}h1{font-size:1.35rem}h2{font-size:1.15rem}}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:200;height:64px;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);align-items:stretch;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014}.mobile-nav-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:44px;padding:6px 2px 5px;text-decoration:none;transition:background .15s;display:flex;position:relative}.mobile-nav-item:active{background:var(--color-surface-hover)}.mobile-nav-item.active:before{content:"";background:var(--color-primary);border-radius:2px;width:24px;height:3px;position:absolute;top:4px}.mobile-nav-icon{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,transform .12s;display:flex}.mobile-nav-item:active .mobile-nav-icon{transform:scale(.85)}.mobile-nav-icon svg,.mobile-nav-icon .nav-icon{width:19px!important;height:19px!important}.mobile-nav-label{color:var(--color-text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:.62rem;font-weight:500;line-height:1;overflow:hidden}.mobile-nav-item.active .mobile-nav-label{color:var(--color-primary);font-weight:700}.table-container{-webkit-overflow-scrolling:touch;border-radius:10px;max-width:100%;overflow-x:auto}.table-container table{min-width:480px;font-size:.78rem}.table-container th{white-space:nowrap;font-size:.72rem;padding:7px 8px!important}.table-container td{white-space:nowrap;font-size:.78rem;padding:6px 8px!important}.table-toolbar{flex-wrap:wrap;gap:8px;overflow:hidden}.page-header{flex-wrap:wrap;overflow:hidden}.mobile-fullscreen-modal{border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important}.page-content>div input[type=text],.page-content>div input[type=number],.page-content>div input[type=password],.page-content>div>select,.page-content>div textarea{font-size:16px!important}.form-control:not(.table-toolbar .form-control):not(.nhat-ky-filter .form-control){min-height:44px;font-size:16px!important}.btn:not(.btn-sm):not(.topbar-actions .btn){min-height:40px}.page-header{gap:8px;padding:10px 14px!important}.page-header-title{font-size:1rem!important}.page-header-subtitle{display:none}.page-header-actions .btn-sm{padding:8px 14px!important;font-size:.8125rem!important}.topbar-actions button,.topbar-actions a[style]{min-height:unset!important;height:30px!important;padding:4px 9px!important;font-size:.72rem!important;line-height:1!important}.topbar-actions select{min-height:unset!important;height:30px!important;padding:3px 7px!important;font-size:.72rem!important}.topbar-actions>div>span:first-child{display:none!important}.page-content select{box-sizing:border-box;width:auto;max-width:240px}.table-search-box{width:100%!important;max-width:100%!important}}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:768px){.page-content>div:first-child h1{margin-bottom:2px!important;font-size:1.1rem!important}.page-content>div:first-child p{display:none}.page-header-subtitle{display:none!important}.topbar h1{white-space:normal!important;font-size:.875rem!important;line-height:1.2!important}.table-toolbar>div:first-child{flex-direction:column;width:100%;align-items:stretch!important;gap:6px!important}.table-toolbar>div:first-child>div:first-child{flex:1!important;width:100%!important}.table-toolbar>div:first-child>div:first-child input{width:100%!important;max-width:100%!important}.table-toolbar input[type=date]{min-height:40px;flex:1!important;max-width:calc(50% - 4px)!important;font-size:.8rem!important}.nhat-ky-filter{grid-template-columns:1fr 1fr;align-items:center;gap:6px;display:grid}.nhat-ky-filter>:first-child{grid-column:1/-1}.filter-row{flex-direction:column;gap:6px;width:100%;display:flex}.filter-row select,.filter-row input{box-sizing:border-box;width:100%!important;max-width:100%!important}.date-range-form{grid-template-columns:1fr 1fr;align-items:flex-end;gap:8px;margin-bottom:12px;display:grid}.date-range-form>label:first-child{grid-column:1/-1;display:none}button[id^=btn-sync]{width:fit-content!important;min-width:unset!important}div[style*="flex-direction: column"]>div>button,div[style*="flexDirection: column"]>div>button{width:fit-content!important}.card>div>div+a{width:fit-content;margin-top:8px;display:block}.topbar-actions{-webkit-mask-image:linear-gradient(90deg,#000 72%,#0000 100%);mask-image:linear-gradient(90deg,#000 72%,#0000 100%);padding-right:24px!important}.topbar-actions>*{flex-shrink:0}.topbar-actions button,.topbar-actions a[href]{white-space:nowrap;height:28px!important;min-height:unset!important;padding:3px 8px!important;font-size:.7rem!important}.topbar-actions select{height:28px!important;min-height:unset!important;padding:0 5px!important;font-size:.7rem!important}.ton-kho-tabs{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 78%,#0000 100%);mask-image:linear-gradient(90deg,#000 78%,#0000 100%);margin-bottom:14px!important}.ton-kho-tabs::-webkit-scrollbar{display:none}.ton-kho-tabs>div{min-width:max-content}.ton-kho-tabs a{padding:5px 12px!important;font-size:.78rem!important}.ton-kho-filters{grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-top:4px;display:grid}.ton-kho-filters select{box-sizing:border-box;width:100%!important;max-width:100%!important;height:36px!important;min-height:unset!important;font-size:.8rem!important}.badge{padding:2px 7px!important;font-size:.65rem!important}.kpi-card{min-height:64px}.map-legend,.map-topbar-divider,.map-topbar-subtitle,.map-topbar-right{display:none!important}.tab-bar-mobile{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000 100%);mask-image:linear-gradient(90deg,#000 82%,#0000 100%)}.tab-bar-mobile::-webkit-scrollbar{display:none}.map-floating-bar-addr,.map-btn-text{display:none!important}.map-floating-bar button,.map-floating-bar a{min-height:unset!important;padding:4px 7px!important}.map-edit-link{display:none!important}.map-panel-grid{grid-template-columns:1fr!important}.map-panel-grid>div:first-child [style*=calc\(100dvh]{height:45vh!important;min-height:300px!important}}