<!-- Premium Sidebar Start -->
<aside class="left-sidebar ultra-premium-sidebar">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />

    <div class="sidebar-wrapper">
        <!-- Logo Section -->
        <div class="brand-logo d-flex align-items-center justify-content-center mb-4">
            <img src="assets/images/logos/1.png" alt="Logo" class="logo-img">
        </div>

        <!-- Sidebar navigation -->
        <nav class="sidebar-nav">
            <ul id="sidebarnav">
                <li class="nav-small-cap rainbow-text">স্বাগতম</li>
                <li class="sidebar-item"><a class="sidebar-link active" href="index.php"><i class="fas fa-tachometer-alt"></i><span>Dashboard</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="recharge.php"><i class="fa fa-credit-card"></i><span>টাকা রিচার্জ করুন</span></a></li>

                <li class="nav-small-cap rainbow-text">AUTO SERVICE MENU</li>
                <li class="sidebar-item"><a class="sidebar-link" href="autoTin.php"><i class="fa fa-mail-bulk"></i><span>অটো টিন সার্টিফিকেট</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="server-copy.php"><i class="fa fa-server"></i><span>সার্ভার কপি</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="birth.php"><i class="fa fa-baby"></i><span>জন্ম নিবন্ধন</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="Sign2Nid.php"><i class="fa fa-signature"></i><span>সাইন 2 NID</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="m-nid.php"><i class="fa fa-id-badge"></i><span>ম্যানুয়াল NID</span></a></li>
                
                <li class="nav-small-cap rainbow-text">BKASH NAGAD SERVICE</li>
                <li class="sidebar-item"><a class="sidebar-link" href="a5.php"><i class="fa fa-mail-bulk"></i><span>বিকাশ ইনফো</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="a4.php"><i class="fa fa-server"></i><span>নগদ ইনফো</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="a6.php"><i class="fa fa-baby"></i><span>রকেট ইনফো</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="a8.php"><i class="fa fa-signature"></i><span>বিকাশ স্টেটমেন্ট</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="a9.php"><i class="fa fa-signature"></i><span>নগদ স্টেটমেন্ট</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="a10.php"><i class="fa fa-signature"></i><span>রকেট স্টেটমেন্ট</span></a></li>
                
                <li class="nav-small-cap rainbow-text">LOCATION SERVICE</li>
                <li class="sidebar-item"><a class="sidebar-link" href="a1.php"><i class="fa fa-map-marker-alt"></i><span>নাম্বার টু লোকেশন</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="a3.php"><i class="fa fa-id-badge"></i><span>IMEI টু লোকেশন</span></a></li>
                
                <li class="nav-small-cap rainbow-text">NID SERVICE</li>
                <li class="sidebar-item"><a class="sidebar-link" href="a2.php"><i class="fa fa-map-marker-alt"></i><span>NID টু নাম্বার লিস্ট</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="a7.php"><i class="fa fa-id-badge"></i><span>NID ইউজার পাস</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="nid_order.php"><i class="fa fa-id-badge"></i><span>NID অডার</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="sign.php"><i class="fa fa-id-badge"></i><span>সাইন অডার</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="a13.php"><i class="fa fa-id-badge"></i><span>নাম ঠিকানা NID</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="tin_order.php"><i class="fa fa-id-badge"></i><span>টিন অডার</span></a></li>
                
                <li class="nav-small-cap rainbow-text">NUMBER SERVICE</li>
                <li class="sidebar-item"><a class="sidebar-link" href="a12.php"><i class="fa fa-map-marker-alt"></i><span>কল লিস্ট ৩ মাস</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="a11.php"><i class="fa fa-id-badge"></i><span>কল লিস্ট ৬ মাস</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="bio.php"><i class="fa fa-id-badge"></i><span>নাম্বার টু NID বায়ো</span></a></li>
                
                <li class="nav-small-cap rainbow-text">OTHER SERVICE</li>
                <li class="sidebar-item"><a class="sidebar-link" href="a14.php"><i class="fa fa-map-marker-alt"></i><span>ই-পাসপোর্ট ইনফো</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="a15.php"><i class="fa fa-id-badge"></i><span>MRP পাসপোর্ট SB কপি</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="a16.php"><i class="fa fa-id-badge"></i><span>ই-পাসপোর্ট SB কপি</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="aa.php"><i class="fa fa-id-badge"></i><span>বিমিট ভেরিফাই</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="https://t.me/rakibok2024"><i class="fab fa-telegram"></i><span>টেলিগ্রাম</span></a></li>

                <li class="nav-small-cap rainbow-text">SERVICE LOG</li>
                <li class="sidebar-item"><a class="sidebar-link" href="log.php"><i class="fa fa-history"></i><span>এনআইডি হিস্ট্ররি</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="br-log.php"><i class="fa fa-history"></i><span>নিবন্ধন হিস্ট্ররি</span></a></li>

                <li class="nav-small-cap rainbow-text">PROFILE MENU</li>
                <li class="sidebar-item"><a class="sidebar-link" href="profile.php"><i class="fa fa-user"></i><span>আমার প্রোফাইল</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="change-password.php"><i class="fa fa-key"></i><span>পাসওয়ার্ড পরিবর্তন</span></a></li>
                <li class="sidebar-item"><a class="sidebar-link" href="logout.php"><i class="fa fa-sign-out-alt"></i><span>লগ আউট</span></a></li>
            </ul>
        </nav>
    </div>
