feat: initial smart home dashboard

- Next.js 14 + TypeScript + Tailwind CSS
- Glassmorphism design with ambient orbs
- Cards: Light x2, Temperature, AirPurifier, Tasks, Weather, Savings
- Home Assistant integration (demo mode if no token)
- Vikunja tasks API
- Pulse savings API
- wttr.in weather
- Framer Motion animations
- Dark/light theme toggle
- Bottom navigation
- Dockerfile for deployment

tailwind.config.ts

@@ -0,0 +1,64 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  darkMode: "class",
+  content: [
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        dark: {
+          bg: "#0a0a0f",
+          card: "rgba(255,255,255,0.05)",
+          border: "rgba(255,255,255,0.08)",
+        },
+        light: {
+          bg: "#f0f0f8",
+          card: "rgba(255,255,255,0.8)",
+          border: "rgba(0,0,0,0.08)",
+        },
+        accent: {
+          indigo: "#6366f1",
+          violet: "#8b5cf6",
+          cyan: "#06b6d4",
+          emerald: "#10b981",
+          rose: "#f43f5e",
+          amber: "#f59e0b",
+        },
+      },
+      fontFamily: {
+        sans: ["Inter", "system-ui", "sans-serif"],
+      },
+      backdropBlur: {
+        xs: "2px",
+      },
+      animation: {
+        "orb-1": "orbMove1 20s ease-in-out infinite",
+        "orb-2": "orbMove2 25s ease-in-out infinite",
+        "orb-3": "orbMove3 30s ease-in-out infinite",
+        "pulse-slow": "pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+      },
+      keyframes: {
+        orbMove1: {
+          "0%, 100%": { transform: "translate(0, 0) scale(1)" },
+          "33%": { transform: "translate(30px, -50px) scale(1.1)" },
+          "66%": { transform: "translate(-20px, 20px) scale(0.9)" },
+        },
+        orbMove2: {
+          "0%, 100%": { transform: "translate(0, 0) scale(1)" },
+          "33%": { transform: "translate(-40px, 30px) scale(1.05)" },
+          "66%": { transform: "translate(20px, -30px) scale(0.95)" },
+        },
+        orbMove3: {
+          "0%, 100%": { transform: "translate(0, 0) scale(1)" },
+          "50%": { transform: "translate(25px, 25px) scale(1.08)" },
+        },
+      },
+    },
+  },
+  plugins: [],
+};
+export default config;