:root {
  --background: 0 0% 4%;
  --foreground: 0 0% 100%;
  --card: 0 0% 7%;
  --card-foreground: 0 0% 100%;
  --popover: 0 0% 7%;
  --popover-foreground: 0 0% 100%;
  --primary: 160 84% 39%;
  --primary-foreground: 0 0% 100%;
  --secondary: 0 0% 15%;
  --secondary-foreground: 0 0% 100%;
  --muted: 0 0% 15%;
  --muted-foreground: 0 0% 65%;
  --accent: 0 0% 15%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 62% 50%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 20%;
  --input: 0 0% 20%;
  --ring: 160 84% 39%;
}

body {
  background-color: #13161f;
  color: white;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.min-h-screen {
  min-height: 100vh;
}

.bg-\[0a0a0a\] {
  background-color: #0a0a0a;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #111;
}

::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #444;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.preset-btn {
  flex: 1;
  padding: 4px 0;
  border-radius: 4px;
  background: #252937;
  color: #888;
  border: none;
  font-size: 0.75rem;
  cursor: pointer;
}
.preset-btn:hover {
  background: #2d3247;
}
.preset-btn.active {
  background: #3ab795;
  color: white;
}
.sidebar-item {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #888;
  text-decoration: none;
  transition: all 0.2s;
}
.sidebar-item:hover {
  background: #2a2d3e;
  color: white;
}
.sidebar-item.active {
  background: hsl(var(--primary));
  color: white;
}