.app-header{height:56px;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:fixed;top:0;z-index:1000;box-shadow:0 2px 8px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header:before{content:"";position:absolute;inset:0;background:#ffffff0d;pointer-events:none}.header-left{display:flex;align-items:center;flex-shrink:0}.header-left .company-brand{display:flex;align-items:center;gap:12px}.header-left .company-brand .brand-logo{width:36px;height:36px;background:#ffffff26;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.header-left .company-brand .brand-logo img{width:28px;height:28px;object-fit:contain}.header-left .company-brand .brand-logo:hover{background:#ffffff40;transform:scale(1.05)}.header-left .company-brand .brand-info{display:flex;flex-direction:column;line-height:1.3}.header-left .company-brand .brand-info .brand-name{color:#fff;font-size:15px;font-weight:600;letter-spacing:.3px}.header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff1a;cursor:pointer;transition:all .2s ease;position:relative}.header-action .action-icon{font-size:18px;color:#fff}.header-action:hover{background:#fff3;transform:translateY(-1px)}.header-action:active{transform:translateY(0)}.header-branch-display{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#ffffff1a;border-radius:40px;border:1px solid rgba(255,255,255,.15);transition:all .2s ease;cursor:pointer;height:44px}.header-branch-display .branch-icon{font-size:14px;color:gold}.header-branch-display .branch-text{color:#fff;font-size:13px;font-weight:500;white-space:nowrap}.header-branch-display:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.header-branch-display:active{transform:translateY(0)}.header-user{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 6px;background:#ffffff1a;border-radius:40px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.15);height:44px}.header-user .user-avatar{flex-shrink:0;border:2px solid rgba(255,255,255,.3)}.header-user .user-details{display:flex;flex-direction:column;line-height:1.3}.header-user .user-details .user-name{color:#fff;font-size:13px;font-weight:600;white-space:nowrap}.header-user .user-details .user-role{color:#ffffffb3;font-size:10px;font-weight:400}.header-user .user-arrow{font-size:10px;color:#ffffffb3;transition:transform .2s}.header-user:hover{background:#fff3;transform:translateY(-1px)}.header-user:hover .user-arrow{transform:rotate(180deg)}.header-user:active{transform:translateY(0)}@media(max-width:1024px){.app-header{padding:0 16px}.user-details{display:none!important}.header-user{padding:4px 8px!important;height:40px!important}.branch-text{font-size:11px!important}.header-branch-display{padding:4px 10px!important;height:40px!important}}@media(max-width:768px){.brand-info{display:none!important}.branch-text{display:none}.header-branch-display{padding:4px 8px!important;height:36px!important}.header-user{height:36px!important}.header-action{width:32px;height:32px}}.ant-dropdown-menu{border-radius:12px;padding:8px;box-shadow:0 6px 16px #0000001f}.ant-dropdown-menu .ant-dropdown-menu-item{border-radius:8px;padding:8px 12px;margin:2px 0;transition:all .2s}.ant-dropdown-menu .ant-dropdown-menu-item:hover{background:#f0f2f5}.ant-dropdown-menu .ant-dropdown-menu-item .anticon{font-size:14px}.ant-dropdown-menu .ant-dropdown-menu-item-danger{color:#ff4d4f}.ant-dropdown-menu .ant-dropdown-menu-item-danger:hover{background:#fff1f0}.ant-dropdown-menu .ant-dropdown-menu-divider{margin:4px 0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.header-action .ant-badge-count{animation:pulse 2s infinite}.header-action,.header-branch-display,.header-user{position:relative;overflow:hidden}.header-action:after,.header-branch-display:after,.header-user:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .4s,height .4s}.header-action:active:after,.header-branch-display:active:after,.header-user:active:after{width:100px;height:100px}.app-sider-wrapper{position:relative;z-index:1000}.ps-sidebar-root{--sidebar-bg: #ffffff;--sidebar-text: rgba(0, 0, 0, .85);--sidebar-text-secondary: rgba(0, 0, 0, .65);--sidebar-hover-bg: rgba(0, 0, 0, .06);--sidebar-active-bg: #e6f7ff;--sidebar-active-color: #1890ff;--sidebar-border: #f0f0f0}.ps-sidebar-root .ps-sidebar-container{background-color:var(--sidebar-bg)}.ps-sidebar-root .ps-sidebar-container .sidebar-logo{padding:7px 16px;border-bottom:1px solid var(--sidebar-border);margin-bottom:8px}.ps-sidebar-root .ps-sidebar-container .sidebar-logo .logo-full{display:flex;align-items:center;gap:12px;text-decoration:none}.ps-sidebar-root .ps-sidebar-container .sidebar-logo .logo-full span{color:var(--sidebar-text);font-size:16px;font-weight:600;white-space:nowrap}.ps-sidebar-root .ps-sidebar-container .sidebar-logo .logo-icon{display:flex;justify-content:center;align-items:center;text-decoration:none}.ps-sidebar-root .ps-sidebar-container .sidebar-logo .logo-icon:hover{opacity:.7}.ps-sidebar-root .ps-sidebar-container .ps-menu-root .ps-menu-button{padding:10px 16px!important;transition:all .3s ease;border-radius:0}.ps-sidebar-root .ps-sidebar-container .ps-menu-root .ps-menu-button:hover{background-color:var(--sidebar-hover-bg)!important}.ps-sidebar-root .ps-sidebar-container .ps-menu-root .ps-menu-button .ps-menu-icon{min-width:28px;width:28px;margin-right:8px}.ps-sidebar-root .ps-sidebar-container .ps-menu-root .ps-menu-button .ps-menu-icon svg{font-size:16px;transition:color .3s}.ps-sidebar-root .ps-sidebar-container .ps-menu-root .ps-menu-button .ps-menu-label{font-size:14px;font-weight:400;white-space:nowrap}.ps-sidebar-root .ps-sidebar-container .ps-menu-root .ps-active .ps-menu-button{background-color:var(--sidebar-active-bg)!important}.ps-sidebar-root .ps-sidebar-container .ps-menu-root .ps-active .ps-menu-button .ps-menu-label{color:var(--sidebar-active-color)!important;font-weight:500}.ps-sidebar-root .ps-sidebar-container .ps-menu-root .ps-active .ps-menu-button .ps-menu-icon svg{color:var(--sidebar-active-color)!important}.ps-sidebar-root.ps-collapsed .ps-sidebar-container .sidebar-logo{padding:7px 0}.ps-sidebar-root.ps-collapsed .ps-sidebar-container .sidebar-logo .logo-full{justify-content:center}.ps-sidebar-root.ps-collapsed .ps-sidebar-container .sidebar-logo .logo-full span{display:none}.ps-sidebar-root.ps-collapsed .ps-sidebar-container .sidebar-menu-container .ps-menu-root .ps-menu-button{justify-content:center;padding:12px!important}.ps-sidebar-root.ps-collapsed .ps-sidebar-container .sidebar-menu-container .ps-menu-root .ps-menu-button .ps-menu-icon{margin-right:0}.ps-sidebar-root.ps-collapsed .ps-sidebar-container .sidebar-menu-container .ps-menu-root .ps-menu-button .ps-menu-label{display:none}.menu-flyout-item{cursor:pointer}.menu-flyout-item .menu-flyout-content{display:flex;align-items:center;gap:8px;padding:8px 12px;width:100%}.menu-flyout-item .menu-flyout-content .arrow-right{margin-left:auto}.menu-flyout-item .menu-flyout-content:hover{background:#0000000f}.collapsed-menu-item{display:flex;justify-content:center;align-items:center;cursor:pointer;padding:8px 0}.collapsed-menu-item .collapsed-icon{width:28px;height:28px;border-radius:6px;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.collapsed-menu-item .collapsed-icon:hover{background:#1890ff1a}.collapsed-menu-item .collapsed-icon svg{font-size:16px;color:#1677ff}.sidebar-popover .ant-popover-inner{padding:4px 0!important;overflow:visible;border-radius:8px;background:#fff;box-shadow:0 4px 12px #0000001f}.sidebar-popover .ant-popover-inner-content{padding:0!important;overflow:visible}.sidebar-popover .ant-popover-arrow{display:none}.popover-menu{min-width:220px;background:#fff;border-radius:8px;overflow:visible;margin:0;padding:0}.popover-menu-item{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;margin:0;color:#262626;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease}.popover-menu-item svg{font-size:14px;color:#1677ff;min-width:14px}.popover-menu-item:hover{background:#e6f4ff;color:#1677ff}.popover-submenu{position:relative;margin:0;padding:0}.popover-submenu-title{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;margin:0;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:500;color:#262626;transition:all .2s ease}.popover-submenu-title svg{font-size:14px;color:#1677ff;min-width:14px}.popover-submenu-title:hover{background:#e6f4ff;color:#1677ff}.popover-submenu-title .arrow-right{margin-left:auto;font-size:11px;color:#8c8c8c}.popover-submenu-flyout{position:absolute;top:0;left:calc(100% + 2px);min-width:220px;background:#fff;border-radius:8px;display:none;z-index:9999;margin:0;padding:4px 0;box-shadow:0 4px 12px #0000001f}.popover-submenu:hover>.popover-submenu-flyout{display:block;animation:submenuFade .15s ease}.popover-submenu-flyout .popover-submenu>.popover-submenu-flyout{left:calc(100% + 2px);top:0}.popover-submenu-flyout .popover-submenu,.popover-submenu-flyout .popover-submenu-title,.popover-submenu-flyout .popover-menu-item{margin:0;padding:0}.popover-submenu-flyout .popover-submenu .popover-submenu-title,.popover-submenu-flyout .popover-submenu .popover-menu-item,.popover-submenu-flyout .popover-submenu-flyout .popover-submenu-title,.popover-submenu-flyout .popover-submenu-flyout .popover-menu-item{gap:8px}.popover-submenu-flyout .popover-submenu .popover-submenu-title,.popover-submenu-flyout .popover-submenu .popover-menu-item{padding-left:15px!important}.popover-submenu-flyout .popover-submenu .popover-submenu .popover-submenu-title,.popover-submenu-flyout .popover-submenu .popover-submenu .popover-menu-item{padding-left:22px!important}.popover-submenu-flyout .popover-submenu .popover-submenu .popover-submenu .popover-submenu-title,.popover-submenu-flyout .popover-submenu .popover-submenu .popover-submenu .popover-menu-item{padding-left:29px!important}.popover-submenu-flyout .popover-submenu .popover-submenu-title svg,.popover-submenu-flyout .popover-submenu .popover-menu-item svg{margin-right:8px}.popover-menu-item.active,.popover-submenu-title.active{background:#e6f4ff;color:#1677ff}.popover-menu-item.active svg,.popover-submenu-title.active svg{color:#1677ff}.ps-menu-button:hover .ps-menu-icon svg,.popover-menu-item:hover svg,.popover-submenu-title:hover svg{color:#40e9ff}.ps-active .ps-menu-icon svg{color:#00e5ff!important}.ps-menu-icon svg,.collapsed-icon svg,.popover-menu-item svg,.popover-submenu-title svg{color:#00cfff}.popover-menu::-webkit-scrollbar{width:4px}.popover-menu::-webkit-scrollbar-track{background:#f5f5f5}.popover-menu::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}@keyframes submenuFade{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.ant-tooltip .ant-tooltip-inner{background-color:#fff;color:#000000d9;font-size:12px;padding:4px 10px;border-radius:4px;box-shadow:0 2px 8px #00000026}.ant-tooltip .ant-tooltip-arrow:before{background-color:#fff}@media(max-width:768px){.popover-menu{min-width:180px}.popover-menu-item,.popover-submenu-title{height:32px;font-size:12px;padding:0 10px}.popover-submenu-flyout{min-width:180px}.popover-submenu-flyout .popover-submenu .popover-submenu-title,.popover-submenu-flyout .popover-submenu .popover-menu-item{padding-left:12px!important}.popover-submenu-flyout .popover-submenu .popover-submenu .popover-submenu-title,.popover-submenu-flyout .popover-submenu .popover-submenu .popover-menu-item{padding-left:18px!important}}.sidebar-logo{padding:12px 16px;border-bottom:1px solid var(--sidebar-border);margin-bottom:8px}.sidebar-logo .logo-full{display:flex;align-items:center;gap:12px;text-decoration:none;height:40px;padding:0 4px;transition:all .3s ease;border-radius:0}.sidebar-logo .logo-full:hover{background-color:var(--sidebar-hover-bg)}.sidebar-logo .logo-full svg{font-size:16px;color:var(--sidebar-active-color);min-width:28px}.sidebar-logo .logo-full span{color:var(--sidebar-text);font-size:14px;font-weight:500;white-space:nowrap}.sidebar-logo .logo-icon{display:flex;justify-content:center;align-items:center;text-decoration:none;height:40px;width:100%;transition:all .3s ease;border-radius:0}.sidebar-logo .logo-icon:hover{background-color:var(--sidebar-hover-bg)}.sidebar-logo .logo-icon svg{font-size:16px;color:var(--sidebar-active-color)}.ps-sidebar-root.ps-collapsed .sidebar-logo{padding:12px 0}.ps-sidebar-root.ps-collapsed .sidebar-logo .logo-full{justify-content:center;padding:0}.ps-sidebar-root.ps-collapsed .sidebar-logo .logo-full span{display:none}.ps-sidebar-root.ps-collapsed .sidebar-logo .logo-icon svg{font-size:16px}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#nprogress .bar{background:red!important;height:3px!important;box-shadow:none!important}