Cotton Database

Macroeconomic Country Report /* CSS Variables for easy theming */ :root { /* Primary colors */ --primary: #2670CA; --primary-light: #4d8bd6; --primary-dark: #1e5aa8; /* Status colors */ --success: #10b981; --warning: #f59e0b; --danger: #ef4444; --neutral: #6b7280; /* Background colors */ --bg-white: #ffffff; --bg-gray: #f9fafb; --bg-primary-light: #e6f0fa; /* Text colors */ --text-primary: #111827; --text-secondary: #6b7280; --text-white: #ffffff; /* Border colors */ --border-light: #e5e7eb; --border-medium: #d1d5db; /* Shadows */ --shadow-sm: 0 2px 4px rgba(0,0,0,0.05); --shadow-md: 0 4px 6px rgba(0,0,0,0.05); --shadow-lg: 0 10px 30px rgba(0,0,0,0.1); /* Spacing */ --spacing-xs: 8px; --spacing-sm: 12px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px; /* Typography */ --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.5rem; --font-size-2xl: 2rem; --font-size-3xl: 2.5rem; } /* Core styles */ .macro-report… Read more...

World Bank Indicator Selector body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background: #ffffff; } .container { max-width: 1200px; margin: 0 auto; background: white; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } h1 { color: #2670CA; margin-bottom: 10px; } .search-box… Read more...

Chart.js Options Tester body { font-family: Arial, sans-serif; margin: 0; padding: 0px; } .container { display: grid; grid-template-columns: 300px 1fr; gap: 20px; max-width: 14000px; margin: 0 auto; } .controls { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); max-height: 80vh; overflow-y: auto; } .chart-area… Read more...

Macroeconomic Country Report /* CSS Variables for easy theming */ :root { /* Primary colors */ --primary: #2670CA; --primary-light: #4d8bd6; --primary-dark: #1e5aa8; /* Status colors */ --success: #10b981; --warning: #f59e0b; --danger: #ef4444; --neutral: #6b7280; /* Background colors */ --bg-white: #ffffff; --bg-gray: #f9fafb; --bg-primary-light: #e6f0fa; /* Text colors */ --text-primary: #111827; --text-secondary: #6b7280; --text-white: #ffffff; /* Border colors */ --border-light: #e5e7eb; --border-medium: #d1d5db; /* Shadows */ --shadow-sm: 0 2px 4px rgba(0,0,0,0.05); --shadow-md: 0 4px 6px rgba(0,0,0,0.05); --shadow-lg: 0 10px 30px rgba(0,0,0,0.1); /* Spacing */ --spacing-xs: 8px; --spacing-sm: 12px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px; /* Typography */ --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.5rem; --font-size-2xl: 2rem; --font-size-3xl: 2.5rem; } /* Core styles */ .macro-report… Read more...

Macroeconomic Country Report /* CSS Variables for easy theming */ :root { /* Primary colors */ --primary: #2670CA; --primary-light: #4d8bd6; --primary-dark: #1e5aa8; /* Status colors */ --success: #10b981; --warning: #f59e0b; --danger: #ef4444; --neutral: #6b7280; /* Background colors */ --bg-white: #ffffff; --bg-gray: #f9fafb; --bg-primary-light: #e6f0fa; /* Text colors */ --text-primary: #111827; --text-secondary: #6b7280; --text-white: #ffffff; /* Border colors */ --border-light: #e5e7eb; --border-medium: #d1d5db; /* Shadows */ --shadow-sm: 0 2px 4px rgba(0,0,0,0.05); --shadow-md: 0 4px 6px rgba(0,0,0,0.05); --shadow-lg: 0 10px 30px rgba(0,0,0,0.1); /* Spacing */ --spacing-xs: 8px; --spacing-sm: 12px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px; /* Typography */ --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.5rem; --font-size-2xl: 2rem; --font-size-3xl: 2.5rem; } /* Core styles */ .macro-report… Read more...