:root {
  --primary-blue: #0078d4;
  --primary-blue-hover: #106ebe;
  --sidebar-bg: #f3f2f1;
  --header-bg: #212121;
  --main-bg: #ffffff;
  --card-bg: #ffffff;
  --text-main: #323130;
  --text-secondary: #605e5d;
  --border-color: #edebe9;
  --table-header-bg: #faf9f8;
  --row-hover: #f3f2f1;
  --selection-bg: #e1dfdd;
  --status-success: #107c10;
  --status-error: #a4262c;
  --status-warning: #ffb900;
  --status-info: #0078d4;
  --font-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --transition-speed: 0.15s;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-family);
  font-size: 14px;
  color: var(--text-main);
  background-color: var(--main-bg);
  overflow-x: hidden;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

input, select {
  font-family: inherit;
  font-size: 14px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}