Index: src/app/students/applications/page.tsx
===================================================================
--- src/app/students/applications/page.tsx	(revision 50f2fb4b186356bc63dde83200e8b04fe71d2c7a)
+++ src/app/students/applications/page.tsx	(revision d7deae59461c29e9dd209dd391ce311c8eae7b63)
@@ -23,5 +23,5 @@
 
 const TableCell = ({ children, className = "" }: TableCellProps) => (
-  <td className={`px-4 py-3 text-sm border-b border-gray-200 ${className}`}>
+  <td className={`px-4 py-3 text-sm border-b border-border ${className}`}>
     {children}
   </td>
@@ -78,6 +78,6 @@
       <div className="bg-primary text-white rounded-xl p-8 mb-8">
         <div className="flex items-center gap-4">
-          <div className="bg-white bg-opacity-20 rounded-full p-4">
-            <FontAwesomeIcon icon={faPenToSquare} className="text-3xl text-primary" />
+          <div className="bg-white rounded-full p-4">
+            <FontAwesomeIcon icon={faPenToSquare} className="text-3xl text-[#0272D1]" />
           </div>
           <div>
@@ -91,7 +91,7 @@
 
       {/* Session Selection */}
-      <div className="bg-white rounded-xl p-6 shadow-sm border border-gray-100 mb-8">
+      <div className="bg-card rounded-xl p-6 shadow-sm border border-border mb-8">
         <div className="flex items-center justify-between">
-          <h2 className="text-lg font-semibold text-gray-900 flex items-center gap-2">
+          <h2 className="text-lg font-semibold text-card-foreground flex items-center gap-2">
             <FontAwesomeIcon icon={faCalendarAlt} className="text-primary" />
             {t('select_exam_session', 'Избери испитна сесија:')}
@@ -101,5 +101,5 @@
             <button
               onClick={() => setIsDropdownOpen(!isDropdownOpen)}
-              className="bg-white border border-gray-300 rounded-lg px-4 py-2 text-left focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary min-w-80"
+              className="bg-card border border-border rounded-lg px-4 py-2 text-left focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary min-w-80"
             >
               <div className="flex items-center justify-between">
@@ -109,5 +109,5 @@
                 <FontAwesomeIcon
                   icon={faChevronDown}
-                  className={`w-4 h-4 text-gray-400 transition-transform ml-4 ${isDropdownOpen ? 'rotate-180' : ''}`}
+                  className={`w-4 h-4 text-muted-foreground transition-transform ml-4 ${isDropdownOpen ? 'rotate-180' : ''}`}
                 />
               </div>
@@ -115,5 +115,5 @@
 
             {isDropdownOpen && (
-              <div className="absolute z-10 right-0 mt-1 w-80 bg-white border border-gray-200 rounded-lg shadow-lg">
+              <div className="absolute z-10 right-0 mt-1 w-80 bg-card border border-border rounded-lg shadow-lg">
                 {applicationsData.examSessions.map((session) => (
                   <button
@@ -123,8 +123,8 @@
                       setIsDropdownOpen(false);
                     }}
-                    className="w-full px-4 py-3 text-left text-sm hover:bg-gray-50 focus:outline-none focus:bg-gray-50 first:rounded-t-lg last:rounded-b-lg"
+                    className="w-full px-4 py-3 text-left text-sm hover:bg-accent focus:outline-none focus:bg-accent first:rounded-t-lg last:rounded-b-lg"
                   >
-                    <div className="font-medium text-gray-900">{t(session.id, session.name)}</div>
-                    <div className="text-xs text-gray-500">{session.year} - {t(session.semester, session.semester)} - {t(session.session, session.session)}</div>
+                    <div className="font-medium text-card-foreground">{t(session.id, session.name)}</div>
+                    <div className="text-xs text-muted-foreground">{session.year} - {t(session.semester, session.semester)} - {t(session.session, session.session)}</div>
                   </button>
                 ))}
@@ -136,5 +136,5 @@
 
       {/* Applications Section */}
-      <div className="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
+      <div className="bg-card rounded-xl shadow-sm border border-border overflow-hidden">
         <div className="bg-primary text-white px-6 py-4">
           <h2 className="text-xl font-bold">{t('registered_exams', 'Пријавени испити')}</h2>
@@ -143,21 +143,21 @@
         <div className="overflow-x-auto">
           <table className="w-full">
-            <thead className="bg-gray-50">
+            <thead className="bg-accent">
               <tr>
-                <th className="px-4 py-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">#</th>
-                <th className="px-4 py-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">{t('serial_number', 'Сериски број')}</th>
-                <th className="px-4 py-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">{t('code', 'Код')}</th>
-                <th className="px-4 py-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">{t('subject', 'Предмет')}</th>
-                <th className="px-4 py-4 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">{t('completed', 'Завршена')}</th>
-                <th className="px-4 py-4 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">{t('fee', 'Таксени')}</th>
-                <th className="px-4 py-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">{t('date', 'Датум')}</th>
-                <th className="px-4 py-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">{t('instructor', 'Наставник')}</th>
-                <th className="px-4 py-4 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">{t('decade', 'Декада')}</th>
+                <th className="px-4 py-4 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider">#</th>
+                <th className="px-4 py-4 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider">{t('serial_number', 'Сериски број')}</th>
+                <th className="px-4 py-4 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider">{t('code', 'Код')}</th>
+                <th className="px-4 py-4 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider">{t('subject', 'Предмет')}</th>
+                <th className="px-4 py-4 text-center text-xs font-medium text-muted-foreground uppercase tracking-wider">{t('completed', 'Завршена')}</th>
+                <th className="px-4 py-4 text-center text-xs font-medium text-muted-foreground uppercase tracking-wider">{t('fee', 'Таксени')}</th>
+                <th className="px-4 py-4 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider">{t('date', 'Датум')}</th>
+                <th className="px-4 py-4 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider">{t('instructor', 'Наставник')}</th>
+                <th className="px-4 py-4 text-center text-xs font-medium text-muted-foreground uppercase tracking-wider">{t('decade', 'Декада')}</th>
               </tr>
             </thead>
-            <tbody className="divide-y divide-gray-100">
+            <tbody className="divide-y divide-border">
               {applications.map((application) => (
-                <tr key={application.id} className="hover:bg-gray-50 transition-colors">
-                  <TableCell className="font-medium text-gray-900">{application.id}</TableCell>
+                <tr key={application.id} className="hover:bg-accent transition-colors">
+                  <TableCell className="font-medium text-card-foreground">{application.id}</TableCell>
                   <TableCell>
                     <span className="font-mono text-sm text-primary font-medium hover:underline cursor-pointer">
@@ -166,5 +166,5 @@
                   </TableCell>
                   <TableCell className="font-mono text-sm font-medium">{application.code}</TableCell>
-                  <TableCell className="font-medium text-gray-900 max-w-xs">
+                  <TableCell className="font-medium text-card-foreground max-w-xs">
                     <div className="flex items-center gap-2">
                       <FontAwesomeIcon icon={faFileText} className="w-4 h-4 text-primary" />
@@ -178,9 +178,9 @@
                     <FeeBadge fee={application.fee} />
                   </TableCell>
-                  <TableCell className="text-gray-600 font-medium">{application.date}</TableCell>
+                  <TableCell className="text-muted-foreground font-medium">{application.date}</TableCell>
                   <TableCell>
                     <div className="flex items-center gap-2">
-                      <FontAwesomeIcon icon={faUser} className="w-4 h-4 text-gray-400" />
-                      <span className="font-medium text-gray-900">{t(application.instructor, application.instructor)}</span>
+                      <FontAwesomeIcon icon={faUser} className="w-4 h-4 text-muted-foreground" />
+                      <span className="font-medium text-card-foreground">{t(application.instructor, application.instructor)}</span>
                     </div>
                   </TableCell>
@@ -208,5 +208,5 @@
       {/* Statistics Cards */}
       <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mt-8">
-        <div className="bg-white rounded-xl p-6 shadow-sm border border-gray-100">
+        <div className="bg-card rounded-xl p-6 shadow-sm border border-border">
           <div className="flex items-center gap-4">
             <div className="bg-blue-100 text-blue-600 rounded-full p-3">
@@ -214,5 +214,5 @@
             </div>
             <div>
-              <h3 className="text-lg font-bold text-gray-900">{t('registered_exams', 'Пријавени испити')}</h3>
+              <h3 className="text-lg font-bold text-card-foreground">{t('registered_exams', 'Пријавени испити')}</h3>
               <p className="text-2xl font-bold text-blue-600">
                 {applications.length}
@@ -222,5 +222,5 @@
         </div>
 
-        <div className="bg-white rounded-xl p-6 shadow-sm border border-gray-100">
+        <div className="bg-card rounded-xl p-6 shadow-sm border border-border">
           <div className="flex items-center gap-4">
             <div className="bg-green-100 text-green-600 rounded-full p-3">
@@ -228,5 +228,5 @@
             </div>
             <div>
-              <h3 className="text-lg font-bold text-gray-900">{t('completed', 'Завршени')}</h3>
+              <h3 className="text-lg font-bold text-card-foreground">{t('completed', 'Завршени')}</h3>
               <p className="text-2xl font-bold text-green-600">
                 {applications.filter(app => app.completed === t('yes', 'Да')).length}
@@ -236,5 +236,5 @@
         </div>
 
-        <div className="bg-white rounded-xl p-6 shadow-sm border border-gray-100">
+        <div className="bg-card rounded-xl p-6 shadow-sm border border-border">
           <div className="flex items-center gap-4">
             <div className="bg-yellow-100 text-yellow-600 rounded-full p-3">
@@ -242,5 +242,5 @@
             </div>
             <div>
-              <h3 className="text-lg font-bold text-gray-900">{t('total_fee', 'Вкупна такса')}</h3>
+              <h3 className="text-lg font-bold text-card-foreground">{t('total_fee', 'Вкупна такса')}</h3>
               <p className="text-2xl font-bold text-yellow-600">
                 {applications.reduce((sum, app) => sum + parseFloat(app.fee.replace(',', '.')), 0).toFixed(2)}