/* Dark/Light Mode Toggle */
        .toggle-container {
            width: 50px;
            height: 25px;
            background: #cc8923;
            border-radius: 15px;
            position: relative;
            cursor: pointer;
            display: flex;
            align-items: center;
            transition: background 0.3s;
        }

        .toggle-circle {
            width: 20px;
            height: 20px;
            background: black;
            border-radius: 50%;
            position: absolute;
            left: 3px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: 0.3s;
        }

        .light-mode .toggle-container {
            background: #ff8923;
        }

        .light-mode .toggle-circle {
            left: 25px;
            background: purple;
        }

        .toggle-circle::before {
            content: "☾";
            font-size: 14px;
            color: white;
        }

        .light-mode .toggle-circle::before {
            content: "✸";
            color: white;
        }

        /* Dark Mode and Light Mode */
        .light-mode {
            background: #1a1a1a;
            color: white;
        }
         .light-mode .contact-list {
            background: #1a1a1a;
            color: white;
         }
         .light-mode .contact-list-song {
            background: #1a1a1a;
            color: white;
         }
         .light-mode .header {
            background: #1a1a1a;
            color: white;
         }
         .light-mode .app-name {
            color: white;
         }
         .light-mode .header-1 {
            background: #1a1a1a;
            color: white;
         }
         .light-mode .nav-tabs {
            background: #1a1a1a;
            color: white;
         }
         .light-mode .nav-tabs .tab {
            background: #1a1a1a;
            border-bottom: 2px solid white;
            color: white;
         }
         .light-mode .nav-tabs .tab.active {
            background: #444;
            color: white;
         }
         .light-mode .contact-item {
            background: #161616;
            color: white;
            box-shadow: 0 0 8px lightblue;
         }
         .light-mode .contact-item .contact-info h4 {
            color: #FFF;
         }
         .light-mode .contact-item .contact-info p {
            color: orange;
         }
         .light-mode .avatar p {
            color: white;
         }
         .light-mode .form-container {
            background: #161616;
            box-shadow: 0 0 8px lightblue;
            color: white;
         }
         .light-mode .form-container label {
            color: white;
         }
         .light-mode .contact-item-3 {
            background: #444;
            box-shadow: 0 0 8px lightblue;
         }
          .light-mode .contact-item-3 h4 {
            color: white;
         }
          .light-mode .css {
            color: white;
         }
         .light-mode .rr {
            color: lightgreen;
         }
         .light-mode .r1 {
            color: white;
            font-weight: 400;
         }
         .light-mode .r2 {
            color: white;
            font-weight: 400;
         }
         .light-mode .contact-item-chat {
            color: white;
            background: #161616;
            box-shadow: 0 0 8px lightblue;
         }
         .light-mode .contact-info-chat h4 {
            color: white;
         }
         .light-mode .contact-info-chat p {
            color: orange;
         }
         .light-mode .contact-item-4 {
            color: white;
            background: #161616;
         }
         .light-mode .contact-item-4 .info {
            color: white;
            background: #161616;
         } 
         .light-mode .chat-box {
            color: white;
            background: #161616;
         } 
         .light-mode .contact-item-3 h2 {
            color: white;
         }
         .light-mode .contact-item-3 h3 {
            color: orange;
         }
         .light-mode .contact-item-3 p {
            color: white;
         }
         .light-mode .message-input {
            background: #161616;
            color: white;
         }