.app-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#f7f8fa}html,body{overflow-x:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;background-color:#fff;border-bottom:1px solid #e5e7eb;height:60px;box-shadow:none;z-index:1000;position:fixed;top:0;width:100%}.header-left{display:flex;align-items:center;gap:16px}.menu-toggle{background:none;border:none;font-size:18px;width:32px;height:32px;cursor:pointer;border-radius:4px;transition:background-color .2s}.menu-toggle:hover{background-color:#f0f0f0}.app-title{font-weight:600;font-size:20px;color:#1a237e;letter-spacing:.5px}.header-right{display:flex;align-items:center;gap:16px}.welcome-text{color:#666;font-size:14px}.user-menu{position:relative}.user-avatar{width:32px;height:32px;border-radius:6px;background-color:#1a237e;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .2s}.user-avatar:hover{background:#3949ab}.user-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:none;min-width:120px;z-index:1001;margin-top:4px}.user-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .2s;font-size:14px;border-radius:2px}.user-dropdown-item:hover{background:#f0f1f3}.user-dropdown-item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.user-dropdown-item:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.app-main{display:flex;flex:1;overflow:hidden;margin-top:60px}.app-sidebar{width:240px;background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;overflow-x:hidden}.app-sidebar.collapsed{width:80px}.sidebar-nav{padding:16px 0}.menu{list-style:none;padding:0;margin:0}.menu-item{margin-bottom:4px}.menu-item-content{display:flex;align-items:center;padding:10px 14px;cursor:pointer;transition:background .2s;border-radius:0 8px 8px 0;margin-right:4px}.menu-item-content:hover{background:#f0f1f3}.menu-item-content.active{background:#e3e6f0;color:#1a237e;font-weight:500}.menu-icon{font-size:16px;margin-right:12px;min-width:16px;text-align:center}.menu-label{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-arrow{font-size:12px;transition:transform .2s}.menu-arrow.open{transform:rotate(180deg)}.submenu{list-style:none;margin:0;padding:0 0 0 16px}.submenu-item{margin-bottom:2px}.submenu-item-content{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background-color .2s;border-radius:0 20px 20px 0;margin-right:8px;font-size:13px}.submenu-item-content:hover{background-color:#f0f8ff}.submenu-item-content.active{background-color:#e6f7ff;color:#1677ff;font-weight:500}.submenu-item-content .menu-icon{margin-right:8px;font-size:14px}.app-content{flex:1;background:none;overflow-y:auto;padding:0;min-height:calc(100vh - 60px)}@media (max-width: 1200px){.app-content{padding:12px}}@media (max-width: 768px){.app-sidebar{position:fixed;top:60px;left:0;height:calc(100vh - 60px);z-index:999;transform:translate(-100%);transition:transform .3s ease}.app-sidebar:not(.collapsed){transform:translate(0)}.app-content{margin-left:0!important;padding:8px}.header-left{gap:8px}.app-title{font-size:16px}.welcome-text{display:none}}@media (max-width: 480px){.app-content{padding:4px}.header-left{gap:4px}}.app-sidebar.collapsed .menu-label,.app-sidebar.collapsed .menu-arrow{display:none}.app-sidebar.collapsed .menu-item-content{justify-content:center;padding:12px 8px}.app-sidebar.collapsed .menu-icon{margin-right:0}.app-sidebar.collapsed .submenu{display:none}.app-content::-webkit-scrollbar{width:6px}.app-content::-webkit-scrollbar-track{background:#f1f1f1}.app-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.app-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-table-wrapper{width:100%;overflow-x:auto}.ant-table{font-size:12px}.ant-table-thead>tr>th{padding:6px 4px;font-size:12px;font-weight:600}.ant-table-tbody>tr>td{padding:6px 4px;font-size:12px}.ant-statistic{text-align:center}.ant-statistic-title{font-size:12px;margin-bottom:4px}.ant-statistic-content{font-size:18px}.ant-card{border-radius:4px;box-shadow:none;border:1px solid #e5e7eb}.ant-card-head{padding:12px 16px;border-bottom:1px solid #f0f0f0}.ant-card-body{padding:16px}@media (max-width: 1200px){.ant-card-body{padding:12px}.ant-statistic-content{font-size:16px}}@media (max-width: 768px){.ant-card-body{padding:8px}.ant-statistic-title{font-size:11px}.ant-statistic-content{font-size:14px}.ant-table-thead>tr>th{padding:6px 4px;font-size:11px}.ant-table-tbody>tr>td{padding:6px 4px;font-size:11px}}@media (max-width: 480px){.ant-card-body{padding:6px}.ant-statistic-title{font-size:10px}.ant-statistic-content{font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}#root{height:100%;margin:0;padding:0}body{font-family:Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8fa;color:#222}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}