<style>
     /* Sidebar */
     .sidebar{
            grid-area:sidebar;
            background:rgba(15,23,42,.96);
            border-right:1px solid rgba(30,64,175,.7);
            display:flex;
            flex-direction:column;
            position:sticky;
            top:0;
            height:120vh;
            z-index:20;
        }
        .sidebar-header{
            height:var(--topbar-h);
            border-bottom:1px solid var(--border);
            display:flex;
            align-items:center;
            justify-content:space-between;
            padding:0 14px;
        }
        .sidebar-header .title{
            font-weight:700;
            font-size:14px;
            text-transform:uppercase;
            letter-spacing:.12em;
            color:#9ca3af;
        }
        .nav{
            padding:10px;
            overflow:auto;
        }
        .nav a{
            display:flex;
            align-items:center;
            gap:10px;
            padding:10px 10px;
            border-radius:8px;
            border:1px solid transparent;
            color:#e5e7eb;
            text-decoration:none;
            margin-bottom:10px;
            background:transparent;
            transition:background .16s ease,border-color .16s ease,transform .16s ease;
        }
        .nav a .dot{
            width:12px;height:12px;
            border-radius:4px;
            border:none;
            display:inline-block;
            background:rgba(148,163,184,.9);
        }
        .nav a.active{
            background:rgba(37,99,235,.18);
            border-color:rgba(59,130,246,.8);
            box-shadow:0 10px 25px rgba(15,23,42,.55);
            transform:translateX(2px);
        }
        .nav a.active .dot{
            background:linear-gradient(135deg,#60a5fa,#bae6fd);
        }
        .nav a:hover:not(.active){
            background:rgba(15,23,42,.9);
            border-color:rgba(51,65,85,.9);
            transform:translateX(1px);
        }
        @media (max-width: 860px){
            .sidebar{
                position:fixed;
                left:0;
                top:0;
                height:100vh;
                width:min(var(--sidebar-w), 92vw);
                transform:translateX(-105%);
                transition:transform .18s ease-in-out;
                box-shadow: 12px 0 0 rgba(0,0,0,.06);
            }
            .sidebar.open{transform:translateX(0)}
        }
</style>
<aside class="sidebar" data-sidebar>
    <div class="sidebar-header">
        <div class="title">Menu</div>
        <button class="btn-icon" type="button" aria-label="Tutup menu" data-close-sidebar>
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                <path d="M18 6 6 18M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
            </svg>
        </button>
    </div>
    <nav class="nav" aria-label="Navigasi utama">
        <a class="<?php echo e(request()->routeIs('dashboard') || request()->is('/') ? 'active' : ''); ?>" href="<?php echo e(url('/')); ?>"><span class="dot"></span>Dashboard</a>
        <a class="<?php echo e(request()->routeIs('students.info') ? 'active' : ''); ?>" href="<?php echo e(route('students.info')); ?>"><span class="dot"></span>Maklumat Pelajar</a>
        <a class="<?php echo e(request()->routeIs('teachers.info') ? 'active' : ''); ?>" href="<?php echo e(route('teachers.info')); ?>"><span class="dot"></span>Maklumat Pensyarah</a>
        <a class="<?php echo e(request()->routeIs('staff.info') ? 'active' : ''); ?>" href="<?php echo e(route('staff.info')); ?>"><span class="dot"></span>Staf</a>
        <a class="<?php echo e(request()->routeIs('pentadbiran') ? 'active' : ''); ?>" href="<?php echo e(route('pentadbiran')); ?>"><span class="dot"></span>Pentadbiran</a>
         <a class="<?php echo e(request()->routeIs('employability.info') ? 'active' : ''); ?>" href="<?php echo e(route('employability.info')); ?>"><span class="dot"></span>Kebolehpasaran</a>
        <a href="#"><span class="dot"></span>Prasarana</a>
        <a href="<?php echo e(route('admin.login')); ?>"><span class="dot"></span>Login</a>
    </nav>
</aside>
<?php /**PATH C:\xampp\htdocs\dash\resources\views/partials/sidebar.blade.php ENDPATH**/ ?>