Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>SyncUsers</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| background-color: #050505; | |
| color: #ffffff; | |
| } | |
| /* Custom Scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #050505; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #333; | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #555; | |
| } | |
| /* Utilities for gradients */ | |
| .bg-glass { | |
| background: rgba(255, 255, 255, 0.05); | |
| backdrop-filter: blur(10px); | |
| -webkit-backdrop-filter: blur(10px); | |
| } | |
| .gradient-text { | |
| background: linear-gradient(to right, #fff, #aaa); | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| } | |
| /* Blink animation for cursor */ | |
| @keyframes blink { | |
| 0%, 100% { opacity: 1; } | |
| 50% { opacity: 0; } | |
| } | |
| .animate-blink { | |
| animation: blink 1s step-end infinite; | |
| } | |
| </style> | |
| <script type="importmap"> | |
| { | |
| "imports": { | |
| "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/", | |
| "react/": "https://aistudiocdn.com/react@^19.2.0/", | |
| "react": "https://aistudiocdn.com/react@^19.2.0", | |
| "lucide-react": "https://aistudiocdn.com/lucide-react@^0.555.0", | |
| "recharts": "https://aistudiocdn.com/recharts@^3.5.0", | |
| "plotly.js": "https://cdn.jsdelivr.net/npm/plotly.js-dist-min@2.30.0/+esm" | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <div id="root"></div> | |
| </body> | |
| </html> |