@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{min-width:320px;min-height:100vh;margin:0}@apply bg-[#050510] text-slate-100 antialiased selection:bg-indigo-500/30;body{background-image:radial-gradient(circle at 15%,#4f46e51a,#0000 25%),radial-gradient(circle at 85% 30%,#9333ea1a,#0000 25%)}@apply text-white font-bold tracking-tight font-display;input,button,a{cursor:pointer;pointer-events:auto!important}#root{flex-direction:column;min-height:100vh;display:flex}@layer utilities{@apply bg-[#0f0f1a]/60 backdrop-blur-xl border border-white/10 shadow-[0_4px_30px_rgba(0,0,0,.5)];@apply bg-gradient-to-br from-[#1a1a2e]/80 to-[#0f0f1a]/80 backdrop-blur-lg border border-white/5 rounded-2xl shadow-[0_8px_32px_rgba(0,0,0,.3)] transition-all duration-300 hover:shadow-[0_8px_32px_rgba(79,70,229,.15)] hover:border-white/10 hover:-translate-y-1;@apply relative overflow-hidden bg-white/5 hover:bg-white/10 border border-white/10 rounded-xl px-6 py-3 transition-all duration-300 font-semibold shadow-[0_0_15px_rgba(0,0,0,.2)] hover:shadow-[0_0_25px_rgba(79,70,229,.3)];@apply bg-black/40 border border-white/10 focus:ring-2 focus:ring-indigo-500/50 outline-none rounded-xl transition-all text-white placeholder-gray-500 backdrop-blur-md;@apply bg-clip-text text-transparent bg-gradient-to-r from-indigo-400 via-purple-400 to-pink-400;}.font-display{font-family:Inter,sans-serif}.badge-income{font-weight:600;color:#4ade80!important;background:#4ade8026!important}.badge-expense{font-weight:600;color:#f87171!important;background:#f8717126!important}.income-amount{font-weight:600;color:#4ade80!important}.expense-amount{font-weight:600;color:#f87171!important}@apply flex flex-col md:flex-row items-center justify-between gap-4 px-6 py-6 sticky top-0 z-10 bg-[#050510]/80 backdrop-blur-xl border-b border-white/5;@apply text-2xl font-bold text-white m-0 !important;@apply flex items-center gap-3 w-full md:w-auto overflow-x-auto pb-1 md:pb-0;@apply flex items-center gap-2;@apply flex items-center gap-2 px-4 py-2 rounded-xl text-sm font-semibold transition-all active:scale-95 shadow-sm border-none cursor-pointer;@apply bg-[#9fe870] hover:bg-[#8bd65e] text-[#163300] shadow-[#9fe870]/20;@apply bg-blue-500 hover:bg-blue-600 text-white shadow-blue-500/20;@apply bg-slate-800 hover:bg-slate-900 text-white shadow-slate-800/20 dark:bg-slate-700 dark:hover:bg-slate-600;@apply opacity-50 cursor-not-allowed scale-100;@apply flex border-b border-white/10 mb-6 font-semibold overflow-x-auto;@apply px-6 py-3 text-gray-500 hover:text-gray-300 transition-colors relative whitespace-nowrap cursor-pointer border-none bg-transparent;@apply text-indigo-400;.finance-tab-btn.active:after{content:""}@apply absolute bottom-0 left-0 w-full h-0.5 bg-indigo-500 shadow-[0_0_10px_rgba(99,102,241,.5)];