diff --git a/frontend/src/index.css b/frontend/src/index.css
index 398e055..85c721d 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -208,7 +208,7 @@ body {
   background: var(--color-bg-card);
   border: 1px solid var(--color-border);
   border-radius: 8px;
-  overflow: hidden; 
+  overflow: hidden;
 }
 
 .task-item {
@@ -427,6 +427,10 @@ body {
   text-overflow: ellipsis;
   cursor: pointer;
   text-decoration: none;
+
+  display: flex;
+  align-items: center;
+  gap: 2px;
 }
 
 .calendar-event-pill:hover {
@@ -566,4 +570,25 @@ body {
   border: 1px solid rgba(34, 197, 94, 0.4);
   color: #22c55e;
   font-size: 14px;
+}
+
+.calendar-event-pill.urgent {
+  background-color: #dc2626;
+  color: #ffffff;
+  font-weight: 600;
+}
+
+.calendar-event-alert {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  margin-right: 4px;
+  border-radius: 50%;
+  background: #ffffff;
+  color: #dc2626;
+  font-size: 10px;
+  font-weight: 700;
+  flex-shrink: 0;
 }
\ No newline at end of file
diff --git a/frontend/src/pages/CalendarPage.tsx b/frontend/src/pages/CalendarPage.tsx
index 99a5426..eb42ce7 100644
--- a/frontend/src/pages/CalendarPage.tsx
+++ b/frontend/src/pages/CalendarPage.tsx
@@ -1,6 +1,7 @@
 import { Link } from 'react-router-dom';
 import { useEffect, useMemo, useState } from 'react';
 import { supabase } from '../lib/supabase';
+import { isUrgentDeadline } from '../utils/deadlines';
 
 const weekDays = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
 
@@ -196,9 +197,16 @@ export default function CalendarPage() {
                             <Link
                                 key={task.id}
                                 to={`/tasks/${task.id}`}
-                                className={`calendar-event-pill ${task.is_completed ? 'done' : ''}`}
+                                className={[
+                                  'calendar-event-pill',
+                                  task.is_completed ? 'done' : '',
+                                  !task.is_completed && isUrgentDeadline(task.deadline) ? 'urgent' : '',
+                                ].join(' ')}
                                 title={task.title}
                             >
+                              {!task.is_completed && isUrgentDeadline(task.deadline) && (
+                                  <span className="calendar-event-alert">!</span>
+                              )}
                               {task.title}
                             </Link>
                         ))}