:root{--primary: #3b82f6;--primary-hover: #2563eb;--primary-light: #93c5fd;--secondary: #64748b;--bg: #f0f9ff;--surface: #ffffff;--surface-hover: #e0f2fe;--text: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--divider: #f1f5f9;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #06b6d4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 4px rgba(0, 0, 0, .04);--shadow: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(59, 130, 246, .15);--shadow-lg: 0 8px 24px rgba(59, 130, 246, .2);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(59, 130, 246, .08);--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:var(--font);font-size:var(--font-size-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{padding:var(--space-6);max-width:1600px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.page-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn var(--transition-slow)}.fade-in-up{animation:fadeInUp .4s ease-out}.scale-in{animation:scaleIn .25s ease-out}.router-view{animation:fadeInUp .3s ease-out}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.bg-primary{background-color:var(--primary)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-danger{background-color:var(--danger)}