<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">

<style>
    body { background-color: #f4f7f6; }
    .sidebar { width: 260px; background-color: #0b2a5c; color: white; height: 100vh; position: fixed; padding-top: 20px; }
    .main-content { margin-left: 260px; padding: 30px; }
    .nav-link { color: #bdc3c7; padding: 15px 25px; transition: 0.3s; }
    .nav-link:hover, .nav-link.active { background-color: #173e7d; color: white; }
    .card { border-radius: 12px; border: none; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
</style>

<div class="sidebar">
    <div class="text-center mb-4">
        <i class="fas fa-graduation-cap fa-3x text-white"></i>
        <h5 class="mt-2">SIAKAD GURU</h5>
        <small>SDN CIPUTAT 04</small>
    </div>
    <nav class="nav flex-column">
        <a class="nav-link" href="dashboard.php"><i class="fas fa-tachometer-alt me-2"></i> Dashboard</a>
        <a class="nav-link" href="sisa.php"><i class="fas fa-users me-2"></i> Data Siswa Kelas</a>
        <a class="nav-link" href="tujuan_pembelajaran   .php"><i class="fas fa-file-alt me-2"></i> Input Data TP</a>
        <a class="nav-link" href="input_nilai.php"><i class="fas fa-pen me-2"></i> Input Nilai Siswa</a>
        <a class="nav-link text-warning mt-5" href="../logout.php"><i class="fas fa-sign-out-alt me-2"></i> Keluar</a>
    </nav>
</div>