feat: update student import and graduation workflows

resources/views/student-self-service/export-class-codes.blade.php

@@ -25,14 +25,15 @@
         }
 
         .print-button {
-            background: #0f172a;
+            background: linear-gradient(135deg, #0f172a, #1e293b);
             color: #ffffff;
             border: none;
-            border-radius: 8px;
+            border-radius: 10px;
             padding: 10px 16px;
             font-size: 13px;
             font-weight: 700;
             cursor: pointer;
+            box-shadow: 0 10px 24px -14px rgba(15, 23, 42, 0.75);
         }
 
         .letterhead {
@@ -82,9 +83,11 @@
 
         .meta-box {
             border: 1px solid #374151;
-            padding: 12px 14px;
+            padding: 14px 16px;
             margin-bottom: 16px;
             font-size: 13px;
+            background: linear-gradient(135deg, #ffffff, #f8fafc);
+            border-radius: 14px;
         }
 
         .access-panel {
@@ -92,6 +95,9 @@
             width: 100%;
             border: 1px solid #374151;
             margin-bottom: 16px;
+            border-radius: 18px;
+            overflow: hidden;
+            background: linear-gradient(135deg, #ffffff, #f8fafc);
         }
 
         .access-panel-row {
@@ -125,6 +131,7 @@
             letter-spacing: 0.14em;
             margin-bottom: 10px;
             background: #f9fafb;
+            border-radius: 999px;
         }
 
         .portal-title {
@@ -144,6 +151,7 @@
             border: 1px solid #d1d5db;
             background: #ffffff;
             padding: 10px 12px;
+            border-radius: 12px;
         }
 
         .portal-link-label {
@@ -171,6 +179,7 @@
             background: #ffffff;
             border: 1px solid #d1d5db;
             padding: 10px;
+            border-radius: 14px;
         }
 
         .qr-title {
@@ -236,6 +245,7 @@
             font-weight: 700;
             text-transform: uppercase;
             letter-spacing: 0.05em;
+            background: #f8fafc;
         }
 
         td.center {
@@ -253,6 +263,10 @@
         .notes {
             margin-top: 18px;
             font-size: 12px;
+            border: 1px solid #d1d5db;
+            border-radius: 14px;
+            padding: 14px 16px;
+            background: #fcfcfd;
         }
 
         .notes-title {