*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-layout{min-height:100vh}.ant-card{border-radius:8px}.ant-table-wrapper{background:#fff;border-radius:8px}.ant-btn{border-radius:6px}.ant-input,.ant-select-selector,.ant-picker{border-radius:6px!important}.ant-modal-content{border-radius:12px}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.full-width{width:100%}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #6366f14d}50%{box-shadow:0 0 20px #6366f199}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderGlow{0%,to{border-color:#6366f14d}50%{border-color:#6366f1cc}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-fadeInUp{animation:fadeInUp .4s ease forwards}.animate-fadeInDown{animation:fadeInDown .4s ease forwards}.animate-fadeInLeft{animation:fadeInLeft .4s ease forwards}.animate-fadeInRight{animation:fadeInRight .4s ease forwards}.animate-scaleIn{animation:scaleIn .3s ease forwards}.animate-bounceIn{animation:bounceIn .6s ease forwards}.animate-pulse{animation:pulse 2s infinite}.animate-pulseScale{animation:pulseScale 2s infinite}.animate-shake{animation:shake .5s ease}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glowPulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 3s ease infinite}.stagger-container>*{opacity:0;animation:staggerFadeIn .4s ease forwards}.stagger-container>*:nth-child(1){animation-delay:.05s}.stagger-container>*:nth-child(2){animation-delay:.1s}.stagger-container>*:nth-child(3){animation-delay:.15s}.stagger-container>*:nth-child(4){animation-delay:.2s}.stagger-container>*:nth-child(5){animation-delay:.25s}.stagger-container>*:nth-child(6){animation-delay:.3s}.stagger-container>*:nth-child(7){animation-delay:.35s}.stagger-container>*:nth-child(8){animation-delay:.4s}.stagger-container>*:nth-child(9){animation-delay:.45s}.stagger-container>*:nth-child(10){animation-delay:.5s}.stagger-container>*:nth-child(11){animation-delay:.55s}.stagger-container>*:nth-child(12){animation-delay:.6s}.hover-lift{transition:transform .25s ease,box-shadow .25s ease}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform .25s ease}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow .25s ease}.hover-glow:hover{box-shadow:0 0 20px #6366f14d}.transition-all{transition:all .25s ease}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .35s ease}.transition-spring{transition:all .5s cubic-bezier(.34,1.56,.64,1)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-secondary: #8b5cf6;--color-success: #10b981;--color-success-light: #34d399;--color-success-bg: #ecfdf5;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-bg: #fffbeb;--color-error: #ef4444;--color-error-light: #f87171;--color-error-bg: #fef2f2;--color-info: #3b82f6;--color-info-light: #60a5fa;--color-info-bg: #eff6ff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-card: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px rgba(0, 0, 0, .05), 0 12px 24px rgba(0, 0, 0, .05);--shadow-card-hover: 0 0 0 1px rgba(0, 0, 0, .03), 0 4px 8px rgba(0, 0, 0, .08), 0 20px 40px rgba(0, 0, 0, .08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-secondary);color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ant-card{border-radius:var(--radius-xl)!important;border:1px solid var(--gray-100)!important;box-shadow:var(--shadow-card)!important;transition:all var(--transition-normal)!important;overflow:hidden}.ant-card:hover{box-shadow:var(--shadow-card-hover)!important;transform:translateY(-2px)}.ant-card-head{border-bottom:1px solid var(--gray-100)!important;padding:16px 24px!important;min-height:auto!important}.ant-card-head-title{font-weight:600!important;font-size:15px!important;color:var(--gray-800)!important}.ant-card-body{padding:24px!important}.ant-card-small .ant-card-body{padding:16px!important}.ant-card-small .ant-card-head{padding:12px 16px!important}.ant-card-hoverable:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-xl)!important}.ant-btn{border-radius:var(--radius-md)!important;font-weight:500!important;transition:all var(--transition-normal)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.ant-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)!important;border:none!important;box-shadow:0 4px 14px #6366f159!important}.ant-btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px #6366f173!important}.ant-btn-primary:active{transform:translateY(0)!important}.ant-btn-default{border:1px solid var(--gray-200)!important;background:var(--bg-primary)!important}.ant-btn-default:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important;background:var(--color-primary-light)!important;background:#6366f10d!important}.ant-table-wrapper{border-radius:var(--radius-xl)!important;overflow:hidden!important}.ant-table,.ant-table-container{border-radius:var(--radius-xl)!important}.ant-table-thead>tr>th{background:linear-gradient(180deg,var(--gray-50) 0%,var(--gray-100) 100%)!important;font-weight:600!important;color:var(--gray-700)!important;border-bottom:1px solid var(--gray-200)!important;padding:16px!important}.ant-table-tbody>tr>td{padding:16px!important;transition:all var(--transition-fast)!important}.ant-table-tbody>tr:hover>td{background:var(--gray-50)!important}.ant-table-tbody>tr{transition:all var(--transition-fast)!important}.ant-tag{border-radius:var(--radius-full)!important;padding:2px 12px!important;font-weight:500!important;font-size:12px!important;border:none!important;transition:all var(--transition-fast)!important}.ant-tag-success{background:var(--color-success-bg)!important;color:var(--color-success)!important}.ant-tag-warning{background:var(--color-warning-bg)!important;color:var(--color-warning)!important}.ant-tag-error{background:var(--color-error-bg)!important;color:var(--color-error)!important}.ant-tag-processing,.ant-tag-blue{background:var(--color-info-bg)!important;color:var(--color-info)!important}.ant-tag-purple{background:#8b5cf61a!important;color:var(--color-secondary)!important}.ant-tag-orange{background:#f973161a!important;color:#f97316!important}.ant-tag-green{background:var(--color-success-bg)!important;color:var(--color-success)!important}.ant-tag-red{background:var(--color-error-bg)!important;color:var(--color-error)!important}.ant-tag-cyan{background:#06b6d41a!important;color:#06b6d4!important}.ant-tag-geekblue{background:#3b82f61a!important;color:#3b82f6!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker{border-radius:var(--radius-md)!important;border:1px solid var(--gray-200)!important;transition:all var(--transition-normal)!important}.ant-input-affix-wrapper .ant-input{border:none!important;box-shadow:none!important;background:transparent!important}.ant-input-number .ant-input-number-input{border:none!important;box-shadow:none!important}.ant-input-number{border-radius:var(--radius-md)!important;border:1px solid var(--gray-200)!important}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-select-selector:hover,.ant-picker:hover,.ant-input-number:hover{border-color:var(--color-primary-light)!important}.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused,.ant-input-number-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #6366f11a!important}.ant-input-affix-wrapper-focused .ant-input{box-shadow:none!important}.ant-alert{border-radius:var(--radius-lg)!important;border:none!important;padding:16px 20px!important}.ant-alert-success{background:linear-gradient(135deg,var(--color-success-bg) 0%,rgba(16,185,129,.15) 100%)!important}.ant-alert-warning{background:linear-gradient(135deg,var(--color-warning-bg) 0%,rgba(245,158,11,.15) 100%)!important}.ant-alert-error{background:linear-gradient(135deg,var(--color-error-bg) 0%,rgba(239,68,68,.15) 100%)!important}.ant-alert-info{background:linear-gradient(135deg,var(--color-info-bg) 0%,rgba(59,130,246,.15) 100%)!important}.ant-statistic-title{font-size:13px!important;color:var(--gray-500)!important;font-weight:500!important;margin-bottom:8px!important}.ant-statistic-content{font-weight:700!important}.ant-statistic-content-value{font-size:28px!important}.ant-progress-line{margin-bottom:0!important}.ant-progress-bg,.ant-progress-inner{border-radius:var(--radius-full)!important}.ant-badge-count{border-radius:var(--radius-full)!important;font-weight:600!important;box-shadow:0 2px 8px #00000026!important}.ant-divider{border-color:var(--gray-200)!important}.ant-divider-inner-text{font-weight:600!important;color:var(--gray-600)!important}.ant-menu{border:none!important}.ant-menu-item{border-radius:var(--radius-md)!important;margin:4px 8px!important;transition:all var(--transition-normal)!important}.ant-menu-item:hover{background:var(--gray-100)!important}.ant-menu-item-selected{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)!important;color:#fff!important}.ant-menu-item-selected:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)!important}.ant-menu-item-selected .ant-menu-item-icon,.ant-menu-item-selected .anticon{color:#fff!important}.ant-menu-submenu-title{border-radius:var(--radius-md)!important;margin:4px 8px!important;transition:all var(--transition-normal)!important}.ant-menu-submenu-title:hover{background:var(--gray-100)!important}.ant-menu-sub{background:transparent!important}.ant-dropdown-menu{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;padding:8px!important}.ant-dropdown-menu-item{border-radius:var(--radius-md)!important;transition:all var(--transition-fast)!important}.ant-modal-content{border-radius:var(--radius-2xl)!important;box-shadow:var(--shadow-xl)!important;overflow:hidden}.ant-modal-header{border-bottom:1px solid var(--gray-100)!important;padding:20px 24px!important}.ant-modal-body{padding:24px!important}.ant-modal-footer{border-top:1px solid var(--gray-100)!important;padding:16px 24px!important}.ant-drawer-content{border-radius:var(--radius-2xl) 0 0 var(--radius-2xl)!important}.ant-drawer-header{border-bottom:1px solid var(--gray-100)!important;padding:20px 24px!important}.ant-drawer-body{padding:24px!important}.ant-tabs-tab{border-radius:var(--radius-md) var(--radius-md) 0 0!important;padding:12px 20px!important;transition:all var(--transition-normal)!important}.ant-tabs-tab:hover{color:var(--color-primary)!important}.ant-tabs-tab-active{background:var(--bg-primary)!important}.ant-tabs-ink-bar{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%)!important;height:3px!important;border-radius:var(--radius-full)!important}.ant-avatar{border-radius:var(--radius-lg)!important}.ant-spin-dot-item{background-color:var(--color-primary)!important}.ant-tooltip-inner{border-radius:var(--radius-md)!important;padding:8px 12px!important;background-color:var(--gray-800)!important;color:#fff!important}.ant-tooltip-arrow:before{background-color:var(--gray-800)!important}.ant-popover-inner{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.ant-steps-item-icon,.ant-timeline-item-head{border-radius:var(--radius-full)!important}.ant-form-item-label>label{font-weight:500!important;color:var(--gray-700)!important}.ant-skeleton-element .ant-skeleton-button,.ant-skeleton-element .ant-skeleton-input{border-radius:var(--radius-md)!important}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:#fffc!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)!important}.gradient-border{position:relative;background:var(--bg-primary);border-radius:var(--radius-xl)}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:2px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.icon-container{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:22px;transition:all var(--transition-normal)}.icon-container.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;box-shadow:0 4px 14px #6366f159}.icon-container.success{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-light) 100%);color:#fff;box-shadow:0 4px 14px #10b98159}.icon-container.warning{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-light) 100%);color:#fff;box-shadow:0 4px 14px #f59e0b59}.icon-container.error{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-light) 100%);color:#fff;box-shadow:0 4px 14px #ef444459}.icon-container.info{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-light) 100%);color:#fff;box-shadow:0 4px 14px #3b82f659}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-dot.success{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-dot.warning{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.status-dot.error{background:var(--color-error);box-shadow:0 0 8px var(--color-error)}.status-dot.info{background:var(--color-info);box-shadow:0 0 8px var(--color-info)}.modern-sidebar{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--gray-50) 100%)!important;border-right:1px solid var(--gray-100)!important}.modern-sidebar .logo-container{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-header{background:#fffc!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-100)!important}.page-container{animation:fadeInUp .4s ease}.section-title{font-size:18px;font-weight:600;color:var(--gray-800);margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-title .anticon{font-size:20px}@media(max-width:768px){.ant-card-body{padding:16px!important}.ant-statistic-content-value{font-size:22px!important}.icon-container{width:40px;height:40px;font-size:18px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full);transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media print{.ant-card{box-shadow:none!important;border:1px solid var(--gray-200)!important}.ant-btn{box-shadow:none!important}}