Looka vs Brandmark 비교 마크다운 문서를 세련된 디자인의 PHP 대시보드 페이지로 변환 완료

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

lib/meta_common.php

@@ -0,0 +1,33 @@
+<?php
+/**
+ * Global Metadata and Shared Styles
+ * This file centralizes Tailwind CSS, Lucide Icons, React, and Babel scripts.
+ */
+?>
+<!-- Core Libraries -->
+<script src="https://cdn.tailwindcss.com?v=3.4.1"></script>
+<script src="https://unpkg.com/lucide@latest"></script>
+<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
+<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
+<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+
+<script>
+    // Ensure Lucide icons are initialized after page load
+    document.addEventListener('DOMContentLoaded', () => {
+        if (window.lucide) {
+            window.lucide.createIcons();
+        }
+    });
+</script>
+
+<style type="text/tailwindcss">
+    @layer components {
+        /* Global Modal Close Button Style */
+        .btn-close-modal {
+            @apply w-10 h-10 flex items-center justify-center rounded-full bg-white shadow-lg border-2 border-slate-900 transition-all duration-200 hover:bg-red-50 hover:border-red-500 cursor-pointer pointer-events-auto;
+        }
+        .btn-close-modal span {
+            @apply text-xl font-bold text-black group-hover:text-red-600 select-none;
+        }
+    }
+</style>