<div class="banking-ui">
        <div class="header">
          <h1>Banking System</h1>
          <p id="acc_name">Welcome, [User's Name]</p>
        </div>
      
        <div class="account-summary">
          <h2>Account Summary</h2>
          <p id="balance"><strong>Balance:</strong> $[Amount]</p>
          <button class="btn-transfer" id="transefer">Transfer Funds</button>
          <button class="btn-loans" id="wyplaty">Withdrawal-Deposit</button>
        </div>
      
        <div class="transactions">
          <h2>Recent Transactions</h2>
          <ul>
            <li>
              <span>01/01/2024</span>
              <span>$200</span>
              <span>Deposit</span>
            </li>
            <li>
              <span>12/31/2023</span>
              <span>$-50</span>
              <span>Withdrawal</span>
            </li>
            <!-- More transactions here -->
          </ul>
        </div>
      
      
        <div class="loans">
          <h2>Card Information</h2>
          <p id="show_card_number"><strong>Card Number:</strong> $[Loan Amount]</p>
          <p id="show_pin"><strong>Pin Card:</strong> [Repayment Terms]</p>
          <button class="btn-loan-apply">Change Pin</button>
        </div>
    </div>
    <div class="transfer-modal">
        <h2>Transfer Funds</h2>
        <label for="transfer-amount">Amount:</label>
        <input type="number" id="transfer-amount" placeholder="Enter amount">
        <label for="transfer-account">To Account:</label>
        <input type="text" id="transfer-account" placeholder="Card Number">
        <button class="btn-transfer-submit" id="przelej">Submit</button>
        <button class="btn-close-modal" id="close_transaction">Close</button>
    </div>
    <div class="Withdrawal-Deposit">
      <h2>Withdrawal-Deposit</h2>
      <label for="transfer-amount">Amount:</label>
      <input type="number" id="transfer-amount_Withdrawal-Deposit" placeholder="Enter amount">
      <select name="" id="Withdrawal-Deposit-chose">
          <option value="Withdrawal">Withdrawal</option>
          <option value="Deposit">Deposit</option>
      </select>
      <button class="btn-transfer-submit" id="sbt">Submit</button>
      <button class="btn-close-modal" id="close_Withdrawal-Deposit">Close</button>
    </div>
        <!-- Other banking components -->
        
    <div class="pin-entry-modal">
      <h2>Enter PIN</h2>
      <p>Please enter your PIN to proceed.</p>
      
      <label for="pin-input">PIN:</label>
      <input type="password" id="pin-input" maxlength="4" placeholder="Enter 4-digit PIN" autocomplete="off">
      
      <button class="btn-submit" id="submit-pin">Submit</button>
      <button class="btn-close-modal" id="close-pin-entry">Close</button>
    </div>