:root{--foreground-rgb: 0, 0, 0;--background-start-rgb: 255, 255, 255;--background-end-rgb: 245, 245, 245}@media (prefers-color-scheme: dark){:root{--foreground-rgb: 255, 255, 255;--background-start-rgb: 0, 0, 0;--background-end-rgb: 0, 0, 0}}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))}@layer base{h1{@apply text-4xl font-bold mb-4;}h2{@apply text-3xl font-semibold mb-3;}h3{@apply text-2xl font-medium mb-2;}button,.btn{@apply px-4 py-2 rounded-md transition-colors duration-200;}.btn-primary{@apply bg-blue-600 text-white hover:bg-blue-700;}.btn-secondary{@apply bg-gray-200 text-gray-800 hover:bg-gray-300;}.container{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;}section{@apply py-12;}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{@apply bg-gray-100 dark:bg-gray-800;}::-webkit-scrollbar-thumb{@apply bg-gray-400 dark:bg-gray-600 rounded-full hover:bg-gray-500 dark:hover:bg-gray-500;}input,select,textarea{@apply w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white;}label{@apply block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1;}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn .3s ease-in-out}@tailwind base;@tailwind components;@tailwind utilities;@media screen and (max-width: 768px){input,select,textarea{font-size:16px!important}button,.btn,[role=button]{min-height:44px;min-width:44px;touch-action:manipulation}*{-webkit-overflow-scrolling:touch}*,button,.btn,[role=button],input,select,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.touch-target{min-height:44px;min-width:44px;padding:12px}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh;margin:0;padding:0;text-align:left}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.glass-card{background:#ffffff40;box-shadow:0 8px 32px #1f26872e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.18);transition:box-shadow .2s,transform .2s}.glass-card:hover{box-shadow:0 12px 40px #1f268738;transform:translateY(-2px) scale(1.01)}.stat-card{@apply glass-card flex flex-col items-center justify-center p-6 md:p-8 min-w-[180px] min-h-[140px] transition-all;}.profile-card{@apply glass-card flex flex-col items-center justify-center p-6 md:p-8 mb-6 w-full max-w-md mx-auto;background:linear-gradient(135deg,#6366f11f,#ec48991a)}.avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;box-shadow:0 2px 8px #6366f11f}.progress-bar{width:100%;height:12px;background:#6366f11a;border-radius:6px;overflow:hidden;margin-top:.25rem;margin-bottom:.5rem}.progress-bar-inner{height:100%;border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1)}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}.card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:box-shadow .2s ease-in-out}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.grid-responsive{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 640px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.level-badge{display:inline-block;background:linear-gradient(90deg,#6366f1,#ec4899);color:#fff;font-size:.85rem;font-weight:600;border-radius:9999px;padding:.25rem .75rem;margin-top:.5rem;box-shadow:0 1px 4px #6366f11a}.fade-in{animation:fadeIn .7s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}