:root {
  --background: rgb(245, 245, 245);
  --foreground: rgb(10, 10, 10);
  --card: rgb(255, 255, 255);
  --card-foreground: rgb(10, 10, 10);
  --primary: rgb(2, 1, 41);
  --primary-foreground: rgb(250, 250, 250);
  --secondary: rgb(245, 245, 245);
  --secondary-foreground: rgb(23, 23, 23);
  --muted: rgb(245, 245, 245);
  --muted-foreground: rgb(113, 113, 113);
  --border: rgb(229, 229, 229);
  --input: rgb(229, 229, 229);
  --ring: rgb(161, 161, 161);
  --radius: 0rem;
}

* {
  font-family: monospace !important;
  border-radius: var(--radius) !important;
}

body {
  background-color: var(--background);
  color: var(--foreground);
}

.card {
  background-color: var(--card);
  color: var(--card-foreground);
  border: 1px solid var(--border);
  box-shadow: none !important;
}

.stats {
  background-color: var(--card);
  border: 1px solid var(--border);
  box-shadow: none !important;
}

.btn {
  border-radius: var(--radius) !important;
  text-transform: none;
  font-weight: 600;
}

.btn-primary {
  background-color: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border: 1px solid var(--primary) !important;
}

.btn-primary:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.input, .file-input {
  background-color: var(--input) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
}

.drop-zone {
  border: 2px dashed var(--border);
  transition: all 0.3s ease;
}

.drop-zone.drag-over {
  border-color: var(--primary);
  background: rgba(2, 1, 41, 0.05);
}

/* Стили для алертов и подсказок */
.alert {
  border-radius: var(--radius) !important;
}

/* Скроллбары в стиле tasks.guru */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--background);
}

::-webkit-scrollbar-thumb {
  background: var(--border);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--ring);
}