:root{--color-primary: #2563EB;--color-primary-light: #EFF6FF;--color-primary-hover: #1D4ED8;--color-success: #10B981;--color-success-light: #ECFDF5;--color-warning: #F59E0B;--color-warning-light: #FFFBEB;--color-danger: #EF4444;--color-danger-light: #FEF2F2;--color-purple: #8B5CF6;--color-purple-light: #F5F3FF;--bg-page: #F0F2F5;--bg-card: #FFFFFF;--bg-sidebar: #FFFFFF;--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border-color: #E5E7EB;--border-radius-sm: 6px;--border-radius: 10px;--border-radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.04);--shadow-md: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.03);--sidebar-width: 220px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:PingFang SC,HarmonyOS Sans,Microsoft YaHei,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.5}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.app-layout{min-height:100vh;background:var(--bg-page)!important}.app-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height)!important;background:#fff!important;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 20px!important;box-shadow:0 1px 4px #0000000f}.header-logo{display:flex;align-items:center;gap:10px;width:var(--sidebar-width);flex-shrink:0}.header-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary) 0%,#7C3AED 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;flex-shrink:0}.header-logo-text{display:flex;flex-direction:column}.header-logo-title{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.header-logo-sub{font-size:11px;color:var(--text-muted);line-height:1.2}.header-breadcrumb{flex:1;padding-left:24px}.header-right{display:flex;align-items:center;gap:8px}.header-icon-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:background .15s;font-size:16px}.header-icon-btn:hover{background:var(--bg-page);color:var(--color-primary)}.header-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,#7C3AED 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;margin-left:4px}.app-sider{position:fixed!important;top:var(--header-height)!important;left:0!important;bottom:0!important;background:#fff!important;border-right:1px solid var(--border-color)!important;width:var(--sidebar-width)!important;overflow-y:auto;overflow-x:hidden}.app-sider .ant-layout-sider-children{display:flex;flex-direction:column}.sidebar-menu{border-right:none!important;padding:12px 8px!important}.sidebar-menu .ant-menu-item{margin:2px 0!important;height:40px!important;line-height:40px!important;border-radius:var(--border-radius-sm)!important;padding-left:14px!important;color:var(--text-secondary)!important;font-size:13.5px!important}.sidebar-menu .ant-menu-item:hover{background:var(--color-primary-light)!important;color:var(--color-primary)!important}.sidebar-menu .ant-menu-item-selected{background:var(--color-primary-light)!important;color:var(--color-primary)!important;font-weight:600!important}.sidebar-menu .ant-menu-item-selected .anticon{color:var(--color-primary)!important}.sidebar-menu .ant-menu-item .anticon{font-size:15px!important}.app-content-wrapper{margin-left:var(--sidebar-width);margin-top:var(--header-height);padding:20px;min-height:calc(100vh - var(--header-height))}.page-container{max-width:1400px}.page-header{margin-bottom:20px}.page-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.page-subtitle{font-size:13px;color:var(--text-secondary);margin-top:3px}.stat-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:var(--bg-card);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start;transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card-left{flex:1}.stat-card-label{font-size:13px;color:var(--text-secondary);margin-bottom:10px;font-weight:500}.stat-card-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.03em;margin-bottom:8px}.stat-card-trend{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:3px}.stat-card-trend.up{color:var(--color-success)}.stat-card-trend.down{color:var(--color-danger)}.stat-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.content-card{background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.card-title{font-size:14px;font-weight:600;color:var(--text-primary)}.card-title-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--color-danger);color:#fff;font-size:11px;font-weight:700;margin-left:8px}.card-body{padding:16px 20px}.ant-card{border-radius:var(--border-radius)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}.ant-card-head{border-bottom:1px solid var(--border-color)!important;padding:0 20px!important;min-height:48px!important;font-size:14px!important;font-weight:600!important}.ant-card-body{padding:16px 20px!important}.ant-table{font-size:13.5px!important}.ant-table-thead>tr>th{background:#fafafa!important;font-weight:600!important;font-size:13px!important;color:var(--text-secondary)!important;border-bottom:1px solid var(--border-color)!important}.ant-table-tbody>tr:hover>td{background:var(--color-primary-light)!important}.ant-btn-primary{border-radius:6px!important;font-weight:500!important;box-shadow:0 1px 2px #2563eb33!important}.ant-tag{border-radius:5px!important;font-size:11.5px!important;font-weight:500!important;border:none!important;padding:1px 8px!important}.ant-statistic-content-value{font-size:26px!important;font-weight:700!important;letter-spacing:-.02em!important}.ant-statistic-title{font-size:13px!important;color:var(--text-secondary)!important;margin-bottom:6px!important}.ant-progress-bg{border-radius:4px!important}.pipeline-steps{display:flex;gap:0;margin-bottom:16px}.pipeline-step{flex:1;padding:12px 10px;text-align:center;background:#f9fafb;border:1px solid var(--border-color);border-right:none;transition:background .2s;position:relative}.pipeline-step:first-child{border-radius:8px 0 0 8px}.pipeline-step:last-child{border-right:1px solid var(--border-color);border-radius:0 8px 8px 0}.pipeline-step.active{background:var(--color-primary-light);border-color:var(--color-primary);z-index:1}.pipeline-step.done{background:var(--color-success-light);border-color:#a7f3d0}.pipeline-step-num{font-size:11px;color:var(--text-muted);margin-bottom:4px}.pipeline-step-label{font-size:12.5px;font-weight:500;color:var(--text-secondary)}.pipeline-step.active .pipeline-step-label{color:var(--color-primary);font-weight:600}.pipeline-step.done .pipeline-step-label{color:var(--color-success)}.source-bar-item{display:flex;align-items:center;margin-bottom:12px;gap:10px}.source-bar-label{width:90px;font-size:12.5px;color:var(--text-secondary);flex-shrink:0}.source-bar-track{flex:1;height:6px;background:#e5e7eb;border-radius:99px;overflow:hidden}.source-bar-fill{height:100%;border-radius:99px;transition:width .5s ease}.source-bar-count{width:36px;text-align:right;font-size:12.5px;font-weight:600;color:var(--text-primary)}.activity-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #F3F4F6}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.activity-content{flex:1}.activity-company{font-size:13px;font-weight:600;color:var(--text-primary)}.activity-desc{font-size:12px;color:var(--text-secondary);margin-top:2px}.activity-time{font-size:11.5px;color:var(--text-muted);flex-shrink:0}.approval-item{padding:12px;border-radius:8px;border:1px solid var(--border-color);margin-bottom:10px;transition:border-color .2s,box-shadow .2s;cursor:pointer;background:#fafafa}.approval-item:hover{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb14;background:var(--color-primary-light)}.approval-item-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}.approval-item-title{font-size:13px;font-weight:600;color:var(--text-primary);flex:1;line-height:1.4}.approval-item-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);justify-content:space-between}@media (max-width: 1024px){.stat-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.app-sider{display:none!important}.app-content-wrapper{margin-left:0}}