redesign: modern dark dashboard with gradients and animations

- New color system: deep #0a0a0f bg with indigo/violet/emerald accents
- Sidebar redesign: gradient DH badge, improved active state, cleaner typography
- Card system: .card class with colored top-border accents, hover glow
- WeatherWidget: large temperature display, gradient bg, better 7-day grid
- CalendarWidget: gradient today highlight, violet accents, improved events panel
- TasksWidget: priority dots, hover states, max-height scroll
- System page: circular SVG gauges with glow, accent cards, better bars
- Bookmarks page: hover lift effect, colored category headers
- Claude widgets: gradient badge headers, accent borders
- DashboardHeader: live clock, gradient greeting text
- ServicesGrid: pulsing online indicator (animate-ping), card lift on hover
- globals.css: Inter font, custom scrollbar, card/glass-card, gradient-text helper
- tailwind.config.ts: dash colors, gradient BG images, glow/float animations

src/app/(dashboard)/page.tsx

@@ -4,26 +4,28 @@ import { TasksWidget } from "@/components/widgets/TasksWidget";
 import { CalendarWidget } from "@/components/widgets/CalendarWidget";
 import { ClaudeUsageWidget } from "@/components/widgets/ClaudeUsageWidget";
 import { ClaudeApiWidget } from "@/components/widgets/ClaudeApiWidget";
+import { DashboardHeader } from "@/components/widgets/DashboardHeader";
 
 export default function DashboardPage() {
   return (
-    <div className="space-y-6">
-      <div>
-        <h1 className="text-2xl font-bold text-white">Dashboard</h1>
-        <p className="text-slate-400 text-sm">Добро пожаловать домой</p>
-      </div>
+    <div className="space-y-6 max-w-7xl mx-auto">
+      <DashboardHeader />
 
       {/* Weather - full width */}
       <WeatherWidget />
 
       {/* Calendar + Tasks */}
-      <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-        <CalendarWidget />
-        <TasksWidget />
+      <div className="grid grid-cols-1 lg:grid-cols-3 gap-5">
+        <div className="lg:col-span-2">
+          <CalendarWidget />
+        </div>
+        <div className="lg:col-span-1">
+          <TasksWidget />
+        </div>
       </div>
 
       {/* Claude row */}
-      <div className="grid grid-cols-2 gap-4">
+      <div className="grid grid-cols-2 gap-5">
         <ClaudeUsageWidget />
         <ClaudeApiWidget />
       </div>