h1 {
        margin: 0 0 8px;
        font-size: 24px;
        color: var(--primary-color);
        letter-spacing: 0.2px;
      }
      p.sub {
        margin: 0 0 18px;
        color: var(--secondary-text-color);
      }
      button[type="submit"] {
        width: 100%;
        box-sizing: border-box;
      }
      .note {
        font-size: 12px;
        color: var(--secondary-text-color);
        margin-top: 4px;
      }
      .btn-small {
        padding: 8px 12px;
        font-size: 13px;
        border: none;
        border-radius: 6px;
        background: #0ea5a4;
        color: #fff;
        cursor: pointer;
        transition: all 0.2s ease;
      }
      .btn-small:hover {
        background: #0d8b8a;
        box-shadow: 0 4px 10px rgba(14, 165, 164, 0.25);
      }
      .history-container {
        background: var(--base-background);
        border: 1px solid var(--border-color);
        border-radius: 8px;
        padding: 10px;
        margin: 10px 0;
        max-height: 160px;
        overflow-y: auto;
        font-size: 12px;
        color: var(--base-text-color);
      }
      #partHistoryContainer table th {
        background: var(--base-background);
      }
      #customAlertModal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.45);
        z-index: 9999;
        justify-content: center;
        align-items: center;
      }
      #customAlertModal .card {
        background: white;
        padding: 20px;
        border-radius: 10px;
        max-width: 360px;
        text-align: center;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
      }
      #customAlertModal button {
        margin-top: 12px;
        padding: 8px 14px;
        border: none;
        border-radius: 8px;
        background: var(--primary-light);
        color: #fff;
        cursor: pointer;
      }
      .hidden {
        display: none !important;
      }
      @media (max-width: 480px) {
        body {
          padding: 12px;
        }
        form {
          padding: 16px;
        }
        #customAlertModal .card {
          max-width: 95%;
        }
      }