:root {
      --bg-color: #1a1a1a;
      --card-bg: #1f2937;
      --card-border: #374151;
      --accent-green: #00FF41;
      --accent-green-hover: #00cc34;
      --danger-border: #dc2626;
      --input-cyan: #06b6d4;
    }

    body {
      background-color: var(--bg-color);
      color: #ffffff;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }

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

    ::-webkit-scrollbar-track {
      background: #1f2937;
      border-radius: 4px;
    }

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

    ::-webkit-scrollbar-thumb:hover {
      background: #6b7280;
    }

    .form-input-custom {
      background-color: #111827;
      border: 1px solid #374151;
      color: #ffffff;
      border-radius: 1rem;
      padding: 0.75rem 1rem;
      width: 100%;
      outline: none;
      font-size: 0.875rem;
    }

    .form-input-custom:focus {
      border-color: #00FF41;
      box-shadow: 0 0 0 2px rgba(0, 255, 65, 0.2);
    }

    .settings-note {
      color: red;
    }