:root{--primary-color: #1890ff;--primary-light: #40a9ff;--primary-dark: #096dd9;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--info-color: #722ed1;--white: #ffffff;--gray-1: #fafafa;--gray-2: #f5f7fa;--gray-3: #f0f2f5;--gray-4: #e8e8e8;--gray-5: #d9d9d9;--gray-6: #bfbfbf;--gray-7: #8c8c8c;--gray-8: #595959;--gray-9: #434343;--gray-10: #262626;--black: #000000;--gradient-primary: linear-gradient(135deg, #1890ff 0%, #722ed1 100%);--gradient-success: linear-gradient(135deg, #52c41a 0%, #73d13d 100%);--gradient-warning: linear-gradient(135deg, #faad14 0%, #ffc53d 100%);--gradient-error: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%);--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #fafafa;--bg-hover: rgba(24, 144, 255, .05);--border-light: #e6f7ff;--border-base: #e8e8e8;--border-dark: #d9d9d9}:root{--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.4;--line-height-base: 1.5;--line-height-relaxed: 1.6;--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"}:root{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-base: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 4px 0 20px rgba(24, 144, 255, .15);--shadow-primary: 0 0 10px rgba(24, 144, 255, .3);--shadow-success: 0 0 10px rgba(82, 196, 26, .3);--shadow-warning: 0 0 10px rgba(250, 173, 20, .3)}:root{--radius-xs: 2px;--radius-sm: 4px;--radius-base: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 16px;--radius-round: 9999px}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-base: 12px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px}:root{--duration-fast: .2s;--duration-base: .3s;--duration-slow: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-standard: cubic-bezier(.645, .045, .355, 1)}.page-container{padding:var(--spacing-lg);background:var(--bg-primary);min-height:100%}@media (max-width: 768px){.page-container{padding:var(--spacing-base)}}.card-container{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);overflow:hidden;transition:all var(--duration-base) var(--ease-out)}.card-container:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--gray-10);margin-bottom:var(--spacing-lg)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--gray-10);margin-bottom:var(--spacing-md)}.btn-primary{background:var(--gradient-primary)!important;border:none!important;border-radius:var(--radius-base)!important;font-weight:var(--font-weight-medium)!important;transition:all var(--duration-base) var(--ease-out)!important}.btn-primary:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-md)!important}.btn-secondary{border-radius:var(--radius-base)!important;transition:all var(--duration-base) var(--ease-out)!important}.btn-secondary:hover{transform:translateY(-1px)!important;box-shadow:var(--shadow-sm)!important}.input-base{border-radius:var(--radius-base)!important;transition:all var(--duration-base) var(--ease-out)!important}.input-base:focus{box-shadow:0 0 0 2px #1890ff33!important}.table-container{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.tag-primary{background:#1890ff1a;border-color:var(--primary-color);color:var(--primary-color);border-radius:var(--radius-sm)}.tag-success{background:#52c41a1a;border-color:var(--success-color);color:var(--success-color);border-radius:var(--radius-sm)}.tag-warning{background:#faad141a;border-color:var(--warning-color);color:var(--warning-color);border-radius:var(--radius-sm)}.tag-error{background:#ff4d4f1a;border-color:var(--error-color);color:var(--error-color);border-radius:var(--radius-sm)}@media (max-width: 768px){:root{--spacing-lg: 16px;--spacing-xl: 20px;--font-size-xl: 16px;--font-size-lg: 15px}}@media print{.page-container{background:#fff!important;padding:0!important}.card-container{box-shadow:none!important;border:1px solid var(--border-base)!important}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-fade-in{animation:pageFadeIn .4s cubic-bezier(.23,1,.32,1)}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}@keyframes buttonClick{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.button-click:active{animation:buttonClick .2s ease-out}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:loadingPulse 1.5s ease-in-out infinite}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.stat-animate{animation:countUp .6s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-slide-up{animation:modalSlideUp .4s cubic-bezier(.23,1,.32,1)}@keyframes tabSwitch{0%{opacity:.7}to{opacity:1}}.tab-content{animation:tabSwitch .3s ease-out}@keyframes listItemEnter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.list-item-enter{animation:listItemEnter .4s ease-out}@media (max-width: 768px){.page-fade-in{animation:pageFadeIn .3s ease-out}.card-hover:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}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}