diff --git a/resources/views/auth/login-guru.blade.php b/resources/views/auth/login-guru.blade.php
index 6627a4c..a803fb8 100644
--- a/resources/views/auth/login-guru.blade.php
+++ b/resources/views/auth/login-guru.blade.php
@@ -9,7 +9,6 @@
   <div class="signin-container">
     <h1 class="signin-title">SIGN IN GURU</h1>
 
-    {{-- Toast Notifikasi Error --}}
     @if ($errors->any())
       <div id="toast-error" class="toast-error">
         {{ $errors->first() }}
diff --git a/resources/views/auth/login-siswa.blade.php b/resources/views/auth/login-siswa.blade.php
index 71d6860..4904efe 100644
--- a/resources/views/auth/login-siswa.blade.php
+++ b/resources/views/auth/login-siswa.blade.php
@@ -3,7 +3,7 @@
 @section('title', 'Login Siswa')
 
 @section('content')
-<link rel="stylesheet" href="{{ asset('css/login-siswa.css') }}">
+<link rel="stylesheet" href="{{ asset('css/login-admin.css') }}">
 
 <section id="signin" class="signin-section">
   <div class="signin-container">
diff --git a/resources/views/siswa/layouts/app.blade.php b/resources/views/siswa/layouts/app.blade.php
index e270b79..6c8f4ef 100644
--- a/resources/views/siswa/layouts/app.blade.php
+++ b/resources/views/siswa/layouts/app.blade.php
@@ -16,18 +16,25 @@
         }
 
         .siswa-wrapper {
-            display: flex;
-            min-height: 100vh;
+        display: flex;
+        min-height: 100vh;
         }
 
-        /* SIDEBAR */
         .sidebar {
-            width: 260px;
-            background: #ffffff;
-            border-right: 2px solid #e6f0ff;
-            padding: 30px 20px;
-            display: flex;
-            flex-direction: column;
+        width: 260px;
+        background: #ffffff;
+        border-right: 2px solid #e6f0ff;
+        padding: 30px 20px;
+        display: flex;
+        flex-direction: column;
+        transition: all 0.3s ease;
+        }
+
+        .sidebar.collapsed {
+        width: 0;
+        padding: 0;
+        overflow: hidden;
+        border: none;
         }
 
         .sidebar-logo {
@@ -88,12 +95,16 @@
             cursor: pointer;
         }
 
-        /* MAIN */
         .main {
-            flex: 1;
-            background: #f5f9ff;
-            display: flex;
-            flex-direction: column;
+        flex: 1;
+        background: #f5f9ff;
+        display: flex;
+        flex-direction: column;
+        transition: all 0.3s ease;
+        }
+
+        .main.full {
+        margin-left: 0;
         }
 
         /* TOPBAR */
@@ -196,9 +207,15 @@ class="sidebar-link {{ request()->routeIs('siswa.profil*') ? 'active' : '' }}">
         <!-- TOPBAR -->
         <header class="topbar">
             <div class="topbar-left">
+                <button id="toggleSidebar" 
+                    style="background:none;border:none;color:white;font-size:22px;margin-right:15px;cursor:pointer;">
+                ☰
+                </button>
+
                 👋 Hai, {{ Auth::guard('siswa')->user()->nama ?? 'Siswa' }}
             </div>
 
+
             <div class="topbar-right">
                 <img src="{{ asset('images/icon/sidebar/notif.png') }}" class="topbar-icon" alt="Notification">
                 <img src="{{ asset('images/icon/sidebar/profil.png') }}" class="topbar-icon" alt="Profile">