init

src/assets/main.css

@@ -0,0 +1,35 @@
+@import "tailwindcss";
+
+:root {
+  --primary-color: #007AFF;
+  --primary-hover: #0063CC;
+  --bg-light: #FBFBFD;
+  --sidebar-bg: #F8FAFD;
+  --text-main: #1D1D1F;
+  --text-sec: #86868B;
+  --border-color: #E5E5E7;
+  --card-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
+  --btn-shadow: 0 4px 12px rgba(0, 122, 255, 0.25);
+  --radius-card: 24px;
+  --radius-btn: 12px;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  background-color: var(--bg-light);
+  color: var(--text-main);
+  margin: 0;
+  padding: 0;
+  -webkit-font-smoothing: antialiased;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+/* Base custom styles for utility-like usage */
+.bg-light { background-color: var(--bg-light); }
+.bg-sidebar { background-color: var(--sidebar-bg); }
+.text-main { color: var(--text-main); }
+.text-sec { color: var(--text-sec); }
+.border-main { border-color: var(--border-color); }

src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>