.form-date-shell {
      position: relative;
    }

    .form-date-display {
      padding-right: 3.5rem;
      cursor: pointer;
    }

    .form-date-toggle {
      position: absolute;
      right: 0.75rem;
      top: 50%;
      transform: translateY(-50%);
      width: 2.25rem;
      height: 2.25rem;
      border-radius: 9999px;
      border: 1px solid transparent;
      background: transparent;
      color: #cbd5e1;
      font-size: 1rem;
      line-height: 1;
      cursor: pointer;
      transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
    }

    .form-date-toggle:hover,
    .form-date-toggle:focus-visible {
      color: #fff;
      border-color: #E4143A;
      background: rgba(228, 20, 58, 0.08);
      outline: none;
    }

    .form-date-picker {
      position: absolute;
      z-index: 30;
      top: calc(100% + 0.75rem);
      left: 0;
      width: min(100%, 380px);
      border-radius: 1.25rem;
      border: 1px solid #3B2A86;
      background: rgba(6, 6, 14, 0.98);
      box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
      padding: 1rem;
    }

    .form-date-picker[hidden] {
      display: none;
    }

    .form-date-picker-header {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      margin-bottom: 0.9rem;
    }

    .form-date-nav,
    .form-date-back,
    .form-date-close {
      width: 2rem;
      height: 2rem;
      border-radius: 9999px;
      border: 1px solid rgba(203, 213, 225, 0.38);
      background: rgba(11, 11, 20, 0.92);
      color: #fff;
      cursor: pointer;
      transition: filter 180ms ease, border-color 180ms ease;
    }

    .form-date-nav:hover,
    .form-date-nav:focus-visible,
    .form-date-back:hover,
    .form-date-back:focus-visible,
    .form-date-close:hover,
    .form-date-close:focus-visible {
      filter: invert(1);
      border-color: #E4143A;
      outline: none;
    }

    .form-date-back.is-hidden,
    .form-date-nav.is-hidden {
      visibility: hidden;
      pointer-events: none;
    }

    .form-date-title {
      flex: 1;
      text-align: center;
      font-weight: 700;
      font-size: 13px;
      line-height: 1.2;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #e2e8f0;
    }

    .form-date-controls {
      display: flex;
      align-items: center;
      gap: 0.45rem;
    }

    .form-date-hint {
      font-size: 12px;
      line-height: 1.4;
      color: #94a3b8;
      margin-bottom: 0.75rem;
      text-align: center;
    }

    .form-date-grid {
      display: grid;
      gap: 0.5rem;
    }

    .form-date-grid.years,
    .form-date-grid.months {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .form-date-grid.days {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .form-date-weekday {
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      text-align: center;
      color: #94a3b8;
      padding-bottom: 0.1rem;
    }

    .form-date-cell {
      border: 1px solid #3B2A86;
      border-radius: 0.9rem;
      background: rgba(16, 16, 32, 0.96);
      color: #fff;
      min-height: 2.6rem;
      padding: 0.55rem 0.35rem;
      font-size: 13px;
      line-height: 1.1;
      cursor: pointer;
      transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease, transform 180ms ease;
    }

    .form-date-cell:hover,
    .form-date-cell:focus-visible {
      border-color: #E4143A;
      background: rgba(228, 20, 58, 0.12);
      outline: none;
      transform: translateY(-1px);
    }

    .form-date-cell.is-selected {
      border-color: #E4143A;
      background: #E4143A;
      color: #fff;
    }

    .form-date-spacer {
      min-height: 2.6rem;
    }

    .form-check-row {
      display: flex;
      align-items: flex-start;
      gap: 0.85rem;
      padding: 1rem 1.05rem;
      border-radius: 1rem;
      border: 1px solid #3B2A86;
      background: rgba(11, 11, 20, 0.92);
    }

    .form-check-row input[type="checkbox"] {
      width: 1rem;
      height: 1rem;
      margin-top: 0.15rem;
      accent-color: #E4143A;
      cursor: pointer;
      flex: 0 0 auto;
    }

    .form-check-row label {
      font-size: 14px;
      line-height: 1.5;
      color: #e2e8f0;
      cursor: pointer;
    }