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

    /* Force dark theme for native elements (select dropdowns, scrollbars, etc.) */
    :root {
      color-scheme: dark;
    }

    /* Global select styling for dark theme */
    select,
    select option {
      color-scheme: dark;
      background-color: var(--bg-secondary);
      color: var(--text);
      border: 1px solid var(--border);
    }
    select option {
      background: var(--bg-secondary);
      color: var(--text);
      padding: 8px 12px;
      border-radius: 6px;
    }
    select:focus {
      outline: none;
      border-color: var(--accent);
    }
    select option {
      background-color: var(--bg-secondary);
      color: var(--text);
    }
    select option:checked,
    select option:hover {
      background-color: var(--accent);
      color: #000;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      background: var(--bg);
      color: var(--text);
      line-height: 1.5;
      height: 100vh;
      overflow: hidden;
    }

    /* Forms */
    .form-group { margin-bottom: 16px; }
    .form-label { display: block; font-size: 12px; color: var(--text-dim); margin-bottom: 6px; }
    .form-input {
      width: 100%;
      padding: 10px 12px;
      background: var(--bg);
      border: 1px solid var(--border);
      border-radius: 6px;
      color: var(--text);
      font-size: 13px;
      outline: none;
      transition: border-color 0.15s;
    }
    .form-input:focus { border-color: var(--accent); }
    .form-input.error { border-color: var(--red); }
    .form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
    select.form-input {
      cursor: pointer;
      appearance: none;
      -webkit-appearance: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 10px center;
      padding-right: 30px;
    }
    select.form-input option {
      background: #1a1a2e;
      color: #e0e0e0;
      padding: 8px 12px;
    }
    select.form-input option:hover,
    select.form-input option:checked {
      background: var(--accent);
      color: #000;
    }
    textarea.form-input { resize: vertical; min-height: 80px; font-family: monospace; }

    /* Custom Date Range */
    .custom-date-range {
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .date-input {
      width: auto !important;
      padding: 4px 8px !important;
      font-size: 11px !important;
    }
    input[type="date"].form-input {
      color-scheme: dark;
    }
    input[type="date"].form-input::-webkit-calendar-picker-indicator {
      filter: invert(0.8);
      cursor: pointer;
    }

    /* Options Grid */
    .options-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
    .option-card { background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 12px; }
    .option-card-title { font-size: 12px; font-weight: 600; margin-bottom: 10px; color: var(--text-dim); }
    .chips { display: flex; flex-wrap: wrap; gap: 6px; }
    .chip {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 4px 10px;
      background: var(--card-bg);
      border: 1px solid var(--border);
      border-radius: 20px;
      font-size: 12px;
    }
    .chip-remove {
      width: 14px; height: 14px;
      display: flex; align-items: center; justify-content: center;
      background: var(--text-dim); color: var(--bg);
      border-radius: 50%; cursor: pointer; font-size: 10px;
    }
    .chip-remove:hover { background: var(--red); }
    .checkbox-group { display: flex; flex-wrap: wrap; gap: 12px; }
    .checkbox-label { display: flex; align-items: center; gap: 6px; font-size: 12px; cursor: pointer; }
    .checkbox-label input { width: 14px; height: 14px; accent-color: var(--accent); }