.chatbox-container {
      background: #111;
      width: 95%;
      max-width: 800px;
      margin: 30px auto;
      padding: 15px;
      border-radius: 12px;
      background: #1b1b1b;
      color: white;
      box-shadow: 0 0 10px rgba(0,0,0,0.3);
    }

    .chatbox-container h5 {
      text-align: center;
      margin-bottom: 15px;
      color: #00aaff;
    }

    .chat-window {
      height: 250px;
      overflow-y: auto;
      background: #111;
      padding: 10px;
      border-radius: 8px;
      margin-bottom: 10px;
      font-size: 14px;
    }

    #username, #message {
      width: calc(50% - 12px);
      padding: 8px;
      margin: 4px;
      border: none;
      border-radius: 5px;
    }

    button {
      padding: 8px 14px;
      background: #00aaff;
      color: white;
      border: none;
      border-radius: 6px;
      cursor: pointer;
    }

    button:hover {
      background: #007acc;
    }