@tailwind base;@tailwind components;@tailwind utilities;:root{--red: #d2232a;--red-lt: #e8454b;--violet: #7c3aed;--bg: #080b14;--border: rgba(255, 255, 255, .07);--border2: rgba(255, 255, 255, .12);--glass: rgba(255, 255, 255, .04);--glass2: rgba(255, 255, 255, .07)}@layer base{body{@apply bg-[#080b14] text-[#e2e8f0] font-sans antialiased;}}@layer components{.dot-bg{background-color:var(--bg);background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px}.card{@apply bg-[var(--glass)] border border-[var(--border)] rounded-2xl backdrop-blur-xl;}.inp{@apply w-full bg-white/5 border border-[var(--border2)] rounded-xl px-4 py-2.5 text-sm text-[#e2e8f0] outline-none transition-all focus:border-[rgba(210,35,42,.5)] focus:bg-white/[.07];}.lbl{@apply block text-[11px] font-semibold text-gray-500 uppercase tracking-wider mb-2;}.badge{@apply inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-[10px] font-bold uppercase tracking-wider;}.nav-item{@apply flex items-center gap-3 px-3.5 py-2.5 rounded-xl text-[13px] font-medium text-gray-500 cursor-pointer transition-all hover:bg-[var(--glass2)] hover:text-[#e2e8f0];}.nav-item.active{@apply bg-[rgba(210,35,42,.1)] text-[#f87171] border border-[rgba(210,35,42,.2)];}.tbl{@apply w-full border-collapse;}.tbl th{@apply text-[10px] font-bold text-gray-500 uppercase tracking-widest px-4 py-3 border-b border-[var(--border)] text-left;}.tbl td{@apply text-xs text-gray-400 px-4 py-3 border-b border-white/[.04] align-top;}}.grad-red{background:linear-gradient(135deg,var(--red),var(--red-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.grad-btn{background:linear-gradient(135deg,var(--red),var(--red-lt))}.orb{@apply absolute rounded-full blur-[80px] pointer-events-none;}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out both}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}