</aside>

<!-- Premium Sidebar CSS (Light Mode) -->
<style>
.ultra-premium-sidebar {
    width: 280px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(14px);
    border-radius: 0 40px 40px 0;
    box-shadow: 3px 0 30px rgba(0,0,0,0.15);
    transition: all 0.4s ease;
    font-family: 'Poppins', sans-serif;
    z-index: 999;
}

/* Logo */
.brand-logo img.logo-img {
    max-height: 70px;
    transition: transform 0.5s ease, filter 0.5s ease;
    filter: brightness(1.1);
}
.brand-logo img.logo-img:hover {
    transform: scale(1.2) rotate(-8deg);
}

/* Nav Titles */
.nav-small-cap {
    font-size: 13px;
    font-weight: 700;
    color: #444;
    margin: 25px 0 10px 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

/* Rainbow Section Titles */
.rainbow-text {
    background: linear-gradient(90deg, #ff0047, #ff7a00, #ffef00, #00ff6a, #00cfff, #7a00ff);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbow 6s linear infinite;
}

/* Sidebar Items */
.sidebar-item { margin: 6px 12px; }

.sidebar-link {
    display: flex;
    align-items: center;
    padding: 14px 25px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    border-radius: 20px;
    margin-bottom: 6px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    background: rgba(0,0,0,0.03);
    box-shadow: 0 5px 18px rgba(0,0,0,0.08);
}

/* Active Link Highlight */
.sidebar-link.active {
    background: linear-gradient(120deg, #ff0047, #ff7a00, #ffef00, #00ff6a, #00cfff, #7a00ff);
    color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

/* Icons */
.sidebar-link i {
    font-size: 18px;
    width: 25px;
    transition: transform 0.4s ease, color 0.4s ease;
}

/* Hover Glow Effect */
.sidebar-link::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet, red);
    background-size: 400% 400%;
    opacity: 0;
    z-index: 0;
    filter: blur(25px);
    transition: opacity 0.4s ease;
    animation: rainbowGlow 5s linear infinite;
}
.sidebar-link:hover::before { opacity: 1; }
.sidebar-link span, .sidebar-link i { position: relative; z-index: 1; }
.sidebar-link:hover i {
    transform: scale(1.25) rotate(12deg);
    color: #000;
}
.sidebar-link:hover span { color: #000; }

/* Rainbow Animation */
@keyframes rainbowGlow {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes rainbow {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/* Scrollbar */
.ultra-premium-sidebar::-webkit-scrollbar { width: 6px; }
.ultra-premium-sidebar::-webkit-scrollbar-track { background: transparent; }
.ultra-premium-sidebar::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    border-radius: 10px;
}
.ultra-premium-sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.4);
}

/* Responsive */
@media screen and (max-width: 768px) {
    .ultra-premium-sidebar { width: 220px; }
    .sidebar-link { padding: 12px 18px; font-size: 13px; }
    .sidebar-link i { font-size: 16px; width: 20px; }
}
</style>