:root {
  --primary: #1e3a5f;
  --primary-dark: #12243f;
  --primary-light: #eef2f7;
  --secondary: #e63946;
  --secondary-dark: #b91c1c;
  --secondary-light: #fdf2f2;
  --accent: #0a9700;
  --white: #ffffff;
  --black: #111827;
  --gray-50: #f8fafc;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #374151;
  --gray-700: #1f2937;
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
  --success: #10b981;
  --warning: #f59e0b;
  --error: #ef4444;
  --error-dark: #be123c;
  --error-light: #fbebeb;
  --info: #3b82f6;
  --latency-purple: #8b5cf6;
  --latency-purple-light: #f5f3ff;
  --latency-purple-glow: rgba(139, 92, 246, 0.15);
  --latency-blue: #3b82f6;
  --latency-blue-light: #eff6ff;
  --latency-blue-glow: rgba(59, 130, 246, 0.15);
  --latency-green: #10b981;
  --latency-green-light: #ecfdf5;
  --latency-green-glow: rgba(16, 185, 129, 0.15);
  --latency-orange: #f97316;
  --latency-orange-light: #fff7ed;
  --latency-orange-glow: rgba(249, 115, 22, 0.15);
  --latency-bg-card: var(--white);
  --latency-text-main: var(--slate-900);
  --latency-text-muted: var(--slate-500);
  --latency-border-color: var(--slate-200);
  --latency-time-tabs-bg: #e8f0f8;
  --latency-deep-blue: #2c3e66;
  --filterbar-border: #5c6b8a;
  --filterbar-text: #e6e8f0;
  --filterbar-placeholder: #c9d1e3;
  --filterbar-focus-border: #8ea1c7;
  --clear-btn-bg: #e74c3c;
  --export-btn-bg: var(--primary);
  --export-btn-hover: #4a5d8a;
  --add-btn-bg: #f2f2f5;
  --add-btn-text: var(--primary);
  --add-btn-hover: #f7f7f8;
  --dropdown-bg: var(--white);
  --dropdown-text: var(--black);
  --dropdown-hover-bg: #eef3fb;
  --dropdown-menu-border: #e6eef7;
  --dropdown-menu-shadow: rgba(15, 23, 42, 0.12);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: #242424;
  margin:0px
}