@charset "UTF-8";:root{--primary-color: #3B82F6;--primary-dark: #2563EB;--primary-light: #60A5FA;--primary-lighter: #93C5FD;--primary-lightest: #DBEAFE;--primary-bg: #EFF6FF;--secondary-color: #1E293B;--secondary-light: #475569;--secondary-muted: #94A3B8;--secondary-subtle: #CBD5E1;--bg-color: #F8FAFC;--bg-white: #FFFFFF;--bg-card: #FFFFFF;--bg-hover: #F1F5F9;--bg-active: #E2E8F0;--border-color: #E2E8F0;--border-light: #F1F5F9;--border-dark: #CBD5E1;--success-color: #10B981;--success-light: #D1FAE5;--success-dark: #059669;--warning-color: #F59E0B;--warning-light: #FEF3C7;--warning-dark: #D97706;--danger-color: #EF4444;--danger-light: #FEE2E2;--danger-dark: #DC2626;--info-color: #3B82F6;--info-light: #DBEAFE;--info-dark: #2563EB;--text-primary: #1E293B;--text-secondary: #475569;--text-muted: #94A3B8;--text-placeholder: #CBD5E1;--text-white: #FFFFFF;--chart-blue: #3B82F6;--chart-cyan: #06B6D4;--chart-teal: #14B8A6;--chart-orange: #F97316;--chart-purple: #8B5CF6;--chart-pink: #EC4899;--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 -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-card: 0 1px 3px rgba(0, 0, 0, .05);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-primary);font-size:14px;line-height:1.5}#app{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background-color:var(--primary-lightest);color:var(--primary-dark)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}input:focus,textarea:focus,select:focus{outline:none}button{font-family:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed}img{max-width:100%;height:auto}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--text-white)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.text-info{color:var(--info-color)}.bg-primary{background-color:var(--primary-color)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}.bg-danger{background-color:var(--danger-color)}.bg-info{background-color:var(--info-color)}.bg-page{background-color:var(--bg-color)}.bg-card{background-color:var(--bg-card)}.gradient-primary{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.gradient-success{background:linear-gradient(135deg,#34d399,#10b981)}.gradient-warning{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.gradient-danger{background:linear-gradient(135deg,#f87171,#ef4444)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-card{box-shadow:var(--shadow-card)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:9999px}.card{background-color:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card)}.page-container{padding:24px;background-color:var(--bg-color);min-height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.m-0{margin:0}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.p-4{padding:16px}.p-6{padding:24px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-normal)}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-up{animation:slideInUp var(--transition-normal)}@media (max-width: 768px){.hidden-mobile{display:none!important}}@media (min-width: 769px){.hidden-desktop{display:none!important}}