/* Universal Select Dropdown Override - A to Z across all pages */
      select,
      select.form-control,
      select.form-select,
      select.vip-select-control,
      select.vip-input-control,
      select.vip-input,
      .vip-select-control {
        width: 100% !important;
        background-color: var(--bg-input, #0a1120) !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%230df2c9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right 14px center !important;
        background-size: 14px 10px !important;
        border: 1px solid var(--border-card, rgba(13, 242, 201, 0.25)) !important;
        color: var(--text-main, #f8fafc) !important;
        border-radius: 12px !important;
        padding: 12px 38px 12px 14px !important;
        font-size: 0.95rem !important;
        font-weight: 500 !important;
        outline: none !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25) !important;
        transition: border-color 0.2s, box-shadow 0.2s !important;
      }

      select:focus,
      select.form-control:focus,
      select.form-select:focus,
      select.vip-select-control:focus,
      select.vip-input-control:focus,
      .vip-select-control:focus {
        border-color: var(--accent-color, #0df2c9) !important;
        box-shadow: 0 0 16px var(--accent-glow, rgba(13, 242, 201, 0.35)) !important;
        outline: none !important;
      }

      /* Options inside dropdown */
      select option,
      select.form-control option,
      select.form-select option,
      select.vip-select-control option,
      .vip-select-control option,
      option {
        background-color: #0b1424 !important;
        color: #f8fafc !important;
        padding: 12px 14px !important;
        font-size: 0.95rem !important;
      }

      /* Light Theme overrides for selects */
      [data-theme="light"] select,
      [data-theme="light"] select.form-control,
      [data-theme="light"] select.form-select,
      [data-theme="light"] select.vip-select-control,
      [data-theme="light"] .vip-select-control {
        background-color: #ffffff !important;
        color: #0f172a !important;
        border-color: rgba(13, 242, 201, 0.45) !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23059669' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") !important;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05) !important;
      }

      [data-theme="light"] select option,
      [data-theme="light"] option {
        background-color: #ffffff !important;
        color: #0f172a !important;
      }

      /* Cyber Range Slider (Key Length, Hue, etc.) */
      input[type="range"] {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 100% !important;
        height: 6px !important;
        background: rgba(255, 255, 255, 0.12) !important;
        border-radius: 6px !important;
        outline: none !important;
        margin: 12px 0 !important;
      }

      input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 20px !important;
        height: 20px !important;
        border-radius: 50% !important;
        background: var(--accent-color, #0df2c9) !important;
        cursor: pointer !important;
        border: 2px solid #080d1a !important;
        box-shadow: 0 0 12px var(--accent-glow, rgba(13, 242, 201, 0.6)) !important;
        transition: transform 0.1s ease !important;
      }

      input[type="range"]::-webkit-slider-thumb:active {
        transform: scale(1.2) !important;
      }

      input[type="range"]::-moz-range-thumb {
        width: 20px !important;
        height: 20px !important;
        border-radius: 50% !important;
        background: var(--accent-color, #0df2c9) !important;
        cursor: pointer !important;
        border: 2px solid #080d1a !important;
        box-shadow: 0 0 12px var(--accent-glow, rgba(13, 242, 201, 0.6)) !important;
      }

      /* Cyber Switch Toggle */
      .vip-switch {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 28px;
        margin: 0;
      }

      .vip-switch input {
        opacity: 0;
        width: 0;
        height: 0;
      }

      .vip-switch-slider {
        position: absolute;
        cursor: pointer;
        top: 0; left: 0; right: 0; bottom: 0;
        background-color: var(--bg-input, #0a1120);
        border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.15));
        border-radius: 28px;
        transition: 0.3s;
      }

      .vip-switch-slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 3px;
        bottom: 3px;
        background-color: var(--text-muted, #74859e);
        border-radius: 50%;
        transition: 0.3s;
      }

      .vip-switch input:checked + .vip-switch-slider {
        background-color: var(--accent-soft, rgba(13, 242, 201, 0.15));
        border-color: var(--accent-color, #0df2c9);
      }

      .vip-switch input:checked + .vip-switch-slider:before {
        transform: translateX(22px);
        background-color: var(--accent-color, #0df2c9);
        box-shadow: 0 0 10px var(--accent-glow, rgba(13, 242, 201, 0.6));
      }

      .vip-switch-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 14px;
        background: var(--bg-input, #0a1120);
        border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
        border-radius: 12px;
      }