body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f0f2f5}#app{min-height:100vh}:root{--primary-color: #10b981;--primary-light: #34d399;--primary-dark: #059669;--primary-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--success-color: #10b981;--success-light: #34d399;--warning-color: #f59e0b;--warning-light: #fbbf24;--error-color: #ef4444;--error-light: #f87171;--info-color: #3b82f6;--info-light: #60a5fa;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-light: #ffffff;--text-muted: #94a3b8;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-dark: #1f2937;--bg-sidebar: #1f2937;--border-color: #e5e7eb;--border-light: #f3f4f6;--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);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition-fast: .12s ease;--transition-base: .15s ease;--transition-slow: .2s ease}*{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;color:var(--text-primary);background:var(--bg-secondary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}.gradient-bg{background:var(--primary-gradient)}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary{background:var(--primary-color);color:var(--text-light);border:none;border-radius:var(--radius-md);padding:12px 24px;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.input-field{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;transition:all var(--transition-base);background:var(--bg-primary);color:var(--text-primary)}.input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.input-field::placeholder{color:var(--text-tertiary)}