*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#f5f6fa;color:#333}:root{--primary-color: #1a2332;--accent-color: #4A90E2;--success-color: #2ecc71;--warning-color: #f39c12;--danger-color: #e74c3c;--light-blue: #5dade2;--purple: #6c5ce7;--orange: #ff9800;--cyan: #00bcd4;--pink: #ff7979}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}