<aside class="sidebar">
    <div class="logo-container">
        <div class="logo">
            <i class="fas fa-robot" style="font-size: 24px;"></i>
            <span class="logo-text">DizzCall.AI</span>
        </div>
        <button class="toggle-btn">
            <i class="fas fa-chevron-left"></i>
        </button>
    </div>
    <ul class="nav-menu">
        <li class="nav-item">
            <a href="#" class="nav-link active">
                <i class="fas fa-tachometer-alt nav-icon"></i>
                <span class="nav-text">Dashboard</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="#" class="nav-link">
                <i class="fas fa-phone nav-icon"></i>
                <span class="nav-text">Call Management</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="#" class="nav-link">
                <i class="fas fa-wallet nav-icon"></i>
                <span class="nav-text">Wallet</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="#" class="nav-link">
                <i class="fas fa-chart-bar nav-icon"></i>
                <span class="nav-text">Reports</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="#" class="nav-link">
                <i class="fas fa-user nav-icon"></i>
                <span class="nav-text">Profile</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="#" class="nav-link">
                <i class="fas fa-cog nav-icon"></i>
                <span class="nav-text">Settings</span>
            </a>
        </li>
    </ul>
</aside>