diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000000000000000000000000000000000000..0eea3f95cb8f3fdc886cd482fdadd627c3f11191
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,3 @@
+SECRET_KEY=your-secret-key-here
+DEBUG=True
+ALLOWED_HOSTS=localhost,127.0.0.1
\ No newline at end of file
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000000000000000000000000000000000000..5d0ad37f86cf1f50a89f4ae3ef94c3566f6a68bd
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,21 @@
+FROM python:3.11-slim
+
+WORKDIR /app
+
+ENV PYTHONDONTWRITEBYTECODE=1
+ENV PYTHONUNBUFFERED=1
+
+RUN apt-get update && apt-get install -y --no-install-recommends \
+    gcc \
+    && rm -rf /var/lib/apt/lists/*
+
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+
+COPY . .
+
+RUN python manage.py collectstatic --noinput
+
+EXPOSE 8000
+
+CMD ["python", "manage.py", "runserver", "0.0.0.0:8000"]
\ No newline at end of file
diff --git a/attendance/__init__.py b/attendance/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/attendance/__pycache__/__init__.cpython-314.pyc b/attendance/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..0bf8d3fc8cbc82af5ff9c0736abffaa2b79492dd
Binary files /dev/null and b/attendance/__pycache__/__init__.cpython-314.pyc differ
diff --git a/attendance/__pycache__/apps.cpython-314.pyc b/attendance/__pycache__/apps.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..91c668c8edfb879f1b4112b6c1f42fe9d15ff023
Binary files /dev/null and b/attendance/__pycache__/apps.cpython-314.pyc differ
diff --git a/attendance/admin.py b/attendance/admin.py
new file mode 100644
index 0000000000000000000000000000000000000000..c9e311d714ccbb52a9e389d0b1f35c5f82bb11e4
--- /dev/null
+++ b/attendance/admin.py
@@ -0,0 +1,7 @@
+from django.contrib import admin
+from .models import Attendance
+
+@admin.register(Attendance)
+class AttendanceAdmin(admin.ModelAdmin):
+    list_display = ['student', 'date', 'status', 'school_class']
+    list_filter = ['status', 'date', 'school_class']
\ No newline at end of file
diff --git a/attendance/apps.py b/attendance/apps.py
new file mode 100644
index 0000000000000000000000000000000000000000..445f1af0c5de3c710a15a9d002f7565c414570fe
--- /dev/null
+++ b/attendance/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+class AttendanceConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'attendance'
\ No newline at end of file
diff --git a/attendance/forms.py b/attendance/forms.py
new file mode 100644
index 0000000000000000000000000000000000000000..163f6b86b09e14e27ad12e0611678dd96c9577f6
--- /dev/null
+++ b/attendance/forms.py
@@ -0,0 +1,11 @@
+from django import forms
+from .models import Attendance
+
+class AttendanceForm(forms.ModelForm):
+    class Meta:
+        model = Attendance
+        fields = ['student', 'school_class', 'date', 'status', 'note']
+        widgets = {
+            'date': forms.DateInput(attrs={'type': 'date'}),
+            'note': forms.Textarea(attrs={'rows': 2}),
+        }
\ No newline at end of file
diff --git a/attendance/migrations/0001_initial.py b/attendance/migrations/0001_initial.py
new file mode 100644
index 0000000000000000000000000000000000000000..a52a1743ab9b3c1cef5d5545c9d965608305e2ef
--- /dev/null
+++ b/attendance/migrations/0001_initial.py
@@ -0,0 +1,24 @@
+from django.db import migrations, models
+import django.db.models.deletion
+
+class Migration(migrations.Migration):
+  initial = True
+  dependencies = [
+      ('students', '0001_initial'),
+      ('classes', '0001_initial'),
+  ]
+  operations = [
+      migrations.CreateModel(
+          name='Attendance',
+          fields=[
+              ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+              ('date', models.DateField()),
+              ('status', models.CharField(choices=[('present', 'Present'), ('absent', 'Absent'), ('late', 'Late'), ('excused', 'Excused')], default='present', max_length=10)),
+              ('note', models.TextField(blank=True)),
+              ('created_at', models.DateTimeField(auto_now_add=True)),
+              ('student', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='attendances', to='students.student')),
+              ('school_class', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='attendances', to='classes.schoolclass')),
+          ],
+          options={'ordering': ['-date'], 'unique_together': {('student', 'date')}},
+      ),
+  ]
\ No newline at end of file
diff --git a/attendance/migrations/__init__.py b/attendance/migrations/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/attendance/models.py b/attendance/models.py
new file mode 100644
index 0000000000000000000000000000000000000000..a60f6c7dc1ae26446f89c8bac13cba398d698b89
--- /dev/null
+++ b/attendance/models.py
@@ -0,0 +1,24 @@
+from django.db import models
+from students.models import Student
+from classes.models import SchoolClass
+
+class Attendance(models.Model):
+    STATUS_CHOICES = [
+        ('present', 'Present'),
+        ('absent', 'Absent'),
+        ('late', 'Late'),
+        ('excused', 'Excused'),
+    ]
+    student = models.ForeignKey(Student, on_delete=models.CASCADE, related_name='attendances')
+    school_class = models.ForeignKey(SchoolClass, on_delete=models.CASCADE, related_name='attendances')
+    date = models.DateField()
+    status = models.CharField(max_length=10, choices=STATUS_CHOICES, default='present')
+    note = models.TextField(blank=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+
+    def __str__(self):
+        return f"{self.student} - {self.date} - {self.status}"
+
+    class Meta:
+        unique_together = ['student', 'date']
+        ordering = ['-date']
\ No newline at end of file
diff --git a/attendance/urls.py b/attendance/urls.py
new file mode 100644
index 0000000000000000000000000000000000000000..d18c7f76189e00b7038df32c2ef243d82d8b43d4
--- /dev/null
+++ b/attendance/urls.py
@@ -0,0 +1,8 @@
+from django.urls import path
+from . import views
+
+urlpatterns = [
+    path('', views.attendance_list, name='attendance_list'),
+    path('mark/', views.mark_attendance, name='mark_attendance'),
+    path('report/', views.attendance_report, name='attendance_report'),
+]
\ No newline at end of file
diff --git a/attendance/views.py b/attendance/views.py
new file mode 100644
index 0000000000000000000000000000000000000000..7b6db1f08dc38a7ec69a27f87c1015b31e09c48a
--- /dev/null
+++ b/attendance/views.py
@@ -0,0 +1,42 @@
+from django.shortcuts import render, redirect
+from django.contrib.auth.decorators import login_required
+from django.contrib import messages
+from .models import Attendance
+from .forms import AttendanceForm
+from students.models import Student
+from classes.models import SchoolClass
+from django.utils import timezone
+
+@login_required
+def attendance_list(request):
+    today = timezone.now().date()
+    records = Attendance.objects.select_related('student', 'school_class').filter(date=today)
+    return render(request, 'attendance/list.html', {'records': records, 'today': today})
+
+@login_required
+def mark_attendance(request):
+    form = AttendanceForm(request.POST or None)
+    if form.is_valid():
+        form.save()
+        messages.success(request, 'Attendance marked!')
+        return redirect('attendance_list')
+    classes = SchoolClass.objects.all()
+    return render(request, 'attendance/mark.html', {'form': form, 'classes': classes})
+
+@login_required
+def attendance_report(request):
+    class_id = request.GET.get('class_id')
+    date_from = request.GET.get('date_from')
+    date_to = request.GET.get('date_to')
+    records = Attendance.objects.select_related('student', 'school_class').all()
+    if class_id:
+        records = records.filter(school_class_id=class_id)
+    if date_from:
+        records = records.filter(date__gte=date_from)
+    if date_to:
+        records = records.filter(date__lte=date_to)
+    classes = SchoolClass.objects.all()
+    return render(request, 'attendance/report.html', {
+        'records': records, 'classes': classes,
+        'class_id': class_id, 'date_from': date_from, 'date_to': date_to
+    })
\ No newline at end of file
diff --git a/classes/__init__.py b/classes/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/classes/__pycache__/__init__.cpython-314.pyc b/classes/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..e523691432ec6bd01d4b65dbfb74f14bf474d763
Binary files /dev/null and b/classes/__pycache__/__init__.cpython-314.pyc differ
diff --git a/classes/__pycache__/apps.cpython-314.pyc b/classes/__pycache__/apps.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..26a1b0f61577326c28a469b765cf64b33d1be74b
Binary files /dev/null and b/classes/__pycache__/apps.cpython-314.pyc differ
diff --git a/classes/admin.py b/classes/admin.py
new file mode 100644
index 0000000000000000000000000000000000000000..3aad7d2ae54a8d4e3e5503ea6cc3cba65937c9ed
--- /dev/null
+++ b/classes/admin.py
@@ -0,0 +1,6 @@
+from django.contrib import admin
+from .models import SchoolClass
+
+@admin.register(SchoolClass)
+class SchoolClassAdmin(admin.ModelAdmin):
+    list_display = ['name', 'grade_level', 'section', 'academic_year']
\ No newline at end of file
diff --git a/classes/apps.py b/classes/apps.py
new file mode 100644
index 0000000000000000000000000000000000000000..7cf9f27067c6c6c53519183039f2c80637e657f3
--- /dev/null
+++ b/classes/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+class ClassesConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'classes'
\ No newline at end of file
diff --git a/classes/migrations/0001_initial.py b/classes/migrations/0001_initial.py
new file mode 100644
index 0000000000000000000000000000000000000000..a4e5e669e0b4448a5c6b5446110c3fc190c7b75c
--- /dev/null
+++ b/classes/migrations/0001_initial.py
@@ -0,0 +1,20 @@
+from django.db import migrations, models
+
+class Migration(migrations.Migration):
+  initial = True
+  dependencies = []
+  operations = [
+      migrations.CreateModel(
+          name='SchoolClass',
+          fields=[
+              ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+              ('name', models.CharField(max_length=100)),
+              ('grade_level', models.IntegerField()),
+              ('section', models.CharField(default='A', max_length=10)),
+              ('room_number', models.CharField(blank=True, max_length=20)),
+              ('academic_year', models.CharField(default='2024-2025', max_length=20)),
+              ('created_at', models.DateTimeField(auto_now_add=True)),
+          ],
+          options={'ordering': ['grade_level', 'section'], 'verbose_name': 'Class', 'verbose_name_plural': 'Classes'},
+      ),
+  ]
\ No newline at end of file
diff --git a/classes/migrations/__init__.py b/classes/migrations/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/classes/models.py b/classes/models.py
new file mode 100644
index 0000000000000000000000000000000000000000..f731992678314de35eba303f4bf15bd4c6006432
--- /dev/null
+++ b/classes/models.py
@@ -0,0 +1,21 @@
+from django.db import models
+
+class SchoolClass(models.Model):
+    name = models.CharField(max_length=100)
+    grade_level = models.IntegerField()
+    section = models.CharField(max_length=10, default='A')
+    room_number = models.CharField(max_length=20, blank=True)
+    academic_year = models.CharField(max_length=20, default='2024-2025')
+    created_at = models.DateTimeField(auto_now_add=True)
+
+    def __str__(self):
+        return f"{self.name} - {self.section}"
+
+    @property
+    def student_count(self):
+        return self.students.count()
+
+    class Meta:
+        ordering = ['grade_level', 'section']
+        verbose_name = 'Class'
+        verbose_name_plural = 'Classes'
\ No newline at end of file
diff --git a/classes/urls.py b/classes/urls.py
new file mode 100644
index 0000000000000000000000000000000000000000..82674fd4358789408ce71d8b76d0658d832427d1
--- /dev/null
+++ b/classes/urls.py
@@ -0,0 +1,8 @@
+from django.urls import path
+from . import views
+
+urlpatterns = [
+    path('', views.class_list, name='class_list'),
+    path('<int:pk>/', views.class_detail, name='class_detail'),
+    path('add/', views.class_add, name='class_add'),
+]
\ No newline at end of file
diff --git a/classes/views.py b/classes/views.py
new file mode 100644
index 0000000000000000000000000000000000000000..87a5a575b4e01562b7a22af51d7d45dd64a0c86d
--- /dev/null
+++ b/classes/views.py
@@ -0,0 +1,30 @@
+from django.shortcuts import render, get_object_or_404, redirect
+from django.contrib.auth.decorators import login_required
+from django.contrib import messages
+from .models import SchoolClass
+from django import forms
+
+class ClassForm(forms.ModelForm):
+    class Meta:
+        model = SchoolClass
+        fields = ['name', 'grade_level', 'section', 'room_number', 'academic_year']
+
+@login_required
+def class_list(request):
+    classes = SchoolClass.objects.all()
+    return render(request, 'classes/list.html', {'classes': classes})
+
+@login_required
+def class_detail(request, pk):
+    school_class = get_object_or_404(SchoolClass, pk=pk)
+    students = school_class.students.all()
+    return render(request, 'classes/detail.html', {'school_class': school_class, 'students': students})
+
+@login_required
+def class_add(request):
+    form = ClassForm(request.POST or None)
+    if form.is_valid():
+        form.save()
+        messages.success(request, 'Class created!')
+        return redirect('class_list')
+    return render(request, 'classes/form.html', {'form': form, 'title': 'Add Class'})
\ No newline at end of file
diff --git a/core/__init__.py b/core/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/core/__pycache__/__init__.cpython-314.pyc b/core/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..fb55555eab1e78c9db36044d9e73a98e10f6f62c
Binary files /dev/null and b/core/__pycache__/__init__.cpython-314.pyc differ
diff --git a/core/__pycache__/apps.cpython-314.pyc b/core/__pycache__/apps.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..50c0ef08630cdeed85e386ad51d1f00d6cd3b649
Binary files /dev/null and b/core/__pycache__/apps.cpython-314.pyc differ
diff --git a/core/admin.py b/core/admin.py
new file mode 100644
index 0000000000000000000000000000000000000000..a23ff81f8e829bc519c959f99cb688d498c9c569
--- /dev/null
+++ b/core/admin.py
@@ -0,0 +1 @@
+from django.contrib import admin
\ No newline at end of file
diff --git a/core/apps.py b/core/apps.py
new file mode 100644
index 0000000000000000000000000000000000000000..36d746a2306eb41c4afd6f6a75042e6dab3df5d2
--- /dev/null
+++ b/core/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+class CoreConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'core'
\ No newline at end of file
diff --git a/core/migrations/__init__.py b/core/migrations/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/core/models.py b/core/models.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/core/urls.py b/core/urls.py
new file mode 100644
index 0000000000000000000000000000000000000000..1ed0f0e01e5de6b6d4e552f8585f0f8737120bf8
--- /dev/null
+++ b/core/urls.py
@@ -0,0 +1,9 @@
+from django.urls import path
+from . import views
+from django.contrib.auth import views as auth_views
+
+urlpatterns = [
+    path('', views.dashboard, name='dashboard'),
+    path('login/', auth_views.LoginView.as_view(template_name='login.html'), name='login'),
+    path('logout/', auth_views.LogoutView.as_view(), name='logout'),
+]
\ No newline at end of file
diff --git a/core/views.py b/core/views.py
new file mode 100644
index 0000000000000000000000000000000000000000..498fb7da71434286fb7b7c228fa6a60b3480d2d4
--- /dev/null
+++ b/core/views.py
@@ -0,0 +1,22 @@
+from django.shortcuts import render
+from django.contrib.auth.decorators import login_required
+from students.models import Student
+from teachers.models import Teacher
+from classes.models import SchoolClass
+from notices.models import Notice
+from attendance.models import Attendance
+from grades.models import Grade
+from django.utils import timezone
+
+@login_required
+def dashboard(request):
+    today = timezone.now().date()
+    context = {
+        'total_students': Student.objects.count(),
+        'total_teachers': Teacher.objects.count(),
+        'total_classes': SchoolClass.objects.count(),
+        'recent_notices': Notice.objects.order_by('-created_at')[:5],
+        'today_attendance': Attendance.objects.filter(date=today).count(),
+        'recent_grades': Grade.objects.order_by('-created_at')[:5],
+    }
+    return render(request, 'dashboard.html', context)
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000000000000000000000000000000000000..a901189bf40c24c87cae6ccab98bfd7c533d72c8
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,13 @@
+version: '3.9'
+
+services:
+  web:
+    build: .
+    command: python manage.py runserver 0.0.0.0:8000
+    volumes:
+      - .:/app
+    ports:
+      - "8000:8000"
+    env_file:
+      - .env.example
+    restart: unless-stopped
\ No newline at end of file
diff --git a/grades/__init__.py b/grades/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/grades/__pycache__/__init__.cpython-314.pyc b/grades/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..16ad4e6fe1412f1329af33234ea98fcc2b3e7d78
Binary files /dev/null and b/grades/__pycache__/__init__.cpython-314.pyc differ
diff --git a/grades/__pycache__/apps.cpython-314.pyc b/grades/__pycache__/apps.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..84af77af3a7af894a783c1ede564a44e5ba06778
Binary files /dev/null and b/grades/__pycache__/apps.cpython-314.pyc differ
diff --git a/grades/admin.py b/grades/admin.py
new file mode 100644
index 0000000000000000000000000000000000000000..2ae856272a4dfee371ddaf1302034f75c23133b3
--- /dev/null
+++ b/grades/admin.py
@@ -0,0 +1,7 @@
+from django.contrib import admin
+from .models import Grade
+
+@admin.register(Grade)
+class GradeAdmin(admin.ModelAdmin):
+    list_display = ['student', 'subject', 'term', 'score', 'academic_year']
+    list_filter = ['term', 'academic_year', 'subject']
\ No newline at end of file
diff --git a/grades/apps.py b/grades/apps.py
new file mode 100644
index 0000000000000000000000000000000000000000..8f6bea4ce81bf09277f7d915a7f1de19c1897f87
--- /dev/null
+++ b/grades/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+class GradesConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'grades'
\ No newline at end of file
diff --git a/grades/forms.py b/grades/forms.py
new file mode 100644
index 0000000000000000000000000000000000000000..34676885b6affed6d502a5254f9532c0e4deeda3
--- /dev/null
+++ b/grades/forms.py
@@ -0,0 +1,10 @@
+from django import forms
+from .models import Grade
+
+class GradeForm(forms.ModelForm):
+    class Meta:
+        model = Grade
+        fields = ['student', 'subject', 'term', 'score', 'max_score', 'academic_year', 'remarks']
+        widgets = {
+            'remarks': forms.Textarea(attrs={'rows': 2}),
+        }
\ No newline at end of file
diff --git a/grades/migrations/0001_initial.py b/grades/migrations/0001_initial.py
new file mode 100644
index 0000000000000000000000000000000000000000..8a21ce234c523890f1b3efb9a561010efd829600
--- /dev/null
+++ b/grades/migrations/0001_initial.py
@@ -0,0 +1,26 @@
+from django.db import migrations, models
+import django.db.models.deletion
+
+class Migration(migrations.Migration):
+  initial = True
+  dependencies = [
+      ('students', '0001_initial'),
+      ('teachers', '0001_initial'),
+  ]
+  operations = [
+      migrations.CreateModel(
+          name='Grade',
+          fields=[
+              ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+              ('term', models.CharField(choices=[('1', 'Term 1'), ('2', 'Term 2'), ('3', 'Term 3'), ('final', 'Final')], default='1', max_length=10)),
+              ('score', models.DecimalField(decimal_places=2, max_digits=5)),
+              ('max_score', models.DecimalField(decimal_places=2, default=100, max_digits=5)),
+              ('academic_year', models.CharField(default='2024-2025', max_length=20)),
+              ('remarks', models.TextField(blank=True)),
+              ('created_at', models.DateTimeField(auto_now_add=True)),
+              ('student', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='grades', to='students.student')),
+              ('subject', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='grades', to='teachers.subject')),
+          ],
+          options={'ordering': ['-created_at']},
+      ),
+  ]
\ No newline at end of file
diff --git a/grades/migrations/__init__.py b/grades/migrations/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/grades/models.py b/grades/models.py
new file mode 100644
index 0000000000000000000000000000000000000000..3a858a3cec38e59213987e42aae16502b34a3ec1
--- /dev/null
+++ b/grades/models.py
@@ -0,0 +1,37 @@
+from django.db import models
+from students.models import Student
+from teachers.models import Subject
+
+class Grade(models.Model):
+    TERM_CHOICES = [('1', 'Term 1'), ('2', 'Term 2'), ('3', 'Term 3'), ('final', 'Final')]
+
+    student = models.ForeignKey(Student, on_delete=models.CASCADE, related_name='grades')
+    subject = models.ForeignKey(Subject, on_delete=models.CASCADE, related_name='grades')
+    term = models.CharField(max_length=10, choices=TERM_CHOICES, default='1')
+    score = models.DecimalField(max_digits=5, decimal_places=2)
+    max_score = models.DecimalField(max_digits=5, decimal_places=2, default=100)
+    academic_year = models.CharField(max_length=20, default='2024-2025')
+    remarks = models.TextField(blank=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+
+    @property
+    def percentage(self):
+        if self.max_score > 0:
+            return round((self.score / self.max_score) * 100, 1)
+        return 0
+
+    @property
+    def letter_grade(self):
+        p = self.percentage
+        if p >= 90: return 'A+'
+        if p >= 80: return 'A'
+        if p >= 70: return 'B'
+        if p >= 60: return 'C'
+        if p >= 50: return 'D'
+        return 'F'
+
+    def __str__(self):
+        return f"{self.student} - {self.subject} - {self.term}"
+
+    class Meta:
+        ordering = ['-created_at']
\ No newline at end of file
diff --git a/grades/urls.py b/grades/urls.py
new file mode 100644
index 0000000000000000000000000000000000000000..eb78638255e5560157f7ef0a010b389248832462
--- /dev/null
+++ b/grades/urls.py
@@ -0,0 +1,8 @@
+from django.urls import path
+from . import views
+
+urlpatterns = [
+    path('', views.grade_list, name='grade_list'),
+    path('add/', views.grade_add, name='grade_add'),
+    path('student/<int:student_id>/', views.student_grades, name='student_grades'),
+]
\ No newline at end of file
diff --git a/grades/views.py b/grades/views.py
new file mode 100644
index 0000000000000000000000000000000000000000..251a4b350a6618c3693e88c56858d30f252e5c79
--- /dev/null
+++ b/grades/views.py
@@ -0,0 +1,26 @@
+from django.shortcuts import render, redirect, get_object_or_404
+from django.contrib.auth.decorators import login_required
+from django.contrib import messages
+from .models import Grade
+from .forms import GradeForm
+from students.models import Student
+
+@login_required
+def grade_list(request):
+    grades = Grade.objects.select_related('student', 'subject').order_by('-created_at')[:50]
+    return render(request, 'grades/list.html', {'grades': grades})
+
+@login_required
+def grade_add(request):
+    form = GradeForm(request.POST or None)
+    if form.is_valid():
+        form.save()
+        messages.success(request, 'Grade recorded!')
+        return redirect('grade_list')
+    return render(request, 'grades/form.html', {'form': form, 'title': 'Add Grade'})
+
+@login_required
+def student_grades(request, student_id):
+    student = get_object_or_404(Student, pk=student_id)
+    grades = Grade.objects.filter(student=student).select_related('subject')
+    return render(request, 'grades/student_grades.html', {'student': student, 'grades': grades})
\ No newline at end of file
diff --git a/manage.py b/manage.py
new file mode 100644
index 0000000000000000000000000000000000000000..c5b9d74d845ebbcb123a1cc1e26e98bb63594128
--- /dev/null
+++ b/manage.py
@@ -0,0 +1,14 @@
+#!/usr/bin/env python
+import os
+import sys
+
+def main():
+    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'school_system.settings')
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError as exc:
+        raise ImportError("Couldn't import Django.") from exc
+    execute_from_command_line(sys.argv)
+
+if __name__ == '__main__':
+    main()
\ No newline at end of file
diff --git a/notices/__init__.py b/notices/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/notices/__pycache__/__init__.cpython-314.pyc b/notices/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..247dc8351320ea6fad8eb194c222c005d75aa40d
Binary files /dev/null and b/notices/__pycache__/__init__.cpython-314.pyc differ
diff --git a/notices/admin.py b/notices/admin.py
new file mode 100644
index 0000000000000000000000000000000000000000..7bbe740f0f1220295b904ab72f5c9508705b473c
--- /dev/null
+++ b/notices/admin.py
@@ -0,0 +1,7 @@
+from django.contrib import admin
+from .models import Notice
+
+@admin.register(Notice)
+class NoticeAdmin(admin.ModelAdmin):
+  list_display = ['title', 'priority', 'audience', 'is_active', 'created_at']
+  list_filter = ['priority', 'audience', 'is_active']
\ No newline at end of file
diff --git a/notices/apps.py b/notices/apps.py
new file mode 100644
index 0000000000000000000000000000000000000000..8b37735136662cf256e115fdaa5dbb9d8afe95ea
--- /dev/null
+++ b/notices/apps.py
@@ -0,0 +1,13 @@
+from django.apps import AppConfig
+
+class NoticesConfig(AppConfig):
+    default_auto_field = 'django.db.models.Bi
+
+Continuing exactly where the output was cut off — finishing the notices app and all remaining files including templates, static CSS/JS, Docker config, and the full Starting Instructions output.
+
+<write path="school_system/notices/apps.py">
+from django.apps import AppConfig
+
+class NoticesConfig(AppConfig):
+  default_auto_field = 'django.db.models.BigAutoField'
+  name = 'notices'
\ No newline at end of file
diff --git a/notices/forms.py b/notices/forms.py
new file mode 100644
index 0000000000000000000000000000000000000000..06bd4defe918fac9d8fdaec57ed01b662fdcd82b
--- /dev/null
+++ b/notices/forms.py
@@ -0,0 +1,10 @@
+from django import forms
+from .models import Notice
+
+class NoticeForm(forms.ModelForm):
+  class Meta:
+      model = Notice
+      fields = ['title', 'content', 'priority', 'audience', 'is_active']
+      widgets = {
+          'content': forms.Textarea(attrs={'rows': 5}),
+      }
\ No newline at end of file
diff --git a/notices/migrations/0001_initial.py b/notices/migrations/0001_initial.py
new file mode 100644
index 0000000000000000000000000000000000000000..cf70cf24200fdf5c5d54629069aa6a900e7fee53
--- /dev/null
+++ b/notices/migrations/0001_initial.py
@@ -0,0 +1,25 @@
+from django.db import migrations, models
+import django.db.models.deletion
+
+class Migration(migrations.Migration):
+  initial = True
+  dependencies = [
+      ('auth', '0012_alter_user_first_name_max_length'),
+  ]
+  operations = [
+      migrations.CreateModel(
+          name='Notice',
+          fields=[
+              ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+              ('title', models.CharField(max_length=200)),
+              ('content', models.TextField()),
+              ('priority', models.CharField(choices=[('low', 'Low'), ('medium', 'Medium'), ('high', 'High'), ('urgent', 'Urgent')], default='medium', max_length=10)),
+              ('audience', models.CharField(choices=[('all', 'Everyone'), ('students', 'Students'), ('teachers', 'Teachers'), ('parents', 'Parents')], default='all', max_length=10)),
+              ('is_active', models.BooleanField(default=True)),
+              ('created_at', models.DateTimeField(auto_now_add=True)),
+              ('updated_at', models.DateTimeField(auto_now=True)),
+              ('author', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, to='auth.user')),
+          ],
+          options={'ordering': ['-created_at']},
+      ),
+  ]
\ No newline at end of file
diff --git a/notices/migrations/__init__.py b/notices/migrations/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/notices/models.py b/notices/models.py
new file mode 100644
index 0000000000000000000000000000000000000000..27d8c10205ae208361f437299fe1c5b36f61c1d6
--- /dev/null
+++ b/notices/models.py
@@ -0,0 +1,21 @@
+from django.db import models
+from django.contrib.auth.models import User
+
+class Notice(models.Model):
+  PRIORITY_CHOICES = [('low', 'Low'), ('medium', 'Medium'), ('high', 'High'), ('urgent', 'Urgent')]
+  AUDIENCE_CHOICES = [('all', 'Everyone'), ('students', 'Students'), ('teachers', 'Teachers'), ('parents', 'Parents')]
+
+  title = models.CharField(max_length=200)
+  content = models.TextField()
+  priority = models.CharField(max_length=10, choices=PRIORITY_CHOICES, default='medium')
+  audience = models.CharField(max_length=10, choices=AUDIENCE_CHOICES, default='all')
+  author = models.ForeignKey(User, on_delete=models.SET_NULL, null=True, blank=True)
+  is_active = models.BooleanField(default=True)
+  created_at = models.DateTimeField(auto_now_add=True)
+  updated_at = models.DateTimeField(auto_now=True)
+
+  def __str__(self):
+      return self.title
+
+  class Meta:
+      ordering = ['-created_at']
\ No newline at end of file
diff --git a/notices/urls.py b/notices/urls.py
new file mode 100644
index 0000000000000000000000000000000000000000..a0102692029d7b1d11a2204e8bcc71e8727f392e
--- /dev/null
+++ b/notices/urls.py
@@ -0,0 +1,9 @@
+from django.urls import path
+from . import views
+
+urlpatterns = [
+  path('', views.notice_list, name='notice_list'),
+  path('add/', views.notice_add, name='notice_add'),
+  path('<int:pk>/', views.notice_detail, name='notice_detail'),
+  path('<int:pk>/delete/', views.notice_delete, name='notice_delete'),
+]
\ No newline at end of file
diff --git a/notices/views.py b/notices/views.py
new file mode 100644
index 0000000000000000000000000000000000000000..275bd81285d93ac5f9807cde2135d81941903491
--- /dev/null
+++ b/notices/views.py
@@ -0,0 +1,35 @@
+from django.shortcuts import render, get_object_or_404, redirect
+from django.contrib.auth.decorators import login_required
+from django.contrib import messages
+from .models import Notice
+from .forms import NoticeForm
+
+@login_required
+def notice_list(request):
+  notices = Notice.objects.filter(is_active=True)
+  return render(request, 'notices/list.html', {'notices': notices})
+
+@login_required
+def notice_detail(request, pk):
+  notice = get_object_or_404(Notice, pk=pk)
+  return render(request, 'notices/detail.html', {'notice': notice})
+
+@login_required
+def notice_add(request):
+  form = NoticeForm(request.POST or None)
+  if form.is_valid():
+      notice = form.save(commit=False)
+      notice.author = request.user
+      notice.save()
+      messages.success(request, 'Notice published!')
+      return redirect('notice_list')
+  return render(request, 'notices/form.html', {'form': form, 'title': 'New Notice'})
+
+@login_required
+def notice_delete(request, pk):
+  notice = get_object_or_404(Notice, pk=pk)
+  if request.method == 'POST':
+      notice.delete()
+      messages.success(request, 'Notice deleted.')
+      return redirect('notice_list')
+  return render(request, 'notices/confirm_delete.html', {'notice': notice})
\ No newline at end of file
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000000000000000000000000000000000000..13922ef19bf19208db0719963b2a1bd6720db4d2
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,5 @@
+Django>=4.2,<5.0
+python-dotenv==1.0.0
+Pillow>=11.2.0
+django-crispy-forms==2.1
+crispy-bootstrap5==0.7
\ No newline at end of file
diff --git a/school_system/__init__.py b/school_system/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/school_system/__pycache__/__init__.cpython-314.pyc b/school_system/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..49d1215f7f5ed83273548a8f498c27de66116f60
Binary files /dev/null and b/school_system/__pycache__/__init__.cpython-314.pyc differ
diff --git a/school_system/__pycache__/settings.cpython-314.pyc b/school_system/__pycache__/settings.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..3aed63a501c00d6ac820274ad707e44d3027936b
Binary files /dev/null and b/school_system/__pycache__/settings.cpython-314.pyc differ
diff --git a/school_system/settings.py b/school_system/settings.py
new file mode 100644
index 0000000000000000000000000000000000000000..e3075750fc287e3b66bebf6801a289e43d6054d2
--- /dev/null
+++ b/school_system/settings.py
@@ -0,0 +1,94 @@
+import os
+from pathlib import Path
+from dotenv import load_dotenv
+
+load_dotenv()
+
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+SECRET_KEY = os.getenv('SECRET_KEY', 'django-insecure-school-system-dev-key-change-in-production')
+DEBUG = os.getenv('DEBUG', 'True') == 'True'
+ALLOWED_HOSTS = os.getenv('ALLOWED_HOSTS', 'localhost,127.0.0.1').split(',')
+
+INSTALLED_APPS = [
+    'django.contrib.admin',
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.sessions',
+    'django.contrib.messages',
+    'django.contrib.staticfiles',
+    'crispy_forms',
+    'crispy_bootstrap5',
+    'core',
+    'students',
+    'teachers',
+    'classes',
+    'attendance',
+    'grades',
+    'notices',
+]
+
+MIDDLEWARE = [
+    'django.middleware.security.SecurityMiddleware',
+    'django.contrib.sessions.middleware.SessionMiddleware',
+    'django.middleware.common.CommonMiddleware',
+    'django.middleware.csrf.CsrfViewMiddleware',
+    'django.contrib.auth.middleware.AuthenticationMiddleware',
+    'django.contrib.messages.middleware.MessageMiddleware',
+    'django.middleware.clickjacking.XFrameOptionsMiddleware',
+]
+
+ROOT_URLCONF = 'school_system.urls'
+
+TEMPLATES = [
+    {
+        'BACKEND': 'django.template.backends.django.DjangoTemplates',
+        'DIRS': [BASE_DIR / 'templates'],
+        'APP_DIRS': True,
+        'OPTIONS': {
+            'context_processors': [
+                'django.template.context_processors.debug',
+                'django.template.context_processors.request',
+                'django.contrib.auth.context_processors.auth',
+                'django.contrib.messages.context_processors.messages',
+            ],
+        },
+    },
+]
+
+WSGI_APPLICATION = 'school_system.wsgi.application'
+
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.sqlite3',
+        'NAME': BASE_DIR / 'db.sqlite3',
+    }
+}
+
+AUTH_PASSWORD_VALIDATORS = [
+    {'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator'},
+    {'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator'},
+    {'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator'},
+    {'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator'},
+]
+
+LANGUAGE_CODE = 'en-us'
+TIME_ZONE = 'UTC'
+USE_I18N = True
+USE_TZ = True
+
+STATIC_URL = '/static/'
+STATICFILES_DIRS = [BASE_DIR / 'static']
+STATIC_ROOT = BASE_DIR / 'staticfiles'
+
+MEDIA_URL = '/media/'
+MEDIA_ROOT = BASE_DIR / 'media'
+
+DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
+
+LOGIN_URL = '/login/'
+LOGIN_REDIRECT_URL = '/'
+LOGOUT_REDIRECT_URL = '/login/'
+
+CRISPY_ALLOWED_TEMPLATE_PACKS = 'bootstrap5'
+CRISPY_TEMPLATE_PACK = 'bootstrap5'
\ No newline at end of file
diff --git a/school_system/urls.py b/school_system/urls.py
new file mode 100644
index 0000000000000000000000000000000000000000..632dac1f4ea67ccffe2011e2f531c56513188d52
--- /dev/null
+++ b/school_system/urls.py
@@ -0,0 +1,15 @@
+from django.contrib import admin
+from django.urls import path, include
+from django.conf import settings
+from django.conf.urls.static import static
+
+urlpatterns = [
+    path('admin/', admin.site.urls),
+    path('', include('core.urls')),
+    path('students/', include('students.urls')),
+    path('teachers/', include('teachers.urls')),
+    path('classes/', include('classes.urls')),
+    path('attendance/', include('attendance.urls')),
+    path('grades/', include('grades.urls')),
+    path('notices/', include('notices.urls')),
+] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
\ No newline at end of file
diff --git a/school_system/wsgi.py b/school_system/wsgi.py
new file mode 100644
index 0000000000000000000000000000000000000000..dfd7c4af6ffbea47b9c38422f17a4bd34dbae2bc
--- /dev/null
+++ b/school_system/wsgi.py
@@ -0,0 +1,4 @@
+import os
+from django.core.wsgi import get_wsgi_application
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'school_system.settings')
+application = get_wsgi_application()
\ No newline at end of file
diff --git a/static/css/main.css b/static/css/main.css
new file mode 100644
index 0000000000000000000000000000000000000000..62177722c85f619f028942da3df545e378ac92b8
--- /dev/null
+++ b/static/css/main.css
@@ -0,0 +1,635 @@
+/* ── Google/Meta Soft Clean Design System ── */
+@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');
+
+:root {
+  --primary: #4f46e5;
+  --primary-light: #818cf8;
+  --primary-soft: #eef2ff;
+  --secondary: #06b6d4;
+  --secondary-soft: #ecfeff;
+  --success: #10b981;
+  --success-soft: #d1fae5;
+  --warning: #f59e0b;
+  --warning-soft: #fef3c7;
+  --danger: #ef4444;
+  --danger-soft: #fee2e2;
+  --surface: #ffffff;
+  --surface-2: #f8fafc;
+  --surface-3: #f1f5f9;
+  --border: #e2e8f0;
+  --border-light: #f1f5f9;
+  --text-primary: #0f172a;
+  --text-secondary: #475569;
+  --text-muted: #94a3b8;
+  --sidebar-width: 260px;
+  --topbar-height: 64px;
+  --radius-sm: 8px;
+  --radius-md: 12px;
+  --radius-lg: 16px;
+  --radius-xl: 24px;
+  --shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
+  --shadow-md: 0 4px 16px rgba(0,0,0,.08);
+  --shadow-lg: 0 8px 32px rgba(0,0,0,.10);
+  --shadow-glow: 0 0 0 3px rgba(79,70,229,.15);
+  --transition: .2s cubic-bezier(.4,0,.2,1);
+}
+
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+html { scroll-behavior: smooth; }
+
+body {
+  font-family: 'Inter', 'Google Sans', system-ui, sans-serif;
+  background: var(--surface-2);
+  color: var(--text-primary);
+  line-height: 1.6;
+  overflow-x: hidden;
+}
+
+/* ── Scrollbar ── */
+::-webkit-scrollbar { width: 6px; height: 6px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: var(--border); border-radius: 99px; }
+::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }
+
+/* ── Layout ── */
+.app-layout { display: flex; min-height: 100vh; }
+
+/* ── Sidebar ── */
+.sidebar {
+  width: var(--sidebar-width);
+  background: var(--surface);
+  border-right: 1px solid var(--border-light);
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  top: 0; left: 0; bottom: 0;
+  z-index: 100;
+  transition: transform var(--transition);
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.sidebar-brand {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 20px 20px 16px;
+  border-bottom: 1px solid var(--border-light);
+  text-decoration: none;
+}
+
+.sidebar-brand-icon {
+  width: 40px; height: 40px;
+  background: linear-gradient(135deg, var(--primary), var(--primary-light));
+  border-radius: var(--radius-md);
+  display: flex; align-items: center; justify-content: center;
+  color: white;
+  font-size: 18px;
+  flex-shrink: 0;
+  box-shadow: 0 4px 12px rgba(79,70,229,.3);
+}
+
+.sidebar-brand-text { line-height: 1.2; }
+.sidebar-brand-name { font-size: 15px; font-weight: 700; color: var(--text-primary); }
+.sidebar-brand-sub { font-size: 11px; color: var(--text-muted); font-weight: 400; }
+
+.sidebar-nav { padding: 12px 12px; flex: 1; }
+
+.nav-section-label {
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: .08em;
+  color: var(--text-muted);
+  padding: 12px 8px 6px;
+}
+
+.nav-item { margin-bottom: 2px; }
+
+.nav-link {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 9px 12px;
+  border-radius: var(--radius-sm);
+  color: var(--text-secondary);
+  text-decoration: none;
+  font-size: 14px;
+  font-weight: 500;
+  transition: all var(--transition);
+  position: relative;
+}
+
+.nav-link:hover {
+  background: var(--surface-3);
+  color: var(--text-primary);
+}
+
+.nav-link.active {
+  background: var(--primary-soft);
+  color: var(--primary);
+}
+
+.nav-link.active .nav-icon { color: var(--primary); }
+
+.nav-icon {
+  width: 18px; height: 18px;
+  flex-shrink: 0;
+  opacity: .7;
+}
+
+.nav-link.active .nav-icon { opacity: 1; }
+
+.nav-badge {
+  margin-left: auto;
+  background: var(--primary);
+  color: white;
+  font-size: 10px;
+  font-weight: 600;
+  padding: 2px 7px;
+  border-radius: 99px;
+  min-width: 20px;
+  text-align: center;
+}
+
+.sidebar-footer {
+  padding: 12px;
+  border-top: 1px solid var(--border-light);
+}
+
+/* ── Main Content ── */
+.main-content {
+  margin-left: var(--sidebar-width);
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+/* ── Topbar ── */
+.topbar {
+  height: var(--topbar-height);
+  background: var(--surface);
+  border-bottom: 1px solid var(--border-light);
+  display: flex;
+  align-items: center;
+  padding: 0 24px;
+  gap: 16px;
+  position: sticky;
+  top: 0;
+  z-index: 50;
+}
+
+.topbar-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--text-primary);
+  flex: 1;
+}
+
+.topbar-search {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background: var(--surface-2);
+  border: 1px solid var(--border);
+  border-radius: 99px;
+  padding: 7px 16px;
+  width: 240px;
+  transition: all var(--transition);
+}
+
+.topbar-search:focus-within {
+  border-color: var(--primary-light);
+  box-shadow: var(--shadow-glow);
+  background: var(--surface);
+}
+
+.topbar-search input {
+  border: none;
+  background: transparent;
+  outline: none;
+  font-size: 14px;
+  color: var(--text-primary);
+  width: 100%;
+}
+
+.topbar-search input::placeholder { color: var(--text-muted); }
+
+.topbar-actions { display: flex; align-items: center; gap: 8px; }
+
+.icon-btn {
+  width: 36px; height: 36px;
+  border-radius: var(--radius-sm);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  display: flex; align-items: center; justify-content: center;
+  color: var(--text-secondary);
+  transition: all var(--transition);
+  position: relative;
+}
+
+.icon-btn:hover { background: var(--surface-3); color: var(--text-primary); }
+
+.avatar {
+  width: 36px; height: 36px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, var(--primary), var(--secondary));
+  display: flex; align-items: center; justify-content: center;
+  color: white;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
+/* ── Page Content ── */
+.page-content { padding: 28px 28px; flex: 1; }
+
+.page-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  margin-bottom: 28px;
+  gap: 16px;
+}
+
+.page-header-left {}
+.page-title { font-size: 24px; font-weight: 700; color: var(--text-primary); line-height: 1.2; }
+.page-subtitle { font-size: 14px; color: var(--text-muted); margin-top: 4px; }
+
+/* ── Cards ── */
+.card {
+  background: var(--surface);
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-sm);
+  overflow: hidden;
+  transition: box-shadow var(--transition);
+}
+
+.card:hover { box-shadow: var(--shadow-md); }
+
+.card-header {
+  padding: 18px 20px 14px;
+  border-bottom: 1px solid var(--border-light);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.card-title { font-size: 15px; font-weight: 600; color: var(--text-primary); }
+.card-body { padding: 20px; }
+.card-footer { padding: 14px 20px; border-top: 1px solid var(--border-light); background: var(--surface-2); }
+
+/* ── Stat Cards ── */
+.stat-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 16px;
+  margin-bottom: 28px;
+}
+
+.stat-card {
+  background: var(--surface);
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-lg);
+  padding: 20px;
+  display: flex;
+  align-items: flex-start;
+  gap: 16px;
+  box-shadow: var(--shadow-sm);
+  transition: all var(--transition);
+  cursor: default;
+  overflow: hidden;
+  position: relative;
+}
+
+.stat-card::before {
+  content: '';
+  position: absolute;
+  top: 0; left: 0; right: 0;
+  height: 3px;
+  background: var(--stat-color, var(--primary));
+  border-radius: 99px 99px 0 0;
+}
+
+.stat-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
+
+.stat-icon {
+  width: 48px; height: 48px;
+  border-radius: var(--radius-md);
+  display: flex; align-items: center; justify-content: center;
+  font-size: 22px;
+  flex-shrink: 0;
+  background: var(--stat-soft, var(--primary-soft));
+  color: var(--stat-color, var(--primary));
+}
+
+.stat-info { flex: 1; min-width: 0; }
+.stat-value { font-size: 28px; font-weight: 700; color: var(--text-primary); line-height: 1; }
+.stat-label { font-size: 13px; color: var(--text-muted); margin-top: 4px; font-weight: 500; }
+.stat-change { font-size: 12px; margin-top: 6px; font-weight: 500; }
+.stat-change.up { color: var(--success); }
+.stat-change.down { color: var(--danger); }
+
+/* ── Buttons ── */
+.btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  padding: 9px 18px;
+  border-radius: var(--radius-sm);
+  font-size: 14px;
+  font-weight: 500;
+  border: none;
+  cursor: pointer;
+  text-decoration: none;
+  transition: all var(--transition);
+  white-space: nowrap;
+  line-height: 1;
+}
+
+.btn-primary {
+  background: var(--primary);
+  color: white;
+  box-shadow: 0 2px 8px rgba(79,70,229,.3);
+}
+.btn-primary:hover { background: #4338ca; box-shadow: 0 4px 16px rgba(79,70,229,.4); transform: translateY(-1px); color: white; }
+
+.btn-secondary { background: var(--surface-3); color: var(--text-secondary); }
+.btn-secondary:hover { background: var(--border); color: var(--text-primary); }
+
+.btn-success { background: var(--success); color: white; }
+.btn-success:hover { background: #059669; color: white; }
+
+.btn-danger { background: var(--danger); color: white; }
+.btn-danger:hover { background: #dc2626; color: white; }
+
+.btn-outline {
+  background: transparent;
+  border: 1px solid var(--border);
+  color: var(--text-secondary);
+}
+.btn-outline:hover { border-color: var(--primary); color: var(--primary); background: var(--primary-soft); }
+
+.btn-sm { padding: 6px 12px; font-size: 12px; }
+.btn-lg { padding: 12px 24px; font-size: 15px; }
+.btn-icon { padding: 9px; }
+
+/* ── Tables ── */
+.table-wrapper {
+  overflow-x: auto;
+  border-radius: var(--radius-lg);
+  border: 1px solid var(--border-light);
+  background: var(--surface);
+}
+
+table { width: 100%; border-collapse: collapse; }
+
+thead tr { background: var(--surface-2); }
+
+th {
+  padding: 12px 16px;
+  text-align: left;
+  font-size: 12px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: .05em;
+  color: var(--text-muted);
+  border-bottom: 1px solid var(--border-light);
+  white-space: nowrap;
+}
+
+td {
+  padding: 13px 16px;
+  font-size: 14px;
+  color: var(--text-primary);
+  border-bottom: 1px solid var(--border-light);
+  vertical-align: middle;
+}
+
+tr:last-child td { border-bottom: none; }
+tbody tr { transition: background var(--transition); }
+tbody tr:hover { background: var(--surface-2); }
+
+/* ── Badges ── */
+.badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 3px 10px;
+  border-radius: 99px;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.badge-primary { background: var(--primary-soft); color: var(--primary); }
+.badge-success { background: var(--success-soft); color: var(--success); }
+.badge-warning { background: var(--warning-soft); color: var(--warning); }
+.badge-danger { background: var(--danger-soft); color: var(--danger); }
+.badge-secondary { background: var(--surface-3); color: var(--text-secondary); }
+.badge-cyan { background: var(--secondary-soft); color: var(--secondary); }
+
+/* ── Forms ── */
+.form-group { margin-bottom: 18px; }
+
+.form-label {
+  display: block;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--text-secondary);
+  margin-bottom: 6px;
+}
+
+.form-control {
+  width: 100%;
+  padding: 10px 14px;
+  border: 1.5px solid var(--border);
+  border-radius: var(--radius-sm);
+  font-size: 14px;
+  color: var(--text-primary);
+  background: var(--surface);
+  transition: all var(--transition);
+  outline: none;
+  font-family: inherit;
+}
+
+.form-control:focus {
+  border-color: var(--primary-light);
+  box-shadow: var(--shadow-glow);
+}
+
+.form-control::placeholder { color: var(--text-muted); }
+
+select.form-control { cursor: pointer; }
+textarea.form-control { resize: vertical; min-height: 80px; }
+
+.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
+.form-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }
+
+/* ── Alerts / Messages ── */
+.alert {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 12px 16px;
+  border-radius: var(--radius-md);
+  font-size: 14px;
+  margin-bottom: 16px;
+  animation: slideDown .3s ease;
+}
+
+.alert-success { background: var(--success-soft); color: #065f46; border: 1px solid #a7f3d0; }
+.alert-error, .alert-danger { background: var(--danger-soft); color: #991b1b; border: 1px solid #fca5a5; }
+.alert-warning { background: var(--warning-soft); color: #92400e; border: 1px solid #fcd34d; }
+.alert-info { background: var(--primary-soft); color: #3730a3; border: 1px solid #c7d2fe; }
+
+@keyframes slideDown {
+  from { opacity: 0; transform: translateY(-8px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+/* ── Avatar Stack ── */
+.avatar-sm {
+  width: 32px; height: 32px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, var(--primary), var(--secondary));
+  display: inline-flex; align-items: center; justify-content: center;
+  color: white; font-size: 12px; font-weight: 600;
+  flex-shrink: 0;
+}
+
+/* ── Empty State ── */
+.empty-state {
+  text-align: center;
+  padding: 60px 20px;
+  color: var(--text-muted);
+}
+
+.empty-state-icon { font-size: 48px; margin-bottom: 16px; opacity: .4; }
+.empty-state-title { font-size: 16px; font-weight: 600; color: var(--text-secondary); margin-bottom: 8px; }
+.empty-state-text { font-size: 14px; }
+
+/* ── Search Bar ── */
+.search-bar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background: var(--surface-2);
+  border: 1.5px solid var(--border);
+  border-radius: var(--radius-sm);
+  padding: 9px 14px;
+  transition: all var(--transition);
+}
+
+.search-bar:focus-within {
+  border-color: var(--primary-light);
+  box-shadow: var(--shadow-glow);
+  background: var(--surface);
+}
+
+.search-bar input { border: none; background: transparent; outline: none; font-size: 14px; color: var(--text-primary); flex: 1; }
+.search-bar input::placeholder { color: var(--text-muted); }
+
+/* ── Progress Bar ── */
+.progress { height: 6px; background: var(--surface-3); border-radius: 99px; overflow: hidden; }
+.progress-bar { height: 100%; border-radius: 99px; background: var(--primary); transition: width .6s cubic-bezier(.4,0,.2,1); }
+.progress-bar.success { background: var(--success); }
+.progress-bar.warning { background: var(--warning); }
+.progress-bar.danger { background: var(--danger); }
+
+/* ── Notice Priority Colors ── */
+.priority-low { --stat-color: var(--success); }
+.priority-medium { --stat-color: var(--warning); }
+.priority-high { --stat-color: var(--danger); }
+.priority-urgent { --stat-color: #7c3aed; }
+
+/* ── Grade Letter Colors ── */
+.grade-a-plus, .grade-a { color: var(--success); font-weight: 700; }
+.grade-b { color: var(--primary); font-weight: 700; }
+.grade-c { color: var(--warning); font-weight: 700; }
+.grade-d { color: #f97316; font-weight: 700; }
+.grade-f { color: var(--danger); font-weight: 700; }
+
+/* ── Attendance Status ── */
+.status-present { color: var(--success); }
+.status-absent { color: var(--danger); }
+.status-late { color: var(--warning); }
+.status-excused { color: var(--secondary); }
+
+/* ── Login Page ── */
+.login-page {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  padding: 20px;
+}
+
+.login-card {
+  background: var(--surface);
+  border-radius: var(--radius-xl);
+  padding: 40px;
+  width: 100%;
+  max-width: 420px;
+  box-shadow: var(--shadow-lg);
+}
+
+.login-logo {
+  width: 56px; height: 56px;
+  background: linear-gradient(135deg, var(--primary), var(--primary-light));
+  border-radius: var(--radius-lg);
+  display: flex; align-items: center; justify-content: center;
+  font-size: 26px;
+  margin: 0 auto 20px;
+  box-shadow: 0 8px 24px rgba(79,70,229,.35);
+}
+
+.login-title { text-align: center; font-size: 22px; font-weight: 700; margin-bottom: 4px; }
+.login-subtitle { text-align: center; font-size: 14px; color: var(--text-muted); margin-bottom: 28px; }
+
+/* ── Responsive ── */
+@media (max-width: 768px) {
+  .sidebar { transform: translateX(-100%); }
+  .sidebar.open { transform: translateX(0); }
+  .main-content { margin-left: 0; }
+  .form-grid, .form-grid-3 { grid-template-columns: 1fr; }
+  .stat-grid { grid-template-columns: 1fr 1fr; }
+  .page-content { padding: 16px; }
+}
+
+/* ── GSAP animation helpers ── */
+.gsap-fade { opacity: 0; }
+.gsap-slide-up { opacity: 0; transform: translateY(30px); }
+.gsap-slide-left { opacity: 0; transform: translateX(-30px); }
+.gsap-scale { opacity: 0; transform: scale(.92); }
+
+/* ── Misc Utilities ── */
+.flex { display: flex; }
+.flex-center { display: flex; align-items: center; justify-content: center; }
+.flex-betw
+Continuing seamlessly from where the CSS was cut off, then completing all remaining templates, JS, Docker files, and the full project.
+
+een; justify-content: space-between; }
+.gap-8 { gap: 8px; }
+.gap-12 { gap: 12px; }
+.gap-16 { gap: 16px; }
+.mt-4 { margin-top: 4px; }
+.mt-8 { margin-top: 8px; }
+.mt-16 { margin-top: 16px; }
+.mt-24 { margin-top: 24px; }
+.mb-16 { margin-bottom: 16px; }
+.mb-24 { margin-bottom: 24px; }
+.text-sm { font-size: 13px; }
+.text-xs { font-size: 11px; }
+.text-muted { color: var(--text-muted); }
+.text-right { text-align: right; }
+.font-600 { font-weight: 600; }
+.font-700 { font-weight: 700; }
+.w-full { width: 100%; }
+.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
\ No newline at end of file
diff --git a/static/js/main.js b/static/js/main.js
new file mode 100644
index 0000000000000000000000000000000000000000..e68ac3ef149098fbe1354a8e320a6efa26aeda22
--- /dev/null
+++ b/static/js/main.js
@@ -0,0 +1,237 @@
+/* ── School System — GSAP Animations & UI Logic ── */
+
+// Wait for GSAP CDN to be ready
+document.addEventListener('DOMContentLoaded', () => {
+
+  /* ── Register GSAP Plugins ── */
+  if (window.gsap) {
+    gsap.registerPlugin(ScrollTrigger);
+    initAnimations();
+  }
+
+  initSidebar();
+  initAlerts();
+  initSearch();
+  initTooltips();
+});
+
+/* ══════════════════════════════════════
+   GSAP ANIMATIONS
+══════════════════════════════════════ */
+function initAnimations() {
+
+  /* Page entrance — topbar */
+  gsap.from('.topbar', {
+    y: -64, opacity: 0, duration: .5,
+    ease: 'power3.out'
+  });
+
+  /* Sidebar nav items stagger */
+  gsap.from('.nav-item', {
+    x: -24, opacity: 0, duration: .4,
+    stagger: .04, ease: 'power2.out', delay: .15
+  });
+
+  /* Page header */
+  gsap.from('.page-header', {
+    y: 20, opacity: 0, duration: .5,
+    ease: 'power3.out', delay: .2
+  });
+
+  /* Stat cards stagger */
+  gsap.from('.stat-card', {
+    y: 32, opacity: 0, duration: .5,
+    stagger: .08, ease: 'power3.out', delay: .3,
+    clearProps: 'all'
+  });
+
+  /* Animate stat values counting up */
+  document.querySelectorAll('.stat-value[data-count]').forEach(el => {
+    const target = parseInt(el.dataset.count, 10);
+    gsap.from({ val: 0 }, {
+      val: target, duration: 1.2, delay: .5,
+      ease: 'power2.out',
+      onUpdate: function () {
+        el.textContent = Math.round(this.targets()[0].val).toLocaleString();
+      }
+    });
+  });
+
+  /* Cards scroll reveal */
+  gsap.utils.toArray('.card').forEach((card, i) => {
+    gsap.from(card, {
+      scrollTrigger: {
+        trigger: card,
+        start: 'top 88%',
+        toggleActions: 'play none none none'
+      },
+      y: 28, opacity: 0, duration: .5,
+      delay: i * .04,
+      ease: 'power3.out',
+      clearProps: 'all'
+    });
+  });
+
+  /* Table rows stagger on scroll */
+  gsap.utils.toArray('tbody tr').forEach((row, i) => {
+    gsap.from(row, {
+      scrollTrigger: {
+        trigger: row,
+        start: 'top 92%',
+        toggleActions: 'play none none none'
+      },
+      x: -16, opacity: 0, duration: .35,
+      delay: i * .03,
+      ease: 'power2.out',
+      clearProps: 'all'
+    });
+  });
+
+  /* Buttons hover micro-animation */
+  document.querySelectorAll('.btn').forEach(btn => {
+    btn.addEventListener('mouseenter', () => {
+      gsap.to(btn, { scale: 1.03, duration: .15, ease: 'power1.out' });
+    });
+    btn.addEventListener('mouseleave', () => {
+      gsap.to(btn, { scale: 1, duration: .15, ease: 'power1.out' });
+    });
+  });
+
+  /* Progress bars animate in */
+  document.querySelectorAll('.progress-bar').forEach(bar => {
+    const width = bar.style.width || bar.dataset.width || '0%';
+    bar.style.width = '0%';
+    gsap.to(bar, {
+      scrollTrigger: { trigger: bar, start: 'top 90%' },
+      width: width, duration: .9, ease: 'power3.out', delay: .1
+    });
+  });
+
+  /* Notice cards */
+  gsap.utils.toArray('.notice-card').forEach((card, i) => {
+    gsap.from(card, {
+      scrollTrigger: { trigger: card, start: 'top 90%' },
+      y: 20, opacity: 0, duration: .4,
+      delay: i * .06, ease: 'power2.out', clearProps: 'all'
+    });
+  });
+
+  /* Login card */
+  const loginCard = document.querySelector('.login-card');
+  if (loginCard) {
+    gsap.from(loginCard, {
+      y: 40, opacity: 0, scale: .96,
+      duration: .6, ease: 'power3.out'
+    });
+    gsap.from('.login-card .form-group', {
+      y: 16, opacity: 0, duration: .4,
+      stagger: .08, delay: .3, ease: 'power2.out'
+    });
+  }
+
+  /* Dashboard welcome banner */
+  const banner = document.querySelector('.dashboard-banner');
+  if (banner) {
+    gsap.from(banner, {
+      y: -20, opacity: 0, duration: .6, ease: 'power3.out', delay: .1
+    });
+    gsap.from(banner.querySelectorAll('h1, p, .btn'), {
+      y: 16, opacity: 0, stagger: .1, duration: .5, delay: .3, ease: 'power2.out'
+    });
+  }
+}
+
+/* ══════════════════════════════════════
+   SIDEBAR TOGGLE (mobile)
+══════════════════════════════════════ */
+function initSidebar() {
+  const toggle = document.getElementById('sidebar-toggle');
+  const sidebar = document.querySelector('.sidebar');
+  const overlay = document.getElementById('sidebar-overlay');
+
+  if (!toggle || !sidebar) return;
+
+  toggle.addEventListener('click', () => {
+    const isOpen = sidebar.classList.toggle('open');
+    if (overlay) overlay.classList.toggle('active', isOpen);
+    if (window.gsap) {
+      gsap.from(sidebar, { x: -260, duration: .3, ease: 'power3.out' });
+    }
+  });
+
+  if (overlay) {
+    overlay.addEventListener('click', () => {
+      sidebar.classList.remove('open');
+      overlay.classList.remove('active');
+    });
+  }
+}
+
+/* ══════════════════════════════════════
+   AUTO-DISMISS ALERTS
+══════════════════════════════════════ */
+function initAlerts() {
+  document.querySelectorAll('.alert').forEach(alert => {
+    const close = alert.querySelector('.alert-close');
+    if (close) {
+      close.addEventListener('click', () => dismissAlert(alert));
+    }
+    setTimeout(() => dismissAlert(alert), 5000);
+  });
+}
+
+function dismissAlert(alert) {
+  if (!alert.parentNode) return;
+  if (window.gsap) {
+    gsap.to(alert, {
+      opacity: 0, y: -8, height: 0, marginBottom: 0,
+      padding: 0, duration: .3, ease: 'power2.in',
+      onComplete: () => alert.remove()
+    });
+  } else {
+    alert.remove();
+  }
+}
+
+/* ══════════════════════════════════════
+   LIVE SEARCH FILTER (client-side)
+══════════════════════════════════════ */
+function initSearch() {
+  const searchInput = document.getElementById('table-search');
+  if (!searchInput) return;
+
+  searchInput.addEventListener('input', () => {
+    const q = searchInput.value.toLowerCase();
+    document.querySelectorAll('tbody tr').forEach(row => {
+      const text = row.textContent.toLowerCase();
+      row.style.display = text.includes(q) ? '' : 'none';
+    });
+  });
+}
+
+/* ══════════════════════════════════════
+   SIMPLE TOOLTIPS
+══════════════════════════════════════ */
+function initTooltips() {
+  document.querySelectorAll('[data-tooltip]').forEach(el => {
+    el.addEventListener('mouseenter', e => {
+      const tip = document.createElement('div');
+      tip.className = 'gsap-tooltip';
+      tip.textContent = el.dataset.tooltip;
+      tip.style.cssText = `
+        position:fixed;background:#0f172a;color:#fff;font-size:12px;
+        padding:5px 10px;border-radius:6px;pointer-events:none;z-index:9999;
+        white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.2);
+      `;
+      document.body.appendChild(tip);
+      const rect = el.getBoundingClientRect();
+      tip.style.left = rect.left + rect.width / 2 - tip.offsetWidth / 2 + 'px';
+      tip.style.top = rect.top - tip.offsetHeight - 8 + 'px';
+      if (window.gsap) gsap.from(tip, { opacity: 0, y: 4, duration: .15 });
+      el._tooltip = tip;
+    });
+    el.addEventListener('mouseleave', () => {
+      if (el._tooltip) { el._tooltip.remove(); el._tooltip = null; }
+    });
+  });
+}
\ No newline at end of file
diff --git a/students/__init__.py b/students/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/students/__pycache__/__init__.cpython-314.pyc b/students/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..e684b84841ac3890a025ac9a73bd77235d5d0930
Binary files /dev/null and b/students/__pycache__/__init__.cpython-314.pyc differ
diff --git a/students/__pycache__/apps.cpython-314.pyc b/students/__pycache__/apps.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..e38cf1a91218201674be03e532d438d2d21b12e2
Binary files /dev/null and b/students/__pycache__/apps.cpython-314.pyc differ
diff --git a/students/admin.py b/students/admin.py
new file mode 100644
index 0000000000000000000000000000000000000000..0a132aaeef60a78e397de0e0971504a6cc1eb746
--- /dev/null
+++ b/students/admin.py
@@ -0,0 +1,8 @@
+from django.contrib import admin
+from .models import Student
+
+@admin.register(Student)
+class StudentAdmin(admin.ModelAdmin):
+    list_display = ['student_id', 'full_name', 'school_class', 'status']
+    search_fields = ['first_name', 'last_name', 'student_id', 'email']
+    list_filter = ['status', 'school_class', 'gender']
\ No newline at end of file
diff --git a/students/apps.py b/students/apps.py
new file mode 100644
index 0000000000000000000000000000000000000000..9c7b37bd3e9a4bef1d149162c7819c185723d8b9
--- /dev/null
+++ b/students/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+class StudentsConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'students'
\ No newline at end of file
diff --git a/students/forms.py b/students/forms.py
new file mode 100644
index 0000000000000000000000000000000000000000..441b558d6191946a42411362c5b7ad3fbe5efb41
--- /dev/null
+++ b/students/forms.py
@@ -0,0 +1,12 @@
+from django import forms
+from .models import Student
+
+class StudentForm(forms.ModelForm):
+    class Meta:
+        model = Student
+        fields = ['first_name', 'last_name', 'student_id', 'email', 'phone',
+                  'date_of_birth', 'gender', 'address', 'school_class', 'status', 'photo']
+        widgets = {
+            'date_of_birth': forms.DateInput(attrs={'type': 'date'}),
+            'address': forms.Textarea(attrs={'rows': 3}),
+        }
\ No newline at end of file
diff --git a/students/migrations/0001_initial.py b/students/migrations/0001_initial.py
new file mode 100644
index 0000000000000000000000000000000000000000..e1a2a2b7717ba39c2ea054c02eeb965f6d1173ad
--- /dev/null
+++ b/students/migrations/0001_initial.py
@@ -0,0 +1,30 @@
+from django.db import migrations, models
+import django.db.models.deletion
+
+class Migration(migrations.Migration):
+  initial = True
+  dependencies = [
+      ('classes', '0001_initial'),
+  ]
+  operations = [
+      migrations.CreateModel(
+          name='Student',
+          fields=[
+              ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+              ('first_name', models.CharField(max_length=100)),
+              ('last_name', models.CharField(max_length=100)),
+              ('student_id', models.CharField(max_length=20, unique=True)),
+              ('email', models.EmailField(unique=True)),
+              ('phone', models.CharField(blank=True, max_length=20)),
+              ('date_of_birth', models.DateField(blank=True, null=True)),
+              ('gender', models.CharField(choices=[('M', 'Male'), ('F', 'Female'), ('O', 'Other')], default='M', max_length=1)),
+              ('address', models.TextField(blank=True)),
+              ('enrollment_date', models.DateField(auto_now_add=True)),
+              ('status', models.CharField(choices=[('active', 'Active'), ('inactive', 'Inactive'), ('graduated', 'Graduated')], default='active', max_length=20)),
+              ('photo', models.ImageField(blank=True, null=True, upload_to='students/')),
+              ('created_at', models.DateTimeField(auto_now_add=True)),
+              ('school_class', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='students', to='classes.schoolclass')),
+          ],
+          options={'ordering': ['last_name', 'first_name']},
+      ),
+  ]
\ No newline at end of file
diff --git a/students/migrations/__init__.py b/students/migrations/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/students/models.py b/students/models.py
new file mode 100644
index 0000000000000000000000000000000000000000..ed3cc6e1db93cff378ebe2b942dff2a538fe88d5
--- /dev/null
+++ b/students/models.py
@@ -0,0 +1,30 @@
+from django.db import models
+from classes.models import SchoolClass
+
+class Student(models.Model):
+    GENDER_CHOICES = [('M', 'Male'), ('F', 'Female'), ('O', 'Other')]
+    STATUS_CHOICES = [('active', 'Active'), ('inactive', 'Inactive'), ('graduated', 'Graduated')]
+
+    first_name = models.CharField(max_length=100)
+    last_name = models.CharField(max_length=100)
+    student_id = models.CharField(max_length=20, unique=True)
+    email = models.EmailField(unique=True)
+    phone = models.CharField(max_length=20, blank=True)
+    date_of_birth = models.DateField(null=True, blank=True)
+    gender = models.CharField(max_length=1, choices=GENDER_CHOICES, default='M')
+    address = models.TextField(blank=True)
+    school_class = models.ForeignKey(SchoolClass, on_delete=models.SET_NULL, null=True, blank=True, related_name='students')
+    enrollment_date = models.DateField(auto_now_add=True)
+    status = models.CharField(max_length=20, choices=STATUS_CHOICES, default='active')
+    photo = models.ImageField(upload_to='students/', blank=True, null=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+
+    def __str__(self):
+        return f"{self.first_name} {self.last_name}"
+
+    @property
+    def full_name(self):
+        return f"{self.first_name} {self.last_name}"
+
+    class Meta:
+        ordering = ['last_name', 'first_name']
\ No newline at end of file
diff --git a/students/urls.py b/students/urls.py
new file mode 100644
index 0000000000000000000000000000000000000000..9480d3f68fbef8570d4e0cd4b8baddefd7f17386
--- /dev/null
+++ b/students/urls.py
@@ -0,0 +1,10 @@
+from django.urls import path
+from . import views
+
+urlpatterns = [
+    path('', views.student_list, name='student_list'),
+    path('<int:pk>/', views.student_detail, name='student_detail'),
+    path('add/', views.student_add, name='student_add'),
+    path('<int:pk>/edit/', views.student_edit, name='student_edit'),
+    path('<int:pk>/delete/', views.student_delete, name='student_delete'),
+]
\ No newline at end of file
diff --git a/students/views.py b/students/views.py
new file mode 100644
index 0000000000000000000000000000000000000000..b37b0ad64fc2b491be2127ff6f6a8bbfd64078a9
--- /dev/null
+++ b/students/views.py
@@ -0,0 +1,46 @@
+from django.shortcuts import render, get_object_or_404, redirect
+from django.contrib.auth.decorators import login_required
+from django.contrib import messages
+from .models import Student
+from .forms import StudentForm
+
+@login_required
+def student_list(request):
+    query = request.GET.get('q', '')
+    students = Student.objects.select_related('school_class').all()
+    if query:
+        students = students.filter(first_name__icontains=query) | students.filter(last_name__icontains=query) | students.filter(student_id__icontains=query)
+    return render(request, 'students/list.html', {'students': students, 'query': query})
+
+@login_required
+def student_detail(request, pk):
+    student = get_object_or_404(Student, pk=pk)
+    return render(request, 'students/detail.html', {'student': student})
+
+@login_required
+def student_add(request):
+    form = StudentForm(request.POST or None, request.FILES or None)
+    if form.is_valid():
+        form.save()
+        messages.success(request, 'Student added successfully!')
+        return redirect('student_list')
+    return render(request, 'students/form.html', {'form': form, 'title': 'Add Student'})
+
+@login_required
+def student_edit(request, pk):
+    student = get_object_or_404(Student, pk=pk)
+    form = StudentForm(request.POST or None, request.FILES or None, instance=student)
+    if form.is_valid():
+        form.save()
+        messages.success(request, 'Student updated successfully!')
+        return redirect('student_detail', pk=pk)
+    return render(request, 'students/form.html', {'form': form, 'title': 'Edit Student', 'student': student})
+
+@login_required
+def student_delete(request, pk):
+    student = get_object_or_404(Student, pk=pk)
+    if request.method == 'POST':
+        student.delete()
+        messages.success(request, 'Student deleted.')
+        return redirect('student_list')
+    return render(request, 'students/confirm_delete.html', {'student': student})
\ No newline at end of file
diff --git a/teachers/__init__.py b/teachers/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/teachers/__pycache__/__init__.cpython-314.pyc b/teachers/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..f5ace8fe1f301cef41cbea214ec043c9aabd9a3a
Binary files /dev/null and b/teachers/__pycache__/__init__.cpython-314.pyc differ
diff --git a/teachers/__pycache__/apps.cpython-314.pyc b/teachers/__pycache__/apps.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..933de089fd75792e3c4c945086be619b0aec720b
Binary files /dev/null and b/teachers/__pycache__/apps.cpython-314.pyc differ
diff --git a/teachers/admin.py b/teachers/admin.py
new file mode 100644
index 0000000000000000000000000000000000000000..24e6ce472037f062b35c6f367252cdb93fe54c5d
--- /dev/null
+++ b/teachers/admin.py
@@ -0,0 +1,11 @@
+from django.contrib import admin
+from .models import Teacher, Subject
+
+@admin.register(Teacher)
+class TeacherAdmin(admin.ModelAdmin):
+    list_display = ['teacher_id', 'full_name', 'email', 'is_active']
+    search_fields = ['first_name', 'last_name', 'teacher_id', 'email']
+
+@admin.register(Subject)
+class SubjectAdmin(admin.ModelAdmin):
+    list_display = ['code', 'name']
\ No newline at end of file
diff --git a/teachers/apps.py b/teachers/apps.py
new file mode 100644
index 0000000000000000000000000000000000000000..c6918c8581df04771ebaddd6fc98ea31e680b9c6
--- /dev/null
+++ b/teachers/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+class TeachersConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'teachers'
\ No newline at end of file
diff --git a/teachers/forms.py b/teachers/forms.py
new file mode 100644
index 0000000000000000000000000000000000000000..65c0711cc489bab14d121179991707618496bf5f
--- /dev/null
+++ b/teachers/forms.py
@@ -0,0 +1,16 @@
+from django import forms
+from .models import Teacher, Subject
+
+class TeacherForm(forms.ModelForm):
+    class Meta:
+        model = Teacher
+        fields = ['first_name', 'last_name', 'teacher_id', 'email', 'phone',
+                  'gender', 'subjects', 'qualification', 'photo', 'is_active']
+        widgets = {
+            'subjects': forms.CheckboxSelectMultiple(),
+        }
+
+class SubjectForm(forms.ModelForm):
+    class Meta:
+        model = Subject
+        fields = ['name', 'code', 'description']
\ No newline at end of file
diff --git a/teachers/migrations/0001_initial.py b/teachers/migrations/0001_initial.py
new file mode 100644
index 0000000000000000000000000000000000000000..f1569ce8cd15783e94854800ef0c00396a75e4e3
--- /dev/null
+++ b/teachers/migrations/0001_initial.py
@@ -0,0 +1,36 @@
+from django.db import migrations, models
+
+class Migration(migrations.Migration):
+  initial = True
+  dependencies = []
+  operations = [
+      migrations.CreateModel(
+          name='Subject',
+          fields=[
+              ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+              ('name', models.CharField(max_length=100)),
+              ('code', models.CharField(max_length=20, unique=True)),
+              ('description', models.TextField(blank=True)),
+          ],
+          options={'ordering': ['name']},
+      ),
+      migrations.CreateModel(
+          name='Teacher',
+          fields=[
+              ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+              ('first_name', models.CharField(max_length=100)),
+              ('last_name', models.CharField(max_length=100)),
+              ('teacher_id', models.CharField(max_length=20, unique=True)),
+              ('email', models.EmailField(unique=True)),
+              ('phone', models.CharField(blank=True, max_length=20)),
+              ('gender', models.CharField(choices=[('M', 'Male'), ('F', 'Female'), ('O', 'Other')], default='M', max_length=1)),
+              ('qualification', models.CharField(blank=True, max_length=200)),
+              ('hire_date', models.DateField(auto_now_add=True)),
+              ('photo', models.ImageField(blank=True, null=True, upload_to='teachers/')),
+              ('is_active', models.BooleanField(default=True)),
+              ('created_at', models.DateTimeField(auto_now_add=True)),
+              ('subjects', models.ManyToManyField(blank=True, related_name='teachers', to='teachers.subject')),
+          ],
+          options={'ordering': ['last_name', 'first_name']},
+      ),
+  ]
\ No newline at end of file
diff --git a/teachers/migrations/__init__.py b/teachers/migrations/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/teachers/models.py b/teachers/models.py
new file mode 100644
index 0000000000000000000000000000000000000000..4aeb0bdb756fb6b079faa749f8f7c9ea097c1e32
--- /dev/null
+++ b/teachers/models.py
@@ -0,0 +1,38 @@
+from django.db import models
+
+class Subject(models.Model):
+    name = models.CharField(max_length=100)
+    code = models.CharField(max_length=20, unique=True)
+    description = models.TextField(blank=True)
+
+    def __str__(self):
+        return self.name
+
+    class Meta:
+        ordering = ['name']
+
+class Teacher(models.Model):
+    GENDER_CHOICES = [('M', 'Male'), ('F', 'Female'), ('O', 'Other')]
+
+    first_name = models.CharField(max_length=100)
+    last_name = models.CharField(max_length=100)
+    teacher_id = models.CharField(max_length=20, unique=True)
+    email = models.EmailField(unique=True)
+    phone = models.CharField(max_length=20, blank=True)
+    gender = models.CharField(max_length=1, choices=GENDER_CHOICES, default='M')
+    subjects = models.ManyToManyField(Subject, blank=True, related_name='teachers')
+    qualification = models.CharField(max_length=200, blank=True)
+    hire_date = models.DateField(auto_now_add=True)
+    photo = models.ImageField(upload_to='teachers/', blank=True, null=True)
+    is_active = models.BooleanField(default=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+
+    def __str__(self):
+        return f"{self.first_name} {self.last_name}"
+
+    @property
+    def full_name(self):
+        return f"{self.first_name} {self.last_name}"
+
+    class Meta:
+        ordering = ['last_name', 'first_name']
\ No newline at end of file
diff --git a/teachers/urls.py b/teachers/urls.py
new file mode 100644
index 0000000000000000000000000000000000000000..89f0640ac604325aae2bd148c0e599e0e5b0c60b
--- /dev/null
+++ b/teachers/urls.py
@@ -0,0 +1,11 @@
+from django.urls import path
+from . import views
+
+urlpatterns = [
+    path('', views.teacher_list, name='teacher_list'),
+    path('<int:pk>/', views.teacher_detail, name='teacher_detail'),
+    path('add/', views.teacher_add, name='teacher_add'),
+    path('<int:pk>/edit/', views.teacher_edit, name='teacher_edit'),
+    path('subjects/', views.subject_list, name='subject_list'),
+    path('subjects/add/', views.subject_add, name='subject_add'),
+]
\ No newline at end of file
diff --git a/teachers/views.py b/teachers/views.py
new file mode 100644
index 0000000000000000000000000000000000000000..cb79bd52cd2f562082b9f19a07db4de7a50c46d8
--- /dev/null
+++ b/teachers/views.py
@@ -0,0 +1,51 @@
+from django.shortcuts import render, get_object_or_404, redirect
+from django.contrib.auth.decorators import login_required
+from django.contrib import messages
+from .models import Teacher, Subject
+from .forms import TeacherForm, SubjectForm
+
+@login_required
+def teacher_list(request):
+    query = request.GET.get('q', '')
+    teachers = Teacher.objects.prefetch_related('subjects').all()
+    if query:
+        teachers = teachers.filter(first_name__icontains=query) | teachers.filter(last_name__icontains=query)
+    return render(request, 'teachers/list.html', {'teachers': teachers, 'query': query})
+
+@login_required
+def teacher_detail(request, pk):
+    teacher = get_object_or_404(Teacher, pk=pk)
+    return render(request, 'teachers/detail.html', {'teacher': teacher})
+
+@login_required
+def teacher_add(request):
+    form = TeacherForm(request.POST or None, request.FILES or None)
+    if form.is_valid():
+        form.save()
+        messages.success(request, 'Teacher added successfully!')
+        return redirect('teacher_list')
+    return render(request, 'teachers/form.html', {'form': form, 'title': 'Add Teacher'})
+
+@login_required
+def teacher_edit(request, pk):
+    teacher = get_object_or_404(Teacher, pk=pk)
+    form = TeacherForm(request.POST or None, request.FILES or None, instance=teacher)
+    if form.is_valid():
+        form.save()
+        messages.success(request, 'Teacher updated successfully!')
+        return redirect('teacher_detail', pk=pk)
+    return render(request, 'teachers/form.html', {'form': form, 'title': 'Edit Teacher', 'teacher': teacher})
+
+@login_required
+def subject_list(request):
+    subjects = Subject.objects.all()
+    return render(request, 'teachers/subjects.html', {'subjects': subjects})
+
+@login_required
+def subject_add(request):
+    form = SubjectForm(request.POST or None)
+    if form.is_valid():
+        form.save()
+        messages.success(request, 'Subject added!')
+        return redirect('subject_list')
+    return render(request, 'teachers/subject_form.html', {'form': form, 'title': 'Add Subject'})
\ No newline at end of file
diff --git a/templates/attendance/list.html b/templates/attendance/list.html
new file mode 100644
index 0000000000000000000000000000000000000000..0ea3c79974eb73feac2c8c82cd4bc277b5ae54e8
--- /dev/null
+++ b/templates/attendance/list.html
@@ -0,0 +1,66 @@
+{% extends 'base.html' %}
+{% block title %}Attendance{% endblock %}
+{% block page_title %}Attendance{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+<h1 class="page-title">Today's Attendance</h1>
+<p class="page-subtitle">{{ today|date:"l, F d, Y" }}</p>
+</div>
+<div style="display:flex;gap:10px;">
+  <a href="{% url 'attendance_report' %}" class="btn btn-outline">
+    <i data-lucide="file-bar-chart" style="width:15px;height:15px;"></i> Report
+  </a>
+  <a href="{% url 'mark_attendance' %}" class="btn btn-primary">
+    <i data-lucide="plus" style="width:15px;height:15px;"></i> Mark Attendance
+  </a>
+</div>
+</div>
+
+<!-- Summary badges -->
+<div style="display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;">
+  <span class="badge badge-success" style="font-size:13px;padding:7px 14px;">
+    ✅ Present: {{ records|dictsort:"status"|length }}
+  </span>
+  <span class="badge badge-danger" style="font-size:13px;padding:7px 14px;">
+    ❌ Absent: {{ records.count }}
+  </span>
+</div>
+
+<div class="table-wrapper">
+<table>
+<thead>
+  <tr><th>Student</th><th>Class</th><th>Status</th><th>Note</th><th>Time</th></tr>
+</thead>
+<tbody>
+  {% for record in records %}
+  <tr>
+    <td>
+      <div style="display:flex;align-items:center;gap:10px;">
+        <div class="avatar-sm">{{ record.student.first_name|first }}</div>
+        <span style="font-weight:500;">{{ record.student.full_name }}</span>
+      </div>
+    </td>
+    <td>{{ record.school_class }}</td>
+    <td>
+      <span class="badge {% if record.status == 'present' %}badge-success{% elif record.status == 'absent' %}badge-danger{% elif record.status == 'late' %}badge-warning{% else %}badge-cyan{% endif %}">
+        {{ record.get_status_display }}
+      </span>
+    </td>
+    <td style="font-size:13px;color:var(--text-secondary);">{{ record.note|default:"—" }}</td>
+    <td style="font-size:13px;color:var(--text-muted);">{{ record.created_at|time:"H:i" }}</td>
+  </tr>
+  {% empty %}
+  <tr><td colspan="5">
+    <div class="empty-state">
+      <div class="empty-state-icon">📅</div>
+      <div class="empty-state-title">No attendance records for today</div>
+      <div class="empty-state-text">Start marking attendance for your classes</div>
+    </div>
+  </td></tr>
+  {% endfor %}
+</tbody>
+</table>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/attendance/mark.html b/templates/attendance/mark.html
new file mode 100644
index 0000000000000000000000000000000000000000..c343714dc78d9182aab8dca9713e0e2c15dbbb95
--- /dev/null
+++ b/templates/attendance/mark.html
@@ -0,0 +1,70 @@
+{% extends 'base.html' %}
+{% block title %}Mark Attendance{% endblock %}
+{% block page_title %}Mark Attendance{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+<h1 class="page-title">Mark Attendance</h1>
+<p class="page-subtitle">Record student attendance for today</p>
+</div>
+<a href="{% url 'attendance_list' %}" class="btn btn-secondary">
+<i data-lucide="arrow-left" style="width:15px;height:15px;"></i> Back
+</a>
+</div>
+
+<div class="card" style="max-width:560px;">
+<div class="card-body">
+<form method="post">
+  {% csrf_token %}
+  <div class="form-group">
+    <label class="form-label">Student *</label>
+    <select name="student" class="form-control" required>
+      <option value="">— Select student —</option>
+      {% for cls in classes %}
+        <optgroup label="{{ cls }}">
+          {% for student in cls.students.all %}
+          <option value="{{ student.pk }}">{{ student.full_name }} ({{ student.student_id }})</option>
+          {% endfor %}
+        </optgroup>
+      {% endfor %}
+    </select>
+  </div>
+  <div class="form-group">
+    <label class="form-label">Class *</label>
+    <select name="school_class" class="form-control" required>
+      <option value="">— Select class —</option>
+      {% for cls in classes %}
+      <option value="{{ cls.pk }}">{{ cls }}</option>
+      {% endfor %}
+    </select>
+  </div>
+  <div class="form-grid">
+    <div class="form-group">
+      <label class="form-label">Date *</label>
+      <input type="date" name="date" class="form-control" value="{% now 'Y-m-d' %}" required />
+    </div>
+    <div class="form-group">
+      <label class="form-label">Status *</label>
+      <select name="status" class="form-control" required>
+        <option value="present">✅ Present</option>
+        <option value="absent">❌ Absent</option>
+        <option value="late">⏰ Late</option>
+        <option value="excused">📋 Excused</option>
+      </select>
+    </div>
+  </div>
+  <div class="form-group">
+    <label class="form-label">Note</label>
+    <textarea name="note" class="form-control" rows="2" placeholder="Optional note…"></textarea>
+  </div>
+  <div style="display:flex;gap:10px;margin-top:8px;">
+    <button type="submit" class="btn btn-primary">
+      <i data-lucide="calendar-check" style="width:15px;height:15px;"></i> Mark Attendance
+    </button>
+    <a href="{% url 'attendance_list' %}" class="btn btn-secondary">Cancel</a>
+  </div>
+</form>
+</div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/attendance/report.html b/templates/attendance/report.html
new file mode 100644
index 0000000000000000000000000000000000000000..7856533872cc9499ecd9a46bb9d7992dc840ba25
--- /dev/null
+++ b/templates/attendance/report.html
@@ -0,0 +1,75 @@
+{% extends 'base.html' %}
+{% block title %}Attendance Report{% endblock %}
+{% block page_title %}Attendance Report{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+<h1 class="page-title">Attendance Report</h1>
+<p class="page-subtitle">Filter and analyze attendance records</p>
+</div>
+</div>
+
+<!-- Filters -->
+<div class="card" style="margin-bottom:20px;">
+<div class="card-header"><span class="card-title">🔍 Filters</span></div>
+<div class="card-body">
+<form method="get" style="display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;">
+  <div class="form-group" style="margin:0;">
+    <label class="form-label">Class</label>
+    <select name="class_id" class="form-control">
+      <option value="">All Classes</option>
+      {% for cls in classes %}
+      <option value="{{ cls.pk }}" {% if class_id == cls.pk|stringformat:"s" %}selected{% endif %}>{{ cls }}</option>
+      {% endfor %}
+    </select>
+  </div>
+  <div class="form-group" style="margin:0;">
+    <label class="form-label">From Date</label>
+    <input type="date" name="date_from" value="{{ date_from|default:'' }}" class="form-control" />
+  </div>
+  <div class="form-group" style="margin:0;">
+    <label class="form-label">To Date</label>
+    <input type="date" name="date_to" value="{{ date_to|default:'' }}" class="form-control" />
+  </div>
+  <button type="submit" class="btn btn-primary">Apply</button>
+</form>
+</div>
+</div>
+
+<div class="table-wrapper">
+<table>
+<thead>
+  <tr><th>Date</th><th>Student</th><th>Class</th><th>Status</th><th>Note</th></tr>
+</thead>
+<tbody>
+  {% for record in records %}
+  <tr>
+    <td style="font-weight:500;">{{ record.date|date:"M d, Y" }}</td>
+    <td>
+      <div style="display:flex;align-items:center;gap:8px;">
+        <div class="avatar-sm">{{ record.student.first_name|first }}</div>
+        {{ record.student.full_name }}
+      </div>
+    </td>
+    <td>{{ record.school_class }}</td>
+    <td>
+      <span class="badge {% if record.status == 'present' %}badge-success{% elif record.status == 'absent' %}badge-danger{% elif record.status == 'late' %}badge-warning{% else %}badge-cyan{% endif %}">
+        {{ record.get_status_display }}
+      </span>
+    </td>
+    <td style="font-size:13px;color:var(--text-secondary);">{{ record.note|default:"—" }}</td>
+  </tr>
+  {% empty %}
+  <tr><td colspan="5">
+    <div class="empty-state">
+      <div class="empty-state-icon">📊</div>
+      <div class="empty-state-title">No records found</div>
+      <div class="empty-state-text">Try adjusting your filters</div>
+    </div>
+  </td></tr>
+  {% endfor %}
+</tbody>
+</table>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000000000000000000000000000000000000..d915dc4732a506d57e369869415a5dc549050870
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,202 @@
+{% load static %}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>{% block title %}EduCore{% endblock %} — School Management</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
+  <!-- Lucide Icons -->
+  <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
+  <!-- GSAP + ScrollTrigger -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
+  <link rel="stylesheet" href="{% static 'css/main.css' %}" />
+  {% block extra_css %}{% endblock %}
+</head>
+<body>
+
+<div class="app-layout">
+
+  <!-- Sidebar Overlay (mobile) -->
+  <div id="sidebar-overlay" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:99;transition:.2s;"
+       onclick="this.classList.remove('active');document.querySelector('.sidebar').classList.remove('open')"></div>
+
+  <!-- ── SIDEBAR ── -->
+  <aside class="sidebar">
+    <a href="{% url 'dashboard' %}" class="sidebar-brand">
+      <div class="sidebar-brand-icon">🎓</div>
+      <div class="sidebar-brand-text">
+        <div class="sidebar-brand-name">EduCore</div>
+        <div class="sidebar-brand-sub">School Management</div>
+      </div>
+    </a>
+
+    <nav class="sidebar-nav">
+
+      <div class="nav-section-label">Main</div>
+
+      <div class="nav-item">
+        <a href="{% url 'dashboard' %}" class="nav-link {% if request.resolver_match.url_name == 'dashboard' %}active{% endif %}">
+          <i data-lucide="layout-dashboard" class="nav-icon"></i>
+          Dashboard
+        </a>
+      </div>
+
+      <div class="nav-section-label">Academic</div>
+
+      <div class="nav-item">
+        <a href="{% url 'student_list' %}" class="nav-link {% if 'student' in request.resolver_match.url_name %}active{% endif %}">
+          <i data-lucide="users" class="nav-icon"></i>
+          Students
+        </a>
+      </div>
+
+      <div class="nav-item">
+        <a href="{% url 'teacher_list' %}" class="nav-link {% if 'teacher' in request.resolver_match.url_name %}active{% endif %}">
+          <i data-lucide="user-check" class="nav-icon"></i>
+          Teachers
+        </a>
+      </div>
+
+      <div class="nav-item">
+        <a href="{% url 'class_list' %}" class="nav-link {% if 'class' in request.resolver_match.url_name %}active{% endif %}">
+          <i data-lucide="book-open" class="nav-icon"></i>
+          Classes
+        </a>
+      </div>
+
+      <div class="nav-item">
+        <a href="{% url 'subject_list' %}" class="nav-link {% if 'subject' in request.resolver_match.url_name %}active{% endif %}">
+          <i data-lucide="library" class="nav-icon"></i>
+          Subjects
+        </a>
+      </div>
+
+      <div class="nav-section-label">Tracking</div>
+
+      <div class="nav-item">
+        <a href="{% url 'attendance_list' %}" class="nav-link {% if 'attendance' in request.resolver_match.url_name %}active{% endif %}">
+          <i data-lucide="calendar-check" class="nav-icon"></i>
+          Attendance
+        </a>
+      </div>
+
+      <div class="nav-item">
+        <a href="{% url 'grade_list' %}" class="nav-link {% if 'grade' in request.resolver_match.url_name %}active{% endif %}">
+          <i data-lucide="bar-chart-2" class="nav-icon"></i>
+          Grades
+        </a>
+      </div>
+
+      <div class="nav-section-label">Communication</div>
+
+      <div class="nav-item">
+        <a href="{% url 'notice_list' %}" class="nav-link {% if 'notice' in request.resolver_match.url_name %}active{% endif %}">
+          <i data-lucide="bell" class="nav-icon"></i>
+          Notices
+        </a>
+      </div>
+
+      <div class="nav-section-label">Reports</div>
+
+      <div class="nav-item">
+        <a href="{% url 'attendance_report' %}" class="nav-link {% if request.resolver_match.url_name == 'attendance_report' %}active{% endif %}">
+          <i data-lucide="file-bar-chart" class="nav-icon"></i>
+          Attendance Report
+        </a>
+      </div>
+
+    </nav>
+
+    <div class="sidebar-footer">
+      {% if user.is_authenticated %}
+      <div style="display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:var(--surface-2);">
+        <div class="avatar" style="width:32px;height:32px;font-size:12px;">{{ user.username|first|upper }}</div>
+        <div style="flex:1;min-width:0;">
+          <div style="font-size:13px;font-weight:600;truncate;">{{ user.username }}</div>
+          <div style="font-size:11px;color:var(--text-muted);">Administrator</div>
+        </div>
+        <a href="{% url 'logout' %}" data-tooltip="Logout" style="color:var(--text-muted);display:flex;">
+          <i data-lucide="log-out" style="width:16px;height:16px;"></i>
+        </a>
+      </div>
+      {% endif %}
+    </div>
+  </aside>
+
+  <!-- ── MAIN CONTENT ── -->
+  <div class="main-content">
+
+    <!-- Topbar -->
+    <header class="topbar">
+      <button id="sidebar-toggle" class="icon-btn" style="display:none;" aria-label="Menu">
+        <i data-lucide="menu"></i>
+      </button>
+
+      <div class="topbar-title">{% block page_title %}Dashboard{% endblock %}</div>
+
+      <div class="topbar-search">
+        <i data-lucide="search" style="width:15px;height:15px;color:var(--text-muted);flex-shrink:0;"></i>
+        <input type="text" id="table-search" placeholder="Search anything…" />
+      </div>
+
+      <div class="topbar-actions">
+        <a href="{% url 'notice_list' %}" class="icon-btn" data-tooltip="Notices">
+          <i data-lucide="bell" style="width:18px;height:18px;"></i>
+        </a>
+        <a href="{% url 'student_add' %}" class="icon-btn" data-tooltip="Add Student">
+          <i data-lucide="user-plus" style="width:18px;height:18px;"></i>
+        </a>
+        <div class="avatar">{{ user.username|first|upper }}</div>
+      </div>
+    </header>
+
+    <!-- Messages -->
+    {% if messages %}
+    <div style="padding:12px 28px 0;">
+      {% for message in messages %}
+      <div class="alert alert-{{ message.tags }}">
+        <i data-lucide="{% if message.tags == 'success' %}check-circle{% elif message.tags == 'error' %}x-circle{% else %}info{% endif %}" style="width:16px;height:16px;flex-shrink:0;margin-top:1px;"></i>
+        <span>{{ message }}</span>
+        <button class="alert-close" style="margin-left:auto;background:none;border:none;cursor:pointer;opacity:.6;padding:0;">
+          <i data-lucide="x" style="width:14px;height:14px;"></i>
+        </button>
+      </div>
+      {% endfor %}
+    </div>
+    {% endif %}
+
+    <!-- Page Content -->
+    <main class="page-content">
+      {% block content %}{% endblock %}
+    </main>
+
+  </div><!-- /main-content -->
+</div><!-- /app-layout -->
+
+<script>
+  // Init Lucide icons
+  lucide.createIcons();
+
+  // Show sidebar toggle on mobile
+  if (window.innerWidth <= 768) {
+    document.getElementById('sidebar-toggle').style.display = 'flex';
+    // Fix overlay display
+    const ov = document.getElementById('sidebar-overlay');
+    ov.style.display = 'block';
+    ov.style.opacity = '0';
+    ov.style.pointerEvents = 'none';
+    document.getElementById('sidebar-toggle').addEventListener('click', () => {
+      const open = document.querySelector('.sidebar').classList.contains('open');
+      ov.style.opacity = open ? '1' : '0';
+      ov.style.pointerEvents = open ? 'auto' : 'none';
+    });
+  }
+</script>
+<script src="{% static 'js/main.js' %}"></script>
+{% block extra_js %}{% endblock %}
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/classes/detail.html b/templates/classes/detail.html
new file mode 100644
index 0000000000000000000000000000000000000000..4ba76e3a0e66f43a4748b16024eb8fa112f8faf3
--- /dev/null
+++ b/templates/classes/detail.html
@@ -0,0 +1,62 @@
+{% extends 'base.html' %}
+{% block title %}{{ school_class }}{% endblock %}
+{% block page_title %}Class Detail{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+<h1 class="page-title">{{ school_class.name }} — Section {{ school_class.section }}</h1>
+<p class="page-subtitle">Grade {{ school_class.grade_level }} &middot; {{ school_class.academic_year }} &middot; Room {{ school_class.room_number|default:"N/A" }}</p>
+</div>
+<a href="{% url 'class_list' %}" class="btn btn-secondary">
+<i data-lucide="arrow-left" style="width:15px;height:15px;"></i> Back
+</a>
+</div>
+
+<div class="card">
+<div class="card-header">
+  <span class="card-title">👨‍🎓 Students in this class ({{ students.count }})</span>
+  <a href="{% url 'student_add' %}" class="btn btn-primary btn-sm">
+    <i data-lucide="user-plus" style="width:13px;height:13px;"></i> Add Student
+  </a>
+</div>
+<div class="card-body" style="padding:0;">
+  <table>
+    <thead>
+      <tr><th>Student</th><th>ID</th><th>Email</th><th>Status</th><th>Actions</th></tr>
+    </thead>
+    <tbody>
+      {% for student in students %}
+      <tr>
+        <td>
+          <div style="display:flex;align-items:center;gap:10px;">
+            <div class="avatar-sm">{{ student.first_name|first }}</div>
+            <span style="font-weight:500;">{{ student.full_name }}</span>
+          </div>
+        </td>
+        <td><span class="badge badge-secondary">{{ student.student_id }}</span></td>
+        <td style="font-size:13px;color:var(--text-secondary);">{{ student.email }}</td>
+        <td>
+          <span class="badge {% if student.status == 'active' %}badge-success{% else %}badge-secondary{% endif %}">
+            {{ student.get_status_display }}
+          </span>
+        </td>
+        <td>
+          <a href="{% url 'student_detail' student.pk %}" class="btn btn-outline btn-sm">
+            <i data-lucide="eye" style="width:13px;height:13px;"></i>
+          </a>
+        </td>
+      </tr>
+      {% empty %}
+      <tr><td colspan="5">
+        <div class="empty-state" style="padding:32px;">
+          <div class="empty-state-icon">👨‍🎓</div>
+          <div class="empty-state-title">No students in this class</div>
+        </div>
+      </td></tr>
+      {% endfor %}
+    </tbody>
+  </table>
+</div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/classes/form.html b/templates/classes/form.html
new file mode 100644
index 0000000000000000000000000000000000000000..97c4f86b6b5277cf58531d5fb04022fabee07352
--- /dev/null
+++ b/templates/classes/form.html
@@ -0,0 +1,45 @@
+{% extends 'base.html' %}
+{% block title %}{{ title }}{% endblock %}
+{% block page_title %}{{ title }}{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left"><h1 class="page-title">{{ title }}</h1></div>
+<a href="{% url 'class_list' %}" class="btn btn-secondary"><i data-lucide="arrow-left" style="width:15px;height:15px;"></i> Back</a>
+</div>
+<div class="card" style="max-width:520px;">
+<div class="card-body">
+<form method="post">
+  {% csrf_token %}
+  <div class="form-group">
+    <label class="form-label">Class Name *</label>
+    <input type="text" name="name" value="{{ form.name.value|default:'' }}" class="form-control" placeholder="e.g. Grade 10 Science" required />
+  </div>
+  <div class="form-grid">
+    <div class="form-group">
+      <label class="form-label">Grade Level *</label>
+      <input type="number" name="grade_level" value="{{ form.grade_level.value|default:'' }}" class="form-control" min="1" max="13" required />
+    </div>
+    <div class="form-group">
+      <label class="form-label">Section</label>
+      <input type="text" name="section" value="{{ form.section.value|default:'A' }}" class="form-control" placeholder="A" />
+    </div>
+  </div>
+  <div class="form-grid">
+    <div class="form-group">
+      <label class="form-label">Room Number</label>
+      <input type="text" name="room_number" value="{{ form.room_number.value|default:'' }}" class="form-control" placeholder="e.g. 204" />
+    </div>
+    <div class="form-group">
+      <label class="form-label">Academic Year</label>
+      <input type="text" name="academic_year" value="{{ form.academic_year.value|default:'2024-2025' }}" class="form-control" />
+    </div>
+  </div>
+  <div style="display:flex;gap:10px;margin-top:8px;">
+    <button type="submit" class="btn btn-primary"><i data-lucide="save" style="width:15px;height:15px;"></i> Save Class</button>
+    <a href="{% url 'class_list' %}" class="btn btn-secondary">Cancel</a>
+  </div>
+</form>
+</div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/classes/list.html b/templates/classes/list.html
new file mode 100644
index 0000000000000000000000000000000000000000..5a8a7c0e2859f2d8cfccea53ef08ae1e29075e38
--- /dev/null
+++ b/templates/classes/list.html
@@ -0,0 +1,56 @@
+{% extends 'base.html' %}
+{% block title %}Classes{% endblock %}
+{% block page_title %}Classes{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+  <h1 class="page-title">Classes</h1>
+  <p class="page-subtitle">All school classes and sections</p>
+</div>
+<a href="{% url 'class_add' %}" class="btn btn-primary">
+  <i data-lucide="plus" style="width:15px;height:15px;"></i> New Class
+</a>
+</div>
+
+<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;">
+{% for cls in classes %}
+<a href="{% url 'class_detail' cls.pk %}" style="text-decoration:none;">
+  <div class="card" style="padding:20px;cursor:pointer;transition:all .2s;">
+    <div style="display:flex;align-items:center;gap:12px;margin-bottom:14px;">
+      <div style="width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:white;font-size:18px;font-weight:700;">
+        {{ cls.grade_level }}
+      </div>
+      <div>
+        <div style="font-weight:600;font-size:15px;color:var(--text-primary);">{{ cls.name }}</div>
+        <div style="font-size:12px;color:var(--text-muted);">Section {{ cls.section }}</div>
+      </div>
+    </div>
+    <div style="display:flex;justify-content:space-between;font-size:13px;">
+      <span style="color:var(--text-muted);">Students</span>
+      <span style="font-we
+Continuing seamlessly from inside the classes list template card, then completing all remaining templates and files.
+
+ight:600;color:var(--text-primary);">{{ cls.student_count }}</span>
+  </div>
+  <div style="display:flex;justify-content:space-between;font-size:13px;margin-top:6px;">
+    <span style="color:var(--text-muted);">Room</span>
+    <span style="font-weight:500;color:var(--text-primary);">{{ cls.room_number|default:"—" }}</span>
+  </div>
+  <div style="display:flex;justify-content:space-between;font-size:13px;margin-top:6px;">
+    <span style="color:var(--text-muted);">Year</span>
+    <span style="font-weight:500;color:var(--text-primary);">{{ cls.academic_year }}</span>
+  </div>
+</div>
+</a>
+{% empty %}
+<div style="grid-column:1/-1;">
+  <div class="empty-state">
+    <div class="empty-state-icon">🏫</div>
+    <div class="empty-state-title">No classes yet</div>
+    <div class="empty-state-text">Create your first class to get started</div>
+  </div>
+</div>
+{% endfor %}
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/dashboard.html b/templates/dashboard.html
new file mode 100644
index 0000000000000000000000000000000000000000..5af59bbf5b77f373adafbdd92375c2bd868b295c
--- /dev/null
+++ b/templates/dashboard.html
@@ -0,0 +1,173 @@
+{% extends 'base.html' %}
+{% block title %}Dashboard{% endblock %}
+{% block page_title %}Dashboard{% endblock %}
+
+{% block content %}
+
+<!-- Welcome Banner -->
+<div class="dashboard-banner" style="background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#06b6d4 100%);border-radius:var(--radius-xl);padding:28px 32px;margin-bottom:28px;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;position:relative;">
+  <div style="position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:rgba(255,255,255,.07);border-radius:50%;"></div>
+  <div style="position:absolute;bottom:-60px;right:120px;width:160px;height:160px;background:rgba(255,255,255,.05);border-radius:50%;"></div>
+  <div>
+    <h1 style="font-size:22px;font-weight:700;margin-bottom:6px;">Good morning! 👋</h1>
+    <p style="opacity:.85;font-size:14px;">Here's what's happening at your school today.</p>
+  </div>
+  <div style="display:flex;gap:10px;flex-shrink:0;">
+    <a href="{% url 'student_add' %}" class="btn" style="background:rgba(255,255,255,.2);color:white;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);">
+      <i data-lucide="user-plus" style="width:15px;height:15px;"></i>
+      Add Student
+    </a>
+    <a href="{% url 'notice_add' %}" class="btn" style="background:white;color:var(--primary);">
+      <i data-lucide="bell-plus" style="width:15px;height:15px;"></i>
+      New Notice
+    </a>
+  </div>
+</div>
+
+<!-- Stat Cards -->
+<div class="stat-grid">
+  <div class="stat-card" style="--stat-color:#4f46e5;--stat-soft:#eef2ff;">
+    <div class="stat-icon">👨‍🎓</div>
+    <div class="stat-info">
+      <div class="stat-value" data-count="{{ total_students }}">{{ total_students }}</div>
+      <div class="stat-label">Total Students</div>
+      <div class="stat-change up">↑ Active enrollment</div>
+    </div>
+  </div>
+  <div class="stat-card" style="--stat-color:#06b6d4;--stat-soft:#ecfeff;">
+    <div class="stat-icon">👩‍🏫</div>
+    <div class="stat-info">
+      <div class="stat-value" data-count="{{ total_teachers }}">{{ total_teachers }}</div>
+      <div class="stat-label">Teachers</div>
+      <div class="stat-change up">↑ On staff</div>
+    </div>
+  </div>
+  <div class="stat-card" style="--stat-color:#10b981;--stat-soft:#d1fae5;">
+    <div class="stat-icon">🏫</div>
+    <div class="stat-info">
+      <div class="stat-value" data-count="{{ total_classes }}">{{ total_classes }}</div>
+      <div class="stat-label">Classes</div>
+      <div class="stat-change up">↑ This year</div>
+    </div>
+  </div>
+  <div class="stat-card" style="--stat-color:#f59e0b;--stat-soft:#fef3c7;">
+    <div class="stat-icon">✅</div>
+    <div class="stat-info">
+      <div class="stat-value" data-count="{{ today_attendance }}">{{ today_attendance }}</div>
+      <div class="stat-label">Today's Attendance</div>
+      <div class="stat-change">Records today</div>
+    </div>
+  </div>
+</div>
+
+<!-- Content Grid -->
+<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">
+
+  <!-- Recent Notices -->
+  <div class="card">
+    <div class="card-header">
+      <span class="card-title">📢 Recent Notices</span>
+      <a href="{% url 'notice_add' %}" class="btn btn-primary btn-sm">
+        <i data-lucide="plus" style="width:13px;height:13px;"></i> New
+      </a>
+    </div>
+    <div class="card-body" style="padding:0;">
+      {% if recent_notices %}
+        {% for notice in recent_notices %}
+        <a href="{% url 'notice_detail' notice.pk %}" class="notice-card" style="display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border-light);text-decoration:none;transition:background var(--transition);" onmouseover="this.style.background='var(--surface-2)'" onmouseout="this.style.background=''">
+          <div style="width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0;background:{% if notice.priority == 'urgent' %}#7c3aed{% elif notice.priority == 'high' %}var(--danger){% elif notice.priority == 'medium' %}var(--warning){% else %}var(--success){% endif %};"></div>
+          <div style="flex:1;min-width:0;">
+            <div style="font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">{{ notice.title }}</div>
+            <div style="font-size:12px;color:var(--text-muted);margin-top:2px;">{{ notice.created_at|date:"M d, Y" }} &middot; {{ notice.get_audience_display }}</div>
+          </div>
+          <span class="badge {% if notice.priority == 'urgent' %}badge-primary{% elif notice.priority == 'high' %}badge-danger{% elif notice.priority == 'medium' %}badge-warning{% else %}badge-success{% endif %}">
+            {{ notice.get_priority_display }}
+          </span>
+        </a>
+        {% endfor %}
+      {% else %}
+        <div class="empty-state">
+          <div class="empty-state-icon">📭</div>
+          <div class="empty-state-title">No notices yet</div>
+          <div class="empty-state-text">Post your first announcement</div>
+        </div>
+      {% endif %}
+    </div>
+    <div class="card-footer">
+      <a href="{% url 'notice_list' %}" style="font-size:13px;color:var(--primary);text-decoration:none;font-weight:500;">View all notices →</a>
+    </div>
+  </div>
+
+  <!-- Recent Grades -->
+  <div class="card">
+    <div class="card-header">
+      <span class="card-title">📊 Recent Grades</span>
+      <a href="{% url 'grade_add' %}" class="btn btn-primary btn-sm">
+        <i data-lucide="plus" style="width:13px;height:13px;"></i> Add
+      </a>
+    </div>
+    <div class="card-body" style="padding:0;">
+      {% if recent_grades %}
+        <table style="width:100%;">
+          <thead>
+            <tr>
+              <th>Student</th>
+              <th>Subject</th>
+              <th>Score</th>
+              <th>Grade</th>
+            </tr>
+          </thead>
+          <tbody>
+            {% for grade in recent_grades %}
+            <tr>
+              <td>
+                <div style="display:flex;align-items:center;gap:8px;">
+                  <div class="avatar-sm">{{ grade.student.first_name|first }}</div>
+                  <span style="font-size:13px;">{{ grade.student.full_name }}</span>
+                </div>
+              </td>
+              <td><span class="badge badge-secondary">{{ grade.subject.name }}</span></td>
+              <td style="font-weight:600;">{{ grade.score }}/{{ grade.max_score }}</td>
+              <td>
+                <span class="grade-{% if grade.letter_grade == 'A+' %}a-plus{% elif grade.letter_grade == 'A' %}a{% elif grade.letter_grade == 'B' %}b{% elif grade.letter_grade == 'C' %}c{% elif grade.letter_grade == 'D' %}d{% else %}f{% endif %}">
+                  {{ grade.letter_grade }}
+                </span>
+              </td>
+            </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+      {% else %}
+        <div class="empty-state">
+          <div class="empty-state-icon">📝</div>
+          <div class="empty-state-title">No grades recorded</div>
+        </div>
+      {% endif %}
+    </div>
+    <div class="card-footer">
+      <a href="{% url 'grade_list' %}" style="font-size:13px;color:var(--primary);text-decoration:none;font-weight:500;">View all grades →</a>
+    </div>
+  </div>
+
+</div>
+
+<!-- Quick Actions -->
+<div class="card" style="margin-top:20px;">
+  <div class="card-header">
+    <span class="card-title">⚡ Quick Actions</span>
+  </div>
+  <div class="card-body">
+    <div style="display:flex;flex-wrap:wrap;gap:10px;">
+      <a href="{% url 'student_add' %}" class="btn btn-outline"><i data-lucide="user-plus" style="width:15px;height:15px;"></i> Add Student</a>
+      <a href="{% url 'teacher_add' %}" class="btn btn-outline"><i data-lucide="user-check" style="width:15px;height:15px;"></i> Add Teacher</a>
+      <a href="{% url 'class_add' %}" class="btn btn-outline"><i data-lucide="book-open" style="width:15px;height:15px;"></i> New Class</a>
+      <a href="{% url 'mark_attendance' %}" class="btn btn-outline"><i data-lucide="calendar-check" style="width:15px;height:15px;"></i> Mark Attendance</a>
+      <a href="{% url 'grade_add' %}" class="btn btn-outline"><i data-lucide="bar-chart-2" style="width:15px;height:15px;"></i> Record Grade</a>
+      <a href="{% url 'notice_add' %}" class="btn btn-outline"><i data-lucide="bell" style="width:15px;height:15px;"></i> Post Notice</a>
+      <a href="{% url 'subject_add' %}" class="btn btn-outline"><i data-lucide="library" style="width:15px;height:15px;"></i> Add Subject</a>
+      <a href="{% url 'attendance_report' %}" class="btn btn-outline"><i data-lucide="file-bar-chart" style="width:15px;height:15px;"></i> Attendance Report</a>
+    </div>
+  </div>
+</div>
+
+{% endblock %}
\ No newline at end of file
diff --git a/templates/grades/form.html b/templates/grades/form.html
new file mode 100644
index 0000000000000000000000000000000000000000..2937c6ccf91104f6b351fd5b0d0305daf21601d1
--- /dev/null
+++ b/templates/grades/form.html
@@ -0,0 +1,68 @@
+{% extends 'base.html' %}
+{% block title %}{{ title }}{% endblock %}
+{% block page_title %}{{ title }}{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left"><h1 class="page-title">{{ title }}</h1></div>
+<a href="{% url 'grade_list' %}" class="btn btn-secondary"><i data-lucide="arrow-left" style="width:15px;height:15px;"></i> Back</a>
+</div>
+<div class="card" style="max-width:560px;">
+<div class="card-body">
+<form method="post">
+  {% csrf_token %}
+  <div class="form-group">
+    <label class="form-label">Student *</label>
+    <select name="student" class="form-control" required>
+      <option value="">— Select student —</option>
+      {% for student in form.student.field.queryset %}
+      <option value="{{ student.pk }}" {% if form.student.value|stringformat:"s" == student.pk|stringformat:"s" %}selected{% endif %}>{{ student.full_name }} ({{ student.student_id }})</option>
+      {% endfor %}
+    </select>
+  </div>
+  <div class="form-grid">
+    <div class="form-group">
+      <label class="form-label">Subject *</label>
+      <select name="subject" class="form-control" required>
+        <option value="">— Select subject —</option>
+        {% for subject in form.subject.field.queryset %}
+        <option value="{{ subject.pk }}" {% if form.subject.value|stringformat:"s" == subject.pk|stringformat:"s" %}selected{% endif %}>{{ subject.name }}</option>
+        {% endfor %}
+      </select>
+    </div>
+    <div class="form-group">
+      <label class="form-label">Term *</label>
+      <select name="term" class="form-control" required>
+        <option value="1" {% if form.term.value == '1' %}selected{% endif %}>Term 1</option>
+        <option value="2" {% if form.term.value == '2' %}selected{% endif %}>Term 2</option>
+        <option value="3" {% if form.term.value == '3' %}selected{% endif %}>Term 3</option>
+        <option value="final" {% if form.term.value == 'final' %}selected{% endif %}>Final</option>
+      </select>
+    </div>
+  </div>
+  <div class="form-grid">
+    <div class="form-group">
+      <label class="form-label">Score *</label>
+      <input type="number" name="score" value="{{ form.score.value|default:'' }}" class="form-control" step="0.01" min="0" required />
+    </div>
+    <div class="form-group">
+      <label class="form-label">Max Score</label>
+      <input type="number" name="max_score" value="{{ form.max_score.value|default:'100' }}" class="form-control" step="0.01" min="1" />
+    </div>
+  </div>
+  <div class="form-group">
+    <label class="form-label">Academic Year</label>
+    <input type="text" name="academic_year" value="{{ form.academic_year.value|default:'2024-2025' }}" class="form-control" />
+  </div>
+  <div class="form-group">
+    <label class="form-label">Remarks</label>
+    <textarea name="remarks" class="form-control" rows="2" placeholder="Optional remarks…">{{ form.remarks.value|default:'' }}</textarea>
+  </div>
+  <div style="display:flex;gap:10px;margin-top:8px;">
+    <button type="submit" class="btn btn-primary"><i data-lucide="save" style="width:15px;height:15px;"></i> Save Grade</button>
+    <a href="{% url 'grade_list' %}" class="btn btn-secondary">Cancel</a>
+  </div>
+</form>
+</div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/grades/list.html b/templates/grades/list.html
new file mode 100644
index 0000000000000000000000000000000000000000..09d3fb186b05e7c217cdcccd59c5fe015c8f2e36
--- /dev/null
+++ b/templates/grades/list.html
@@ -0,0 +1,61 @@
+{% extends 'base.html' %}
+{% block title %}Grades{% endblock %}
+{% block page_title %}Grades{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+<h1 class="page-title">Grades</h1>
+<p class="page-subtitle">Recent grade records</p>
+</div>
+<a href="{% url 'grade_add' %}" class="btn btn-primary">
+<i data-lucide="plus" style="width:15px;height:15px;"></i> Record Grade
+</a>
+</div>
+
+<div class="table-wrapper">
+<table>
+<thead>
+  <tr><th>Student</th><th>Subject</th><th>Term</th><th>Score</th><th>%</th><th>Grade</th><th>Year</th><th>Remarks</th></tr>
+</thead>
+<tbody>
+  {% for grade in grades %}
+  <tr>
+    <td>
+      <div style="display:flex;align-items:center;gap:8px;">
+        <div class="avatar-sm">{{ grade.student.first_name|first }}</div>
+        <a href="{% url 'student_grades' grade.student.pk %}" style="font-weight:500;color:var(--primary);text-decoration:none;">{{ grade.student.full_name }}</a>
+      </div>
+    </td>
+    <td><span class="badge badge-secondary">{{ grade.subject.name }}</span></td>
+    <td>{{ grade.get_term_display }}</td>
+    <td style="font-weight:600;">{{ grade.score }}/{{ grade.max_score }}</td>
+    <td>
+      <div style="display:flex;align-items:center;gap:8px;">
+        <div class="progress" style="width:60px;">
+          <div class="progress-bar {% if grade.percentage >= 70 %}success{% elif grade.percentage >= 50 %}warning{% else %}danger{% endif %}"
+               style="width:{{ grade.percentage }}%;" data-width="{{ grade.percentage }}%"></div>
+        </div>
+        <span style="font-size:12px;color:var(--text-muted);">{{ grade.percentage }}%</span>
+      </div>
+    </td>
+    <td>
+      <span class="grade-{% if grade.letter_grade == 'A+' %}a-plus{% elif grade.letter_grade == 'A' %}a{% elif grade.letter_grade == 'B' %}b{% elif grade.letter_grade == 'C' %}c{% elif grade.letter_grade == 'D' %}d{% else %}f{% endif %}" style="font-size:16px;">
+        {{ grade.letter_grade }}
+      </span>
+    </td>
+    <td style="font-size:13px;color:var(--text-muted);">{{ grade.academic_year }}</td>
+    <td style="font-size:13px;color:var(--text-secondary);">{{ grade.remarks|default:"—"|truncatechars:40 }}</td>
+  </tr>
+  {% empty %}
+  <tr><td colspan="8">
+    <div class="empty-state">
+      <div class="empty-state-icon">📊</div>
+      <div class="empty-state-title">No grades recorded yet</div>
+    </div>
+  </td></tr>
+  {% endfor %}
+</tbody>
+</table>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/grades/student_grades.html b/templates/grades/student_grades.html
new file mode 100644
index 0000000000000000000000000000000000000000..718627b2ef6c8e26a94fcd431abd7e857a2f665b
--- /dev/null
+++ b/templates/grades/student_grades.html
@@ -0,0 +1,56 @@
+{% extends 'base.html' %}
+{% block title %}{{ student.full_name }} — Grades{% endblock %}
+{% block page_title %}Student Grades{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+<h1 class="page-title">{{ student.full_name }}</h1>
+<p class="page-subtitle">Grade report &middot; {{ student.student_id }}</p>
+</div>
+<div style="display:flex;gap:10px;">
+  <a href="{% url 'student_detail' student.pk %}" class="btn btn-secondary"><i data-lucide="arrow-left" style="width:15px;height:15px;"></i> Profile</a>
+  <a href="{% url 'grade_add' %}" class="btn btn-primary"><i data-lucide="plus" style="width:15px;height:15px;"></i> Add Grade</a>
+</div>
+</div>
+
+<div class="table-wrapper">
+<table>
+<thead>
+  <tr><th>Subject</th><th>Term</th><th>Score</th><th>Percentage</th><th>Grade</th><th>Year</th><th>Remarks</th></tr>
+</thead>
+<tbody>
+  {% for grade in grades %}
+  <tr>
+    <td style="font-weight:500;">{{ grade.subject.name }}</td>
+    <td>{{ grade.get_term_display }}</td>
+    <td style="font-weight:600;">{{ grade.score }}/{{ grade.max_score }}</td>
+    <td>
+      <div style="display:flex;align-items:center;gap:8px;">
+        <div class="progress" style="width:80px;">
+          <div class="progress-bar {% if grade.percentage >= 70 %}success{% elif grade.percentage >= 50 %}warning{% else %}danger{% endif %}"
+               style="width:{{ grade.percentage }}%;" data-width="{{ grade.percentage }}%"></div>
+        </div>
+        <span style="font-size:12px;">{{ grade.percentage }}%</span>
+      </div>
+    </td>
+    <td>
+      <span class="grade-{% if grade.letter_grade == 'A+' %}a-plus{% elif grade.letter_grade == 'A' %}a{% elif grade.letter_grade == 'B' %}b{% elif grade.letter_grade == 'C' %}c{% elif grade.letter_grade == 'D' %}d{% else %}f{% endif %}" style="font-size:18px;">
+        {{ grade.letter_grade }}
+      </span>
+    </td>
+    <td style="font-size:13px;color:var(--text-muted);">{{ grade.academic_year }}</td>
+    <td style="font-size:13px;color:var(--text-secondary);">{{ grade.remarks|default:"—" }}</td>
+  </tr>
+  {% empty %}
+  <tr><td colspan="7">
+    <div class="empty-state">
+      <div class="empty-state-icon">📝</div>
+      <div class="empty-state-title">No grades for this student</div>
+    </div>
+  </td></tr>
+  {% endfor %}
+</tbody>
+</table>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/login.html b/templates/login.html
new file mode 100644
index 0000000000000000000000000000000000000000..404e8f32128202f54e9242208ce036d9c4b0562d
--- /dev/null
+++ b/templates/login.html
@@ -0,0 +1,63 @@
+{% load static %}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Login — EduCore</title>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
+  <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
+  <link rel="stylesheet" href="{% static 'css/main.css' %}" />
+</head>
+<body>
+<div class="login-page">
+
+  <!-- Decorative blobs -->
+  <div style="position:fixed;top:-120px;left:-120px;width:400px;height:400px;background:rgba(255,255,255,.08);border-radius:50%;pointer-events:none;"></div>
+  <div style="position:fixed;bottom:-80px;right:-80px;width:300px;height:300px;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none;"></div>
+
+  <div class="login-card">
+    <div class="login-logo">🎓</div>
+    <h1 class="login-title">Welcome back</h1>
+    <p class="login-subtitle">Sign in to EduCore School Management</p>
+
+    {% if form.errors %}
+    <div class="alert alert-error">
+      <i data-lucide="alert-circle" style="width:16px;height:16px;flex-shrink:0;"></i>
+      <span>Invalid username or password. Please try again.</span>
+    </div>
+    {% endif %}
+
+    <form method="post">
+      {% csrf_token %}
+      <div class="form-group">
+        <label class="form-label" for="id_username">Username</label>
+        <div style="position:relative;">
+          <i data-lucide="user" style="position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none;"></i>
+          <input type="text" name="username" id="id_username" class="form-control" placeholder="Enter your username" style="padding-left:38px;" autofocus />
+        </div>
+      </div>
+      <div class="form-group">
+        <label class="form-label" for="id_password">Password</label>
+        <div style="position:relative;">
+          <i data-lucide="lock" style="position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none;"></i>
+          <input type="password" name="password" id="id_password" class="form-control" placeholder="Enter your password" style="padding-left:38px;" />
+        </div>
+      </div>
+      <input type="hidden" name="next" value="{{ next }}" />
+      <button type="submit" class="btn btn-primary w-full" style="justify-content:center;margin-top:8px;padding:12px;">
+        <i data-lucide="log-in" style="width:16px;height:16px;"></i>
+        Sign In
+      </button>
+    </form>
+
+    <p style="text-align:center;font-size:12px;color:var(--text-muted);margin-top:20px;">
+      EduCore v1.0 &mdash; School Management System
+    </p>
+  </div>
+</div>
+<script>lucide.createIcons();</script>
+<script src="{% static 'js/main.js' %}"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/notices/confirm_delete.html b/templates/notices/confirm_delete.html
new file mode 100644
index 0000000000000000000000000000000000000000..d11270c6663db4591c96e25d126606b9eab8394b
--- /dev/null
+++ b/templates/notices/confirm_delete.html
@@ -0,0 +1,35 @@
+{% extends 'base.html' %}
+{% block title %}Delete Notice{% endblock %}
+{% block page_title %}Delete Notice{% endblock %}
+
+{% block content %}
+<div style="max-width:480px;margin:0 auto;">
+<div cl
+
+Continuing seamlessly from inside the cut-off `confirm_delete.html` template, then completing all remaining files.
+
+<write path="school_system/templates/notices/confirm_delete.html">
+{% extends 'base.html' %}
+{% block title %}Delete Notice{% endblock %}
+{% block page_title %}Delete Notice{% endblock %}
+
+{% block content %}
+<div style="max-width:480px;margin:0 auto;">
+<div class="card">
+<div class="card-body" style="text-align:center;padding:40px 32px;">
+  <div style="font-size:48px;margin-bottom:16px;">⚠️</div>
+  <h2 style="font-size:20px;font-weight:700;margin-bottom:8px;">Delete Notice?</h2>
+  <p style="color:var(--text-muted);font-size:14px;margin-bottom:24px;">
+    You are about to permanently delete <strong>{{ notice.title }}</strong>. This action cannot be undone.
+  </p>
+  <form method="post" style="display:flex;gap:10px;justify-content:center;">
+    {% csrf_token %}
+    <button type="submit" class="btn btn-danger">
+      <i data-lucide="trash-2" style="width:15px;height:15px;"></i> Yes, Delete
+    </button>
+    <a href="{% url 'notice_list' %}" class="btn btn-secondary">Cancel</a>
+  </form>
+</div>
+</div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/notices/detail.html b/templates/notices/detail.html
new file mode 100644
index 0000000000000000000000000000000000000000..5f8d7e91dd2bde5c5bf554e2e23e70fa897ba747
--- /dev/null
+++ b/templates/notices/detail.html
@@ -0,0 +1,33 @@
+{% extends 'base.html' %}
+{% block title %}{{ notice.title }}{% endblock %}
+{% block page_title %}Notice{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+<h1 class="page-title">{{ notice.title }}</h1>
+<p class="page-subtitle">Posted {{ notice.created_at|date:"F d, Y" }}</p>
+</div>
+<div style="display:flex;gap:10px;">
+  <a href="{% url 'notice_list' %}" class="btn btn-secondary"><i data-lucide="arrow-left" style="width:15px;height:15px;"></i> Back</a>
+  <a href="{% url 'notice_delete' notice.pk %}" class="btn btn-outline" style="color:var(--danger);"><i data-lucide="trash-2" style="width:15px;height:15px;"></i> Delete</a>
+</div>
+</div>
+
+<div class="card" style="max-width:720px;">
+<div class="card-body" style="padding:28px;">
+  <div style="display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;">
+    <span class="badge {% if notice.priority == 'urgent' %}badge-primary{% elif notice.priority == 'high' %}badge-danger{% elif notice.priority == 'medium' %}badge-warning{% else %}badge-success{% endif %}" style="font-size:13px;padding:5px 14px;">
+      {{ notice.get_priority_display }} Priority
+    </span>
+    <span class="badge badge-secondary" style="font-size:13px;padding:5px 14px;">{{ notice.get_audience_display }}</span>
+    {% if not notice.is_active %}<span class="badge badge-secondary" style="font-size:13px;padding:5px 14px;">Inactive</span>{% endif %}
+  </div>
+  <div style="font-size:15px;line-height:1.8;color:var(--text-secondary);white-space:pre-wrap;">{{ notice.content }}</div>
+  <div style="margin-top:24px;padding-top:16px;border-top:1px solid var(--border-light);font-size:13px;color:var(--text-muted);">
+    {% if notice.author %}Posted by <strong>{{ notice.author.username }}</strong> &middot; {% endif %}
+    {{ notice.created_at|date:"F d, Y \a\t H:i" }}
+  </div>
+</div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/notices/form.html b/templates/notices/form.html
new file mode 100644
index 0000000000000000000000000000000000000000..0484b5ac4097890f5e0d86e5d2acca7b82074918
--- /dev/null
+++ b/templates/notices/form.html
@@ -0,0 +1,55 @@
+{% extends 'base.html' %}
+{% block title %}{{ title }}{% endblock %}
+{% block page_title %}{{ title }}{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left"><h1 class="page-title">{{ title }}</h1></div>
+<a href="{% url 'notice_list' %}" class="btn btn-secondary"><i data-lucide="arrow-left" style="width:15px;height:15px;"></i> Back</a>
+</div>
+<div class="card" style="max-width:640px;">
+<div class="card-body">
+<form method="post">
+  {% csrf_token %}
+  <div class="form-group">
+    <label class="form-label">Title *</label>
+    <input type="text" name="title" value="{{ form.title.value|default:'' }}" class="form-control" placeholder="Notice title…" required />
+  </div>
+  <div class="form-grid">
+    <div class="form-group">
+      <label class="form-label">Priority</label>
+      <select name="priority" class="form-control">
+        <option value="low" {% if form.priority.value == 'low' %}selected{% endif %}>🟢 Low</option>
+        <option value="medium" {% if form.priority.value == 'medium' or not form.priority.value %}selected{% endif %}>🟡 Medium</option>
+        <option value="high" {% if form.priority.value == 'high' %}selected{% endif %}>🔴 High</option>
+        <option value="urgent" {% if form.priority.value == 'urgent' %}selected{% endif %}>🚨 Urgent</option>
+      </select>
+    </div>
+    <div class="form-group">
+      <label class="form-label">Audience</label>
+      <select name="audience" class="form-control">
+        <option value="all" {% if form.audience.value == 'all' or not form.audience.value %}selected{% endif %}>Everyone</option>
+        <option value="students" {% if form.audience.value == 'students' %}selected{% endif %}>Students</option>
+        <option value="teachers" {% if form.audience.value == 'teachers' %}selected{% endif %}>Teachers</option>
+        <option value="parents" {% if form.audience.value == 'parents' %}selected{% endif %}>Parents</option>
+      </select>
+    </div>
+  </div>
+  <div class="form-group">
+    <label class="form-label">Content *</label>
+    <textarea name="content" class="form-control" rows="6" placeholder="Write your announcement here…" required>{{ form.content.value|default:'' }}</textarea>
+  </div>
+  <div class="form-group">
+    <label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);">
+      <input type="checkbox" name="is_active" {% if form.is_active.value != False %}checked{% endif %} style="accent-color:var(--primary);width:16px;height:16px;" />
+      Publish immediately (active)
+    </label>
+  </div>
+  <div style="display:flex;gap:10px;margin-top:8px;">
+    <button type="submit" class="btn btn-primary"><i data-lucide="send" style="width:15px;height:15px;"></i> Publish Notice</button>
+    <a href="{% url 'notice_list' %}" class="btn btn-secondary">Cancel</a>
+  </div>
+</form>
+</div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/notices/list.html b/templates/notices/list.html
new file mode 100644
index 0000000000000000000000000000000000000000..5e3774695bc4ef6f512dc26aecdc6cbb0ffbd255
--- /dev/null
+++ b/templates/notices/list.html
@@ -0,0 +1,50 @@
+{% extends 'base.html' %}
+{% block title %}Notices{% endblock %}
+{% block page_title %}Notices{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+<h1 class="page-title">Notices & Announcements</h1>
+<p class="page-subtitle">School-wide communications</p>
+</div>
+<a href="{% url 'notice_add' %}" class="btn btn-primary">
+<i data-lucide="bell-plus" style="width:15px;height:15px;"></i> New Notice
+</a>
+</div>
+
+<div style="display:flex;flex-direction:column;gap:14px;">
+{% for notice in notices %}
+<div class="card notice-card" style="border-left:4px solid {% if notice.priority == 'urgent' %}#7c3aed{% elif notice.priority == 'high' %}var(--danger){% elif notice.priority == 'medium' %}var(--warning){% else %}var(--success){% endif %};">
+<div class="card-body" style="padding:18px 20px;">
+  <div style="display:flex;align-items:flex-start;justify-content:space-between;gap:12px;">
+    <div style="flex:1;min-width:0;">
+      <div style="display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap;">
+        <a href="{% url 'notice_detail' notice.pk %}" style="font-size:16px;font-weight:600;color:var(--text-primary);text-decoration:none;">{{ notice.title }}</a>
+        <span class="badge {% if notice.priority == 'urgent' %}badge-primary{% elif notice.priority == 'high' %}badge-danger{% elif notice.priority == 'medium' %}badge-warning{% else %}badge-success{% endif %}">
+          {{ notice.get_priority_display }}
+        </span>
+        <span class="badge badge-secondary">{{ notice.get_audience_display }}</span>
+      </div>
+      <p style="font-size:14px;color:var(--text-secondary);margin-bottom:8px;">{{ notice.content|truncatechars:160 }}</p>
+      <div style="font-size:12px;color:var(--text-muted);">
+        Posted {{ notice.created_at|date:"M d, Y" }}
+        {% if notice.author %} by <strong>{{ notice.author.username }}</strong>{% endif %}
+      </div>
+    </div>
+    <div style="display:flex;gap:6px;flex-shrink:0;">
+      <a href="{% url 'notice_detail' notice.pk %}" class="btn btn-outline btn-sm"><i data-lucide="eye" style="width:13px;height:13px;"></i></a>
+      <a href="{% url 'notice_delete' notice.pk %}" class="btn btn-outline btn-sm" style="color:var(--danger);"><i data-lucide="trash-2" style="width:13px;height:13px;"></i></a>
+    </div>
+  </div>
+</div>
+</div>
+{% empty %}
+<div class="empty-state">
+  <div class="empty-state-icon">📭</div>
+  <div class="empty-state-title">No notices yet</div>
+  <div class="empty-state-text">Post your first announcement</div>
+</div>
+{% endfor %}
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/students/confirm_delete.html b/templates/students/confirm_delete.html
new file mode 100644
index 0000000000000000000000000000000000000000..97343e4b651f48ac0efebd5a671f1ae1ccacf240
--- /dev/null
+++ b/templates/students/confirm_delete.html
@@ -0,0 +1,24 @@
+{% extends 'base.html' %}
+{% block title %}Delete Student{% endblock %}
+{% block page_title %}Delete Student{% endblock %}
+
+{% block content %}
+<div style="max-width:480px;margin:0 auto;">
+<div class="card">
+  <div class="card-body" style="text-align:center;padding:40px 32px;">
+    <div style="font-size:48px;margin-bottom:16px;">⚠️</div>
+    <h2 style="font-size:20px;font-weight:700;margin-bottom:8px;">Delete Student?</h2>
+    <p style="color:var(--text-muted);font-size:14px;margin-bottom:24px;">
+      You are about to permanently delete <strong>{{ student.full_name }}</strong> ({{ student.student_id }}). This action cannot be undone.
+    </p>
+    <form method="post" style="display:flex;gap:10px;justify-content:center;">
+      {% csrf_token %}
+      <button type="submit" class="btn btn-danger">
+        <i data-lucide="trash-2" style="width:15px;height:15px;"></i> Yes, Delete
+      </button>
+      <a href="{% url 'student_list' %}" class="btn btn-secondary">Cancel</a>
+    </form>
+  </div>
+</div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/students/detail.html b/templates/students/detail.html
new file mode 100644
index 0000000000000000000000000000000000000000..3a4da7a89634fb92e62b9d0d9de1b5f8f33f0440
--- /dev/null
+++ b/templates/students/detail.html
@@ -0,0 +1,103 @@
+{% extends 'base.html' %}
+{% block title %}{{ student.full_name }}{% endblock %}
+{% block page_title %}Student Profile{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+  <h1 class="page-title">{{ student.full_name }}</h1>
+  <p class="page-subtitle">Student ID: {{ student.student_id }}</p>
+</div>
+<div style="display:flex;gap:10px;">
+  <a href="{% url 'student_grades' student.pk %}" class="btn btn-outline">
+    <i data-lucide="bar-chart-2" style="width:15px;height:15px;"></i> Grades
+  </a>
+  <a href="{% url 'student_edit' student.pk %}" class="btn btn-primary">
+    <i data-lucide="pencil" style="width:15px;height:15px;"></i> Edit
+  </a>
+</div>
+</div>
+
+<div style="display:grid;grid-template-columns:300px 1fr;gap:20px;">
+
+<!-- Profile Card -->
+<div class="card" style="align-self:start;">
+  <div class="card-body" style="text-align:center;padding:28px 20px;">
+    <div style="width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:32px;color:white;font-weight:700;margin:0 auto 16px;">
+      {{ student.first_name|first }}
+    </div>
+    <h2 style="font-size:18px;font-weight:700;">{{ student.full_name }}</h2>
+    <p style="color:var(--text-muted);font-size:13px;margin-top:4px;">{{ student.email }}</p>
+    <div style="margin-top:16px;">
+      <span class="badge {% if student.status == 'active' %}badge-success{% elif student.status == 'graduated' %}badge-cyan{% else %}badge-secondary{% endif %}" style="font-size:13px;padding:5px 14px;">
+        {{ student.get_status_display }}
+      </span>
+    </div>
+  </div>
+  <div style="border-top:1px solid var(--border-light);padding:16px 20px;display:flex;flex-direction:column;gap:10px;">
+    <div style="display:flex;justify-content:space-between;font-size:13px;">
+      <span style="color:var(--text-muted);">Class</span>
+      <span style="font-weight:500;">{{ student.school_class|default:"Not assigned" }}</span>
+    </div>
+    <div style="display:flex;justify-content:space-between;font-size:13px;">
+      <span style="color:var(--text-muted);">Gender</span>
+      <span style="font-weight:500;">{{ student.get_gender_display }}</span>
+    </div>
+    <div style="display:flex;justify-content:space-between;font-size:13px;">
+      <span style="color:var(--text-muted);">Date of Birth</span>
+      <span style="font-weight:500;">{{ student.date_of_birth|date:"M d, Y"|default:"—" }}</span>
+    </div>
+    <div style="display:flex;justify-content:space-between;font-size:13px;">
+      <span style="color:var(--text-muted);">Phone</span>
+      <span style="font-weight:500;">{{ student.phone|default:"—" }}</span>
+    </div>
+    <div style="display:flex;justify-content:space-between;font-size:13px;">
+      <span style="color:var(--text-muted);">Enrolled</span>
+      <span style="font-weight:500;">{{ student.enrollment_date|date:"M d, Y" }}</span>
+    </div>
+  </div>
+</div>
+
+<!-- Details -->
+<div style="display:flex;flex-direction:column;gap:20px;">
+
+  <!-- Attendance Summary -->
+  <div class="card">
+    <div class="card-header">
+      <span class="card-title">📅 Attendance</span>
+      <a href="{% url 'mark_attendance' %}" class="btn btn-outline btn-sm">Mark</a>
+    </div>
+    <div class="card-body">
+      {% with attendances=student.attendances.all %}
+      {% if attendances %}
+        <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px;">
+          {% with present=student.attendances.filter %}
+          <div style="text-align:center;padding:12px;background:var(--success-soft);border-radius:var(--radius-md);">
+            <div style="font-size:22px;font-weight:700;color:var(--success);">{{ student.attendances.all|length }}</div>
+            <div style="font-size:12px;color:var(--success);">Total Records</div>
+          </div>
+          {% endwith %}
+        </div>
+      {% else %}
+        <div class="empty-state" style="padding:24px;">
+          <div class="empty-state-icon">📅</div>
+          <div class="empty-state-title">No attendance records</div>
+        </div>
+      {% endif %}
+      {% endwith %}
+    </div>
+  </div>
+
+  <!-- Address -->
+  {% if student.address %}
+  <div class="card">
+    <div class="card-header"><span class="card-title">📍 Address</span></div>
+    <div class="card-body">
+      <p style="font-size:14px;color:var(--text-secondary);">{{ student.address }}</p>
+    </div>
+  </div>
+  {% endif %}
+
+</div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/students/form.html b/templates/students/form.html
new file mode 100644
index 0000000000000000000000000000000000000000..295e7f316ca2778a58e8846d2eeb4bf1bfe9bcb3
--- /dev/null
+++ b/templates/students/form.html
@@ -0,0 +1,100 @@
+{% extends 'base.html' %}
+{% block title %}{{ title }}{% endblock %}
+{% block page_title %}{{ title }}{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+  <h1 class="page-title">{{ title }}</h1>
+  <p class="page-subtitle">{% if student %}Update student information{% else %}Enroll a new student{% endif %}</p>
+</div>
+<a href="{% url 'student_list' %}" class="btn btn-secondary">
+  <i data-lucide="arrow-left" style="width:15px;height:15px;"></i> Back
+</a>
+</div>
+
+<div class="card" style="max-width:760px;">
+<div class="card-body">
+  <form method="post" enctype="multipart/form-data">
+    {% csrf_token %}
+    <div class="form-grid">
+      <div class="form-group">
+        <label class="form-label">First Name *</label>
+        <input type="text" name="first_name" value="{{ form.first_name.value|default:'' }}" class="form-control" placeholder="First name" required />
+        {% if form.first_name.errors %}<div style="color:var(--danger);font-size:12px;margin-top:4px;">{{ form.first_name.errors.0 }}</div>{% endif %}
+      </div>
+      <div class="form-group">
+        <label class="form-label">Last Name *</label>
+        <input type="text" name="last_name" value="{{ form.last_name.value|default:'' }}" class="form-control" placeholder="Last name" required />
+      </div>
+    </div>
+    <div class="form-grid">
+      <div class="form-group">
+        <label class="form-label">Student ID *</label>
+        <input type="text" name="student_id" value="{{ form.student_id.value|default:'' }}" class="form-control" placeholder="e.g. STU-2024-001" required />
+        {% if form.student_id.errors %}<div style="color:var(--danger);font-size:12px;margin-top:4px;">{{ form.student_id.errors.0 }}</div>{% endif %}
+      </div>
+      <div class="form-group">
+        <label class="form-label">Email *</label>
+        <input type="email" name="email" value="{{ form.email.value|default:'' }}" class="form-control" placeholder="student@school.edu" required />
+        {% if form.email.errors %}<div style="color:var(--danger);font-size:12px;margin-top:4px;">{{ form.email.errors.0 }}</div>{% endif %}
+      </div>
+    </div>
+    <div class="form-grid">
+      <div class="form-group">
+        <label class="form-label">Phone</label>
+        <input type="text" name="phone" value="{{ form.phone.value|default:'' }}" class="form-control" placeholder="+1 234 567 8900" />
+      </div>
+      <div class="form-group">
+        <label class="form-label">Date of Birth</label>
+        <input type="date" name="date_of_birth" value="{{ form.date_of_birth.value|default:'' }}" class="form-control" />
+      </div>
+    </div>
+    <div class="form-grid">
+      <div class="form-group">
+        <label class="form-label">Gender</label>
+        <select name="gender" class="form-control">
+          <option value="M" {% if form.gender.value == 'M' %}selected{% endif %}>Male</option>
+          <option value="F" {% if form.gender.value == 'F' %}selected{% endif %}>Female</option>
+          <option value="O" {% if form.gender.value == 'O' %}selected{% endif %}>Other</option>
+        </select>
+      </div>
+      <div class="form-group">
+        <label class="form-label">Class</label>
+        <select name="school_class" class="form-control">
+          <option value="">— Not assigned —</option>
+          {% for cls in form.school_class.field.queryset %}
+          <option value="{{ cls.pk }}" {% if form.school_class.value|stringformat:"s" == cls.pk|stringformat:"s" %}selected{% endif %}>{{ cls }}</option>
+          {% endfor %}
+        </select>
+      </div>
+    </div>
+    <div class="form-grid">
+      <div class="form-group">
+        <label class="form-label">Status</label>
+        <select name="status" class="form-control">
+          <option value="active" {% if form.status.value == 'active' %}selected{% endif %}>Active</option>
+          <option value="inactive" {% if form.status.value == 'inactive' %}selected{% endif %}>Inactive</option>
+          <option value="graduated" {% if form.status.value == 'graduated' %}selected{% endif %}>Graduated</option>
+        </select>
+      </div>
+      <div class="form-group">
+        <label class="form-label">Photo</label>
+        <input type="file" name="photo" class="form-control" accept="image/*" />
+      </div>
+    </div>
+    <div class="form-group">
+      <label class="form-label">Address</label>
+      <textarea name="address" class="form-control" rows="3" placeholder="Student's home address">{{ form.address.value|default:'' }}</textarea>
+    </div>
+    <div style="display:flex;gap:10px;margin-top:8px;">
+      <button type="submit" class="btn btn-primary">
+        <i data-lucide="save" style="width:15px;height:15px;"></i>
+        {% if student %}Update Student{% else %}Add Student{% endif %}
+      </button>
+      <a href="{% url 'student_list' %}" class="btn btn-secondary">Cancel</a>
+    </div>
+  </form>
+</div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/students/list.html b/templates/students/list.html
new file mode 100644
index 0000000000000000000000000000000000000000..e2198b028ac065205ae71e2a302502939ecafe86
--- /dev/null
+++ b/templates/students/list.html
@@ -0,0 +1,143 @@
+{% extends 'base.html' %}
+{% block title %}Students{% endblock %}
+{% block page_title %}Students{% endblock %}
+
+{% block content %}
+<div class="page-header">
+  <div class="page-header-left">
+    <h1 class="page-title">Students</h1>
+    <p class="page-subtitle">Manage all enrolled students</p>
+  </div>
+  <a href="{% url 'student_add' %}" class="btn btn-primary">
+    <i data-lucide="user-plus" style="width:15px;height:15px;"></i>
+    Add Student
+  </a>
+</div>
+
+<!-- Search -->
+<div class="card" style="margin-bottom:20px;">
+  <div class="card-body" style="padding:14px 20px;">
+    <form method="get" style="display:flex;gap:10px;align-items:center;">
+      <div class="search-bar" style="flex:1;">
+        <i data-lucide="search" style="width:15px;height:15px;color:var(--text-muted);"></i>
+        <input type="text" name="q" value="{{ query }}" placeholder="Search by name or student ID…" />
+      </div>
+      <button type="submit" class="btn btn-primary">Search</button>
+      {% if query %}<a href="{% url 'student_list' %}" class="btn btn-secondary">Clear</a>{% endif %}
+    </form>
+  </div>
+</div>
+
+<div class="table-wrapper">
+  <table>
+    <thead>
+      <tr>
+        <th>Student</th>
+        <th>ID</th>
+        <th>Class</th>
+        <th>Email</th>
+        <th>Status</th>
+        <th>Enrolled</th>
+        <th>Actions</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for student in students %}
+      <tr>
+        <td>
+         
+Continuing seamlessly from inside the students list template, then completing all remaining templates and files.
+
+<write path="school_system/templates/students/list.html">
+{% extends 'base.html' %}
+{% block title %}Students{% endblock %}
+{% block page_title %}Students{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+  <h1 class="page-title">Students</h1>
+  <p class="page-subtitle">Manage all enrolled students</p>
+</div>
+<a href="{% url 'student_add' %}" class="btn btn-primary">
+  <i data-lucide="user-plus" style="width:15px;height:15px;"></i>
+  Add Student
+</a>
+</div>
+
+<div class="card" style="margin-bottom:20px;">
+<div class="card-body" style="padding:14px 20px;">
+  <form method="get" style="display:flex;gap:10px;align-items:center;">
+    <div class="search-bar" style="flex:1;">
+      <i data-lucide="search" style="width:15px;height:15px;color:var(--text-muted);"></i>
+      <input type="text" name="q" value="{{ query }}" placeholder="Search by name or student ID…" />
+    </div>
+    <button type="submit" class="btn btn-primary">Search</button>
+    {% if query %}<a href="{% url 'student_list' %}" class="btn btn-secondary">Clear</a>{% endif %}
+  </form>
+</div>
+</div>
+
+<div class="table-wrapper">
+<table>
+  <thead>
+    <tr>
+      <th>Student</th>
+      <th>ID</th>
+      <th>Class</th>
+      <th>Email</th>
+      <th>Status</th>
+      <th>Enrolled</th>
+      <th>Actions</th>
+    </tr>
+  </thead>
+  <tbody>
+    {% for student in students %}
+    <tr>
+      <td>
+        <div style="display:flex;align-items:center;gap:10px;">
+          <div class="avatar-sm">{{ student.first_name|first }}</div>
+          <div>
+            <div style="font-weight:500;">{{ student.full_name }}</div>
+            <div style="font-size:12px;color:var(--text-muted);">{{ student.gender }}</div>
+          </div>
+        </div>
+      </td>
+      <td><span class="badge badge-secondary">{{ student.student_id }}</span></td>
+      <td>{{ student.school_class|default:"—" }}</td>
+      <td style="color:var(--text-secondary);font-size:13px;">{{ student.email }}</td>
+      <td>
+        <span class="badge {% if student.status == 'active' %}badge-success{% elif student.status == 'graduated' %}badge-cyan{% else %}badge-secondary{% endif %}">
+          {{ student.get_status_display }}
+        </span>
+      </td>
+      <td style="color:var(--text-muted);font-size:13px;">{{ student.enrollment_date|date:"M d, Y" }}</td>
+      <td>
+        <div style="display:flex;gap:6px;">
+          <a href="{% url 'student_detail' student.pk %}" class="btn btn-outline btn-sm" data-tooltip="View">
+            <i data-lucide="eye" style="width:13px;height:13px;"></i>
+          </a>
+          <a href="{% url 'student_edit' student.pk %}" class="btn btn-outline btn-sm" data-tooltip="Edit">
+            <i data-lucide="pencil" style="width:13px;height:13px;"></i>
+          </a>
+          <a href="{% url 'student_delete' student.pk %}" class="btn btn-outline btn-sm" style="color:var(--danger);" data-tooltip="Delete">
+            <i data-lucide="trash-2" style="width:13px;height:13px;"></i>
+          </a>
+        </div>
+      </td>
+    </tr>
+    {% empty %}
+    <tr>
+      <td colspan="7">
+        <div class="empty-state">
+          <div class="empty-state-icon">👨‍🎓</div>
+          <div class="empty-state-title">No students found</div>
+          <div class="empty-state-text">{% if query %}Try a different search term{% else %}Add your first student to get started{% endif %}</div>
+        </div>
+      </td>
+    </tr>
+    {% endfor %}
+  </tbody>
+</table>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/teachers/detail.html b/templates/teachers/detail.html
new file mode 100644
index 0000000000000000000000000000000000000000..c2c9d5aec0522496f0512343bf1a112d41b78c10
--- /dev/null
+++ b/templates/teachers/detail.html
@@ -0,0 +1,68 @@
+{% extends 'base.html' %}
+{% block title %}{{ teacher.full_name }}{% endblock %}
+{% block page_title %}Teacher Profile{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+  <h1 class="page-title">{{ teacher.full_name }}</h1>
+  <p class="page-subtitle">Teacher ID: {{ teacher.teacher_id }}</p>
+</div>
+<a href="{% url 'teacher_edit' teacher.pk %}" class="btn btn-primary">
+  <i data-lucide="pencil" style="width:15px;height:15px;"></i> Edit
+</a>
+</div>
+
+<div style="display:grid;grid-template-columns:280px 1fr;gap:20px;">
+<div class="card" style="align-self:start;">
+  <div class="card-body" style="text-align:center;padding:28px 20px;">
+    <div style="width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#0891b2);display:flex;align-items:center;justify-content:center;font-size:32px;color:white;font-weight:700;margin:0 auto 16px;">
+      {{ teacher.first_name|first }}
+    </div>
+    <h2 style="font-size:18px;font-weight:700;">{{ teacher.full_name }}</h2>
+    <p style="color:var(--text-muted);font-size:13px;margin-top:4px;">{{ teacher.email }}</p>
+    <div style="margin-top:12px;">
+      <span class="badge {% if teacher.is_active %}badge-success{% else %}badge-secondary{% endif %}">
+        {% if teacher.is_active %}Active{% else %}Inactive{% endif %}
+      </span>
+    </div>
+  </div>
+  <div style="border-top:1px solid var(--border-light);padding:16px 20px;display:flex;flex-direction:column;gap:10px;">
+    <div style="display:flex;justify-content:space-between;font-size:13px;">
+      <span style="color:var(--text-muted);">Phone</span>
+      <span style="font-weight:500;">{{ teacher.phone|default:"—" }}</span>
+    </div>
+    <div style="display:flex;justify-content:space-between;font-size:13px;">
+      <span style="color:var(--text-muted);">Gender</span>
+      <span style="font-weight:500;">{{ teacher.get_gender_display }}</span>
+    </div>
+    <div style="display:flex;justify-content:space-between;font-size:13px;">
+      <span style="color:var(--text-muted);">Hired</span>
+      <span style="font-weight:500;">{{ teacher.hire_date|date:"M d, Y" }}</span>
+    </div>
+    <div style="display:flex;justify-content:space-between;font-size:13px;">
+      <span style="color:var(--text-muted);">Qualification</span>
+      <span style="font-weight:500;">{{ teacher.qualification|default:"—" }}</span>
+    </div>
+  </div>
+</div>
+
+<div class="card">
+  <div class="card-header"><span class="card-title">📚 Subjects Taught</span></div>
+  <div class="card-body">
+    {% if teacher.subjects.all %}
+      <div style="display:flex;flex-wrap:wrap;gap:8px;">
+        {% for subject in teacher.subjects.all %}
+        <span class="badge badge-primary" style="font-size:13px;padding:6px 14px;">{{ subject.name }} <span style="opacity:.7;">({{ subject.code }})</span></span>
+        {% endfor %}
+      </div>
+    {% else %}
+      <div class="empty-state" style="padding:24px;">
+        <div class="empty-state-icon">📚</div>
+        <div class="empty-state-title">No subjects assigned</div>
+      </div>
+    {% endif %}
+  </div>
+</div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/teachers/form.html b/templates/teachers/form.html
new file mode 100644
index 0000000000000000000000000000000000000000..1729e823961cb93e3dd1e6d8dba0a05040e51c5f
--- /dev/null
+++ b/templates/teachers/form.html
@@ -0,0 +1,93 @@
+{% extends 'base.html' %}
+{% block title %}{{ title }}{% endblock %}
+{% block page_title %}{{ title }}{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+  <h1 class="page-title">{{ title }}</h1>
+</div>
+<a href="{% url 'teacher_list' %}" class="btn btn-secondary">
+  <i data-lucide="arrow-left" style="width:15px;height:15px;"></i> Back
+</a>
+</div>
+
+<div class="card" style="max-width:760px;">
+<div class="card-body">
+  <form method="post" enctype="multipart/form-data">
+    {% csrf_token %}
+    <div class="form-grid">
+      <div class="form-group">
+        <label class="form-label">First Name *</label>
+        <input type="text" name="first_name" value="{{ form.first_name.value|default:'' }}" class="form-control" required />
+      </div>
+      <div class="form-group">
+        <label class="form-label">Last Name *</label>
+        <input type="text" name="last_name" value="{{ form.last_name.value|default:'' }}" class="form-control" required />
+      </div>
+    </div>
+    <div class="form-grid">
+      <div class="form-group">
+        <label class="form-label">Teacher ID *</label>
+        <input type="text" name="teacher_id" value="{{ form.teacher_id.value|default:'' }}" class="form-control" placeholder="e.g. TCH-001" required />
+        {% if form.teacher_id.errors %}<div style="color:var(--danger);font-size:12px;margin-top:4px;">{{ form.teacher_id.errors.0 }}</div>{% endif %}
+      </div>
+      <div class="form-group">
+        <label class="form-label">Email *</label>
+        <input type="email" name="email" value="{{ form.email.value|default:'' }}" class="form-control" required />
+        {% if form.email.errors %}<div style="color:var(--danger);font-size:12px;margin-top:4px;">{{ form.email.errors.0 }}</div>{% endif %}
+      </div>
+    </div>
+    <div class="form-grid">
+      <div class="form-group">
+        <label class="form-label">Phone</label>
+        <input type="text" name="phone" value="{{ form.phone.value|default:'' }}" class="form-control" />
+      </div>
+      <div class="form-group">
+        <label class="form-label">Gender</label>
+        <select name="gender" class="form-control">
+          <option value="M" {% if form.gender.value == 'M' %}selected{% endif %}>Male</option>
+          <option value="F" {% if form.gender.value == 'F' %}selected{% endif %}>Female</option>
+          <option value="O" {% if form.gender.value == 'O' %}selected{% endif %}>Other</option>
+        </select>
+      </div>
+    </div>
+    <div class="form-group">
+      <label class="form-label">Qualification</label>
+      <input type="text" name="qualification" value="{{ form.qualification.value|default:'' }}" class="form-control" placeholder="e.g. M.Ed Mathematics" />
+    </div>
+    <div class="form-group">
+      <label class="form-label">Subjects</label>
+      <div style="display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);">
+        {% for subject in form.subjects.field.queryset %}
+        <label style="display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;border-radius:99px;border:1.5px solid var(--border);background:var(--surface);font-size:13px;transition:all .15s;">
+          <input type="checkbox" name="subjects" value="{{ subject.pk }}" {% if subject.pk in form.subjects.value %}checked{% endif %} style="accent-color:var(--primary);" />
+          {{ subject.name }}
+        </label>
+        {% endfor %}
+      </div>
+    </div>
+    <div class="form-grid">
+      <div class="form-group">
+        <label class="form-label">Photo</label>
+        <input type="file" name="photo" class="form-control" accept="image/*" />
+      </div>
+      <div class="form-group">
+        <label class="form-label">Active</label>
+        <select name="is_active" class="form-control">
+          <option value="True" {% if form.is_active.value %}selected{% endif %}>Yes</option>
+          <option value="False" {% if not form.is_active.value %}selected{% endif %}>No</option>
+        </select>
+      </div>
+    </div>
+    <div style="display:flex;gap:10px;margin-top:8px;">
+      <button type="submit" class="btn btn-primary">
+        <i data-lucide="save" style="width:15px;height:15px;"></i>
+        {% if teacher %}Update Teacher{% else %}Add Teacher{% endif %}
+      </button>
+      <a href="{% url 'teacher_list' %}" class="btn btn-secondary">Cancel</a>
+    </div>
+  </form>
+</div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/teachers/list.html b/templates/teachers/list.html
new file mode 100644
index 0000000000000000000000000000000000000000..162d0840d8d1d03849e929d098437d4ce1a3ed52
--- /dev/null
+++ b/templates/teachers/list.html
@@ -0,0 +1,85 @@
+{% extends 'base.html' %}
+{% block title %}Teachers{% endblock %}
+{% block page_title %}Teachers{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+  <h1 class="page-title">Teachers</h1>
+  <p class="page-subtitle">Manage teaching staff</p>
+</div>
+<a href="{% url 'teacher_add' %}" class="btn btn-primary">
+  <i data-lucide="user-plus" style="width:15px;height:15px;"></i> Add Teacher
+</a>
+</div>
+
+<div class="card" style="margin-bottom:20px;">
+<div class="card-body" style="padding:14px 20px;">
+  <form method="get" style="display:flex;gap:10px;">
+    <div class="search-bar" style="flex:1;">
+      <i data-lucide="search" style="width:15px;height:15px;color:var(--text-muted);"></i>
+      <input type="text" name="q" value="{{ query }}" placeholder="Search teachers…" />
+    </div>
+    <button type="submit" class="btn btn-primary">Search</button>
+    {% if query %}<a href="{% url 'teacher_list' %}" class="btn btn-secondary">Clear</a>{% endif %}
+  </form>
+</div>
+</div>
+
+<div class="table-wrapper">
+<table>
+  <thead>
+    <tr>
+      <th>Teacher</th>
+      <th>ID</th>
+      <th>Subjects</th>
+      <th>Qualification</th>
+      <th>Status</th>
+      <th>Actions</th>
+    </tr>
+  </thead>
+  <tbody>
+    {% for teacher in teachers %}
+    <tr>
+      <td>
+        <div style="display:flex;align-items:center;gap:10px;">
+          <div class="avatar-sm" style="background:linear-gradient(135deg,#06b6d4,#0891b2);">{{ teacher.first_name|first }}</div>
+          <div>
+            <div style="font-weight:500;">{{ teacher.full_name }}</div>
+            <div style="font-size:12px;color:var(--text-muted);">{{ teacher.email }}</div>
+          </div>
+        </div>
+      </td>
+      <td><span class="badge badge-cyan">{{ teacher.teacher_id }}</span></td>
+      <td>
+        {% for subject in teacher.subjects.all|slice:":3" %}
+          <span class="badge badge-primary" style="margin-right:3px;">{{ subject.name }}</span>
+        {% empty %}
+          <span style="color:var(--text-muted);font-size:13px;">—</span>
+        {% endfor %}
+      </td>
+      <td style="font-size:13px;color:var(--text-secondary);">{{ teacher.qualification|default:"—" }}</td>
+      <td>
+        <span class="badge {% if teacher.is_active %}badge-success{% else %}badge-secondary{% endif %}">
+          {% if teacher.is_active %}Active{% else %}Inactive{% endif %}
+        </span>
+      </td>
+      <td>
+        <div style="display:flex;gap:6px;">
+          <a href="{% url 'teacher_detail' teacher.pk %}" class="btn btn-outline btn-sm"><i data-lucide="eye" style="width:13px;height:13px;"></i></a>
+          <a href="{% url 'teacher_edit' teacher.pk %}" class="btn btn-outline btn-sm"><i data-lucide="pencil" style="width:13px;height:13px;"></i></a>
+        </div>
+      </td>
+    </tr>
+    {% empty %}
+    <tr><td colspan="6">
+      <div class="empty-state">
+        <div class="empty-state-icon">👩‍🏫</div>
+        <div class="empty-state-title">No teachers found</div>
+      </div>
+    </td></tr>
+    {% endfor %}
+  </tbody>
+</table>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/teachers/subject_form.html b/templates/teachers/subject_form.html
new file mode 100644
index 0000000000000000000000000000000000000000..a6b5b19d000b81acdd91373fc92eb5eba24b28a8
--- /dev/null
+++ b/templates/teachers/subject_form.html
@@ -0,0 +1,34 @@
+{% extends 'base.html' %}
+{% block title %}{{ title }}{% endblock %}
+{% block page_title %}{{ title }}{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left"><h1 class="page-title">{{ title }}</h1></div>
+<a href="{% url 'subject_list' %}" class="btn btn-secondary"><i data-lucide="arrow-left" style="width:15px;height:15px;"></i> Back</a>
+</div>
+<div class="card" style="max-width:520px;">
+<div class="card-body">
+  <form method="post">
+    {% csrf_token %}
+    <div class="form-group">
+      <label class="form-label">Subject Name *</label>
+      <input type="text" name="name" value="{{ form.name.value|default:'' }}" class="form-control" placeholder="e.g. Mathematics" required />
+    </div>
+    <div class="form-group">
+      <label class="form-label">Subject Code *</label>
+      <input type="text" name="code" value="{{ form.code.value|default:'' }}" class="form-control" placeholder="e.g. MATH-101" required />
+      {% if form.code.errors %}<div style="color:var(--danger);font-size:12px;margin-top:4px;">{{ form.code.errors.0 }}</div>{% endif %}
+    </div>
+    <div class="form-group">
+      <label class="form-label">Description</label>
+      <textarea name="description" class="form-control" rows="3" placeholder="Brief description…">{{ form.description.value|default:'' }}</textarea>
+    </div>
+    <div style="display:flex;gap:10px;margin-top:8px;">
+      <button type="submit" class="btn btn-primary"><i data-lucide="save" style="width:15px;height:15px;"></i> Save Subject</button>
+      <a href="{% url 'subject_list' %}" class="btn btn-secondary">Cancel</a>
+    </div>
+  </form>
+</div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/teachers/subjects.html b/templates/teachers/subjects.html
new file mode 100644
index 0000000000000000000000000000000000000000..56d60eee6cee0e2c44bcfdc004da413c35a0dc53
--- /dev/null
+++ b/templates/teachers/subjects.html
@@ -0,0 +1,40 @@
+{% extends 'base.html' %}
+{% block title %}Subjects{% endblock %}
+{% block page_title %}Subjects{% endblock %}
+
+{% block content %}
+<div class="page-header">
+<div class="page-header-left">
+  <h1 class="page-title">Subjects</h1>
+  <p class="page-subtitle">All academic subjects</p>
+</div>
+<a href="{% url 'subject_add' %}" class="btn btn-primary">
+  <i data-lucide="plus" style="width:15px;height:15px;"></i> Add Subject
+</a>
+</div>
+
+<div class="table-wrapper">
+<table>
+  <thead>
+    <tr><th>Code</th><th>Subject Name</th><th>Description</th><th>Teachers</th></tr>
+  </thead>
+  <tbody>
+    {% for subject in subjects %}
+    <tr>
+      <td><span class="badge badge-primary">{{ subject.code }}</span></td>
+      <td style="font-weight:500;">{{ subject.name }}</td>
+      <td style="font-size:13px;color:var(--text-secondary);">{{ subject.description|default:"—"|truncatechars:60 }}</td>
+      <td>{{ subject.teachers.count }} teacher{{ subject.teachers.count|pluralize }}</td>
+    </tr>
+    {% empty %}
+    <tr><td colspan="4">
+      <div class="empty-state">
+        <div class="empty-state-icon">📚</div>
+        <div class="empty-state-title">No subjects yet</div>
+      </div>
+    </td></tr>
+    {% endfor %}
+  </tbody>
+</table>
+</div>
+{% endblock %}
\ No newline at end of file