.stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.stat-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.stat-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.stat-card-header{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-card-icon{width:28px;height:28px;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-accent) 12%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-accent);font-size:var(--font-size-sm)}.stat-card-icon svg{width:14px;height:14px}.stat-card-title{font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;line-height:var(--line-height-tight);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-card-period,.stat-card-title{font-size:var(--font-size-xs);color:var(--color-text-muted)}.stat-card-period{flex-shrink:0;margin-left:auto}.stat-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);display:flex;align-items:baseline;gap:var(--spacing-xs)}.stat-card-unit{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.stat-card-trend{display:flex;align-items:center;gap:var(--spacing-xs)}.stat-card-trend-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:2px}.stat-card-trend-up .stat-card-trend-value{color:var(--color-success)}.stat-card-trend-up .stat-card-trend-value:before{content:"\2191"}.stat-card-trend-down .stat-card-trend-value{color:var(--color-error)}.stat-card-trend-down .stat-card-trend-value:before{content:"\2193"}.stat-card-trend-neutral .stat-card-trend-value{color:var(--color-text-muted)}.stat-card-trend-neutral .stat-card-trend-value:before{content:"\2192"}.stat-card-trend-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.stat-card-chart{height:48px;width:100%;margin-top:var(--spacing-xs);overflow:hidden}.stat-card-chart svg{width:100%;height:100%;display:block}.stat-card-footer{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);flex-wrap:wrap}.stat-card-footer-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.stat-card-footer-item strong{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.stat-card-compare{display:flex;align-items:center;gap:var(--spacing-md)}.stat-card-compare-primary{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.stat-card-compare-divider{width:1px;height:32px;background-color:var(--color-border);flex-shrink:0}.stat-card-compare-secondary{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-muted);line-height:var(--line-height-tight)}.stat-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.stat-card-lg{padding:var(--spacing-lg);gap:var(--spacing-md)}.stat-card-lg .stat-card-icon{width:36px;height:36px;font-size:var(--font-size-md)}.stat-card-lg .stat-card-icon svg{width:18px;height:18px}.stat-card-lg .stat-card-value{font-size:var(--font-size-3xl)}.stat-card-lg .stat-card-title{font-size:var(--font-size-sm)}.stat-card-lg .stat-card-chart{height:64px}.stat-card-sm{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-xs)}.stat-card-sm .stat-card-icon{width:22px;height:22px;font-size:var(--font-size-xs)}.stat-card-sm .stat-card-icon svg{width:11px;height:11px}.stat-card-sm .stat-card-value{font-size:var(--font-size-xl)}.stat-card-sm .stat-card-title{font-size:var(--font-size-2xs);letter-spacing:.06em}.stat-card-sm .stat-card-chart{height:32px;margin-top:0}.stat-card-sm .stat-card-footer{padding-top:var(--spacing-xs)}@media (max-width:767px){.stat-card-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.stat-card,.stat-card-lg{padding:var(--spacing-md)}.stat-card-lg .stat-card-value{font-size:var(--font-size-2xl)}.stat-card-lg .stat-card-chart{height:48px}.stat-card-compare{gap:var(--spacing-sm)}.stat-card-compare-primary{font-size:var(--font-size-lg)}.stat-card-compare-secondary{font-size:var(--font-size-md)}.stat-card-footer{gap:var(--spacing-sm)}}:root{--color-success:#52c41a;--color-success-bg:#f6ffed;--color-success-light:rgba(82,196,26,.25);--color-warning:#faad14;--color-warning-bg:#fffbe6;--color-error:#ff4d4f;--color-error-bg:#fff2f0;--color-info:#1890ff;--color-primary-light:#e6f7ff;--sider-width:240px;--sider-collapsed-width:80px}.ant-card{border-color:var(--color-border)!important;box-shadow:var(--shadow-sm)!important;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)!important}.ant-card:hover{box-shadow:var(--shadow-md)!important}.ant-table-wrapper .ant-table-thead>tr>th{font-weight:var(--font-weight-semibold)!important}.dashboard-layout{display:flex;min-height:100vh}.dashboard-sidebar{width:var(--sider-width);height:100vh;position:-webkit-sticky;position:sticky;top:0;left:0;flex-shrink:0;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;transition:width var(--transition-normal);z-index:var(--z-sticky)}.dashboard-sidebar.collapsed{width:var(--sider-collapsed-width)}.sidebar-logo{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden}.collapsed .sidebar-logo{justify-content:center;padding:0}.collapsed .sidebar-logo-text{font-size:var(--font-size-base)}.sidebar-collapse-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast)}.sidebar-collapse-btn:hover{color:var(--color-text-primary);background-color:var(--color-background)}.dashboard-sidebar .sidebar-nav{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sm) 0;scrollbar-width:thin}.dashboard-sidebar .sidebar-link{padding:var(--spacing-sm) var(--spacing-md);margin:1px var(--spacing-xs)}.dashboard-sidebar .sidebar-link .anticon,.dashboard-sidebar .sidebar-link svg{width:18px;height:18px;flex-shrink:0;font-size:18px}.collapsed .sidebar-link{justify-content:center;padding:var(--spacing-sm)}.collapsed .sidebar-group-toggle span,.collapsed .sidebar-heading,.collapsed .sidebar-link span:not(.anticon){display:none}.collapsed .sidebar-group-toggle{justify-content:center;padding:var(--spacing-sm)}.collapsed .sidebar-group-toggle svg:last-child{display:none}.dashboard-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.dashboard-header{height:var(--header-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);flex-shrink:0}.dashboard-header-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.dashboard-user-menu{cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.dashboard-user-menu:hover{color:var(--color-text-primary)}.dashboard-user-name{font-size:var(--font-size-sm)}.dashboard-content{flex:1 1;margin:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-md);min-height:280px}.dashboard-content.no-padding{margin:0;padding:0;border-radius:0}@media (max-width:767px){.dashboard-sidebar{display:none}.dashboard-content{margin:var(--spacing-md);padding:var(--spacing-md)}}.page-container{padding:var(--spacing-lg);max-width:1440px;margin:0 auto}.page-header{margin-bottom:var(--spacing-lg)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}