* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

:root {
  --primary-red: #df1a14;
  --primary-blue: #004e8f;
  --light-blue: #e8f2fc;
  --light-red: #ffe6e5;
  --dark-gray: #333;
  --medium-gray: #666;
  --light-gray: #f5f5f5;
  --white: #ffffff;
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  --transition: all 0.3s ease;
  --sidebar-width: 250px;
    --sidebar-collapsed: 70px;
    --header-height: 70px;
    --transition-speed: 0.3s;
}

body {
  background-color: var(--light-gray);
  color: var(--dark-gray);
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;

  background: linear-gradient(
    135deg,
    rgba(223, 26, 20, 0.05) 0%,
    rgba(0, 78, 143, 0.05) 100%
  );
}

#app {
  min-height: 100vh;
  background-color: var(--light-gray);
  width: 100%;
}