:root{--color-primary: 99 102 241;--color-primary-dark: 79 70 229;--color-secondary: 139 92 246;--color-accent: 236 72 153;--color-success: 34 197 94;--color-warning: 251 146 60;--color-surface: 255 255 255;--color-surface-dark: 17 24 39;--color-text: 17 24 39;--color-text-light: 107 114 128;--color-border: 229 231 235}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb}.metric-card{background-color:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));border-radius:1rem;padding:1.5rem;transition:all .3s;box-shadow:0 1px 3px #0000001a}.metric-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.chart-container{background-color:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.platform-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;transition:all .2s}.platform-badge:hover{transform:scale(1.05)}.platform-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcaf45);color:#fff}.platform-twitter{background-color:#1d9bf0;color:#fff}.platform-facebook{background-color:#1877f2;color:#fff}.platform-tiktok{background-color:#000;color:#fff}.stat-increase{color:rgb(var(--color-success));font-weight:600}.stat-decrease{color:#ef4444;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}