diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 6e2f6ac..0877984 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -86,7 +86,7 @@ export default function IndexPage() {
               <Card key={kpi.title} className="border-0 shadow-sm backdrop-blur-sm bg-card/80 border-border/50 hover:-translate-y-1 hover:shadow-lg transition-all duration-300 animate-fade-up">
                 <CardContent className="p-6">
                   <div className="flex items-center justify-between">
-                    <div className={`flex items-center justify-center h-12 w-12 rounded-xl \${kpi.color}`}>
+                    <div className={`flex items-center justify-center h-12 w-12 rounded-xl ${kpi.color}`}>
                       <kpi.icon className="h-6 w-6" />
                     </div>
                     <Button variant="ghost" size="sm" className="h-8 w-8 p-0 text-slate-400">
@@ -116,7 +116,7 @@ export default function IndexPage() {
               <CardContent className="space-y-4">
                 {activityFeed.map((item, i) => (
                   <div key={i} className="flex items-start gap-3 p-2 rounded-lg backdrop-blur-sm bg-card/80 border-border/50">
-                    <div className={`h-8 w-8 rounded-full \${item.color} flex items-center justify-center shrink-0`}>
+                    <div className={`h-8 w-8 rounded-full ${item.color} flex items-center justify-center shrink-0`}>
                       <span className="text-xs font-semibold text-white">{item.initials}</span>
                     </div>
                     <div className="flex-1 min-w-0">
@@ -145,12 +145,12 @@ export default function IndexPage() {
               </CardHeader>
               <CardContent className="space-y-2">
                 {tasks.map((task) => (
-                  <div key={task.id} className={`flex items-center gap-3 p-3 rounded-lg hover:bg-slate-50 transition-colors \${task.done ? "opacity-60" : ""}`}>
+                  <div key={task.id} className={`flex items-center gap-3 p-3 rounded-lg hover:bg-slate-50 transition-colors ${task.done ? "opacity-60" : ""}`}>
                     <Checkbox checked={task.done} onCheckedChange={() => toggleTask(task.id)} className="border-slate-300 data-[state=checked]:bg-violet-600 data-[state=checked]:border-violet-600" />
                     <div className="flex-1 min-w-0">
-                      <p className={`text-sm font-medium \${task.done ? "line-through text-slate-400" : "text-slate-900"}`}>{task.title}</p>
+                      <p className={`text-sm font-medium ${task.done ? "line-through text-slate-400" : "text-slate-900"}`}>{task.title}</p>
                     </div>
-                    <Badge className={`\${task.priorityColor} text-xs font-medium border-0`}>{task.priority}</Badge>
+                    <Badge className={`${task.priorityColor} text-xs font-medium border-0`}>{task.priority}</Badge>
                     <span className="text-xs text-slate-400 hidden sm:block">{task.due}</span>
                     <Avatar className="h-6 w-6">
                       <AvatarFallback className="text-[10px] bg-violet-100 text-violet-700">{task.assignee}</AvatarFallback>