.app-header{box-sizing:border-box;height:var(--app-header-height);line-height:normal;padding:0 32px;background:var(--color-bg-container);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:var(--z-header)}.header-left{display:flex;align-items:center;gap:12px}.app-header .ant-btn.header-toggle{width:40px;height:40px;color:var(--color-text-secondary);font-size:16px;border-radius:10px}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.header-language{display:flex;align-items:center;padding-right:8px;border-right:1px solid var(--color-border);height:40px}.header-language .language-switcher{display:flex;align-items:center}.app-header .ant-btn.header-icon-btn{width:40px;height:40px;color:var(--color-text-secondary);font-size:18px;border-radius:10px}.app-header .ant-btn.header-icon-btn:hover,.app-header .ant-btn.header-toggle:hover{background:var(--color-fill);color:var(--color-primary)}.header-notification .ant-badge-dot{background:var(--color-error);box-shadow:0 0 0 1px var(--color-bg-container);width:8px;height:8px}.header-profile{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none}.app-header .ant-avatar.header-avatar{background-color:var(--color-primary-bg);color:var(--color-text);font-weight:600;border-radius:8px;box-shadow:0 1px 2px #e4e5e73d}.header-avatar img{object-fit:cover}.header-username{font-size:14px;font-weight:500;color:var(--color-text);letter-spacing:-.084px}.header-chevron{color:var(--color-text-secondary);font-size:14px}.header-brand{display:inline-flex;align-items:center;gap:8px}.header-brand__name{font-size:16px;font-weight:700;letter-spacing:-.2px;color:var(--color-text)}.app-header .ant-btn.language-switcher-btn{height:40px;min-width:40px;padding-inline:8px;color:var(--color-text-secondary);font-size:13px;font-weight:600}@media(max-width:767.98px){.app-header{padding:0 16px}.header-username{display:none}.header-left{gap:4px}}:root{--color-primary: #ff6a00;--color-primary-hover: #ff8929;--color-primary-active: #d95300;--color-primary-bg: #fff4e6;--color-primary-bg-hover: #ffd6a3;--color-primary-border: #ffbf7a;--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--color-info: #3b82f6;--color-success-bg: #f0fff3;--color-success-border: #98ebae;--color-success-text: #139e4b;--color-warning-bg: #fffde6;--color-warning-border: #ffec82;--color-warning-text: #c48d00;--color-warning-strong: #ad6800;--color-error-bg: #fff2f0;--color-error-border: #ffc8c2;--color-error-text: #c92e34;--color-fill: rgba(0, 0, 0, .04);--color-text: #0a0d14;--color-text-secondary: #525866;--color-text-tertiary: #6b7280;--color-border: #e2e4e9;--color-bg-container: #ffffff;--color-bg-layout: #f8fafc;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-width: 272px;--sidebar-collapsed-width: 72px;--app-header-height: 80px;--page-padding: 12px;--brand-facebook: #1877f2;--brand-zalo: #0068ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--z-dropdown: 10;--z-header: 100;--z-overlay: 999;--z-sidebar: 1000;--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-secondary);--border-color: var(--color-border);--border-radius: var(--radius);--border-radius-lg: var(--radius-lg)}@media(min-width:576px){:root{--page-padding: 16px}}@media(min-width:992px){:root{--page-padding: 24px}}@media(max-width:767.98px){:root{--app-header-height: 60px}}.ant-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.ant-card-head{border-bottom:1px solid var(--border-color)}.ant-table-wrapper .ant-table{border-radius:var(--border-radius)}.ant-table-wrapper .ant-table-thead>tr>th{background:var(--color-bg-layout);font-weight:600}.ant-layout-sider-dark .ant-menu-dark{background:transparent}.ant-layout-sider-dark .ant-menu-item-group-title{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;padding:16px 24px 8px}.ant-layout-sider.app-sidebar{background:var(--color-bg-container);border-right:1px solid var(--color-border);box-shadow:0 1px 2px #0000000a;z-index:var(--z-sidebar)}.ant-layout-sider.app-sidebar .ant-layout-sider-children{display:flex;flex-direction:column;gap:12px;padding:20px;height:100%}.sidebar-header{height:52px;display:flex;align-items:center;gap:10px;padding:0 14px}.sidebar-title{font-size:16px;font-weight:700;color:var(--color-text);letter-spacing:-.2px}.ant-layout-sider .ant-menu.app-sidebar-menu{border-inline-end:0;background:transparent}.app-sidebar-menu .ant-menu-item-group-title{padding:8px 12px;font-size:12px;font-weight:600;color:var(--color-text-tertiary);letter-spacing:.48px}.ant-layout-sider .ant-menu.app-sidebar-menu .ant-menu-item{margin:0;height:40px;border-radius:8px;color:var(--color-text-secondary);display:flex;align-items:center;gap:8px;position:relative;padding-inline:12px}.app-sidebar-menu .ant-menu-item .ant-menu-item-icon{color:var(--color-text-secondary);font-size:18px}.ant-layout-sider .ant-menu.app-sidebar-menu .ant-menu-item-selected,.ant-layout-sider .ant-menu.app-sidebar-menu .ant-menu-item-selected:hover{background:var(--color-primary-bg);color:var(--color-text);font-weight:600}.app-sidebar-menu .ant-menu-item-selected .ant-menu-item-icon{color:var(--color-primary)}.app-sidebar-menu .ant-menu-item:not(.ant-menu-item-selected):hover{background:var(--color-fill);color:var(--color-text)}.app-sidebar-menu .ant-menu-item:not(.ant-menu-item-selected):hover .ant-menu-item-icon{color:var(--color-primary)}.ant-layout-sider.ant-layout-sider-collapsed.app-sidebar .ant-layout-sider-children{padding:20px 10px}.ant-layout-sider.ant-layout-sider-collapsed .ant-menu.app-sidebar-menu .ant-menu-item{padding:0;margin:0;display:flex;justify-content:center;align-items:center;width:100%}.ant-layout-sider.ant-layout-sider-collapsed .ant-menu.app-sidebar-menu .ant-menu-item>.ant-menu-item-icon{margin:0;margin-inline-start:0;margin-inline-end:0;font-size:20px;display:flex;align-items:center;justify-content:center}.ant-layout-sider.ant-layout-sider-collapsed .ant-menu-inline.app-sidebar-menu .ant-menu-item,.ant-layout-sider.ant-layout-sider-collapsed .ant-menu-inline.app-sidebar-menu .ant-menu-item-only-child{padding-inline:0;text-align:center}.ant-layout-sider.ant-layout-sider-collapsed .ant-menu.app-sidebar-menu .ant-menu-item>.ant-menu-title-content{display:none;width:0;opacity:0;margin-inline-start:0}.ant-layout-sider.ant-layout-sider-collapsed .sidebar-header{padding:0;justify-content:center}.ant-layout-sider.ant-layout-sider-collapsed .app-sidebar-menu .ant-menu-item-group-title{display:none}.ant-btn{border-radius:var(--border-radius);font-weight:500}.ant-input,.ant-select .ant-select-selector{border-radius:var(--border-radius)}.ant-dropdown-menu{border-radius:var(--border-radius);box-shadow:var(--shadow-md)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--color-bg-layout);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.page-container{padding:var(--page-padding);min-width:0}.page-wrapper{padding:0 var(--page-padding) var(--page-padding)}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.page-header--padded{padding:var(--page-padding) var(--page-padding) 0}.page-header__text{flex:1 1 240px;min-width:0}.page-header-title{margin:0;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-.2px;color:var(--color-text);overflow-wrap:anywhere}.page-header__subtitle{margin-top:2px;font-size:14px;line-height:20px;color:var(--color-text-secondary)}.page-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);max-width:100%}.page-title{font-size:24px;font-weight:600;color:var(--color-text);margin-bottom:24px}.card-grid{display:grid;gap:24px}.card-grid-4{grid-template-columns:repeat(4,1fr)}.card-grid-2{grid-template-columns:repeat(2,1fr)}.date-filter-container{display:inline-flex;align-items:center;gap:8px;background:transparent}.date-filter-btn{border:2px solid var(--color-border);background:transparent;padding:10px 20px;font-size:14px;font-weight:500;color:var(--color-text);border-radius:99px;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.date-filter-btn:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.date-filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.date-filter-btn .anticon{font-size:16px}@media(max-width:1199.98px){.card-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:767.98px){.card-grid-4,.card-grid-2{grid-template-columns:1fr}.page-title{font-size:20px;margin-bottom:16px}.page-header{margin-bottom:var(--space-sm)}.page-header-title{font-size:18px;line-height:26px}.date-filter-container{gap:6px;flex-wrap:wrap}.date-filter-btn{padding:8px 16px;font-size:14px}.date-filter-btn .anticon{font-size:14px}}