@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-qeevo-blue:#003d9b;--color-qeevo-blue-light:#0052cc}html{font-family:Inter,sans-serif}@apply bg-slate-900 text-slate-100;h1,h2,h3,h4,h5,h6{font-family:Manrope,sans-serif}code,pre,.font-mono{font-family:JetBrains Mono,Fira Code,monospace}*{scrollbar-width:thin;scrollbar-color:#64748b66 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}@apply bg-slate-600 rounded-full;@apply bg-slate-500;}@layer components{@apply inline-flex items-center justify-center gap-2 px-5 py-3 min-h-[48px] bg-[#003d9b] hover:bg-[#0052cc] text-white font-manrope font-semibold text-sm rounded-2xl transition-all duration-300 hover:scale-[1.02] active:scale-[.98] shadow-lg shadow-blue-900/30 hover:shadow-blue-800/40;@apply inline-flex items-center justify-center gap-2 px-5 py-3 min-h-[48px] bg-slate-700/60 hover:bg-slate-600/60 text-slate-200 font-manrope font-semibold text-sm rounded-2xl border border-slate-600/50 hover:border-slate-500 transition-all duration-300 hover:scale-[1.02] active:scale-[.98];@apply inline-flex items-center justify-center gap-2 px-5 py-3 min-h-[48px] bg-red-600 hover:bg-red-500 text-white font-manrope font-semibold text-sm rounded-2xl transition-all duration-300 hover:scale-[1.02] active:scale-[.98] shadow-lg shadow-red-900/30;@apply bg-slate-800/60 backdrop-blur-sm border border-slate-700/50 rounded-2xl p-6 shadow-xl shadow-black/20 transition-all duration-300;@apply card hover:border-slate-600 hover:shadow-2xl hover:shadow-black/30 hover:-translate-y-0.5;@apply inline-flex items-center gap-1.5 px-2.5 py-1 bg-red-600/20 text-red-400 border border-red-500/30 rounded-lg text-xs font-mono font-medium;@apply inline-flex items-center gap-1.5 px-2.5 py-1 bg-amber-600/20 text-amber-400 border border-amber-500/30 rounded-lg text-xs font-mono font-medium;@apply inline-flex items-center gap-1.5 px-2.5 py-1 bg-blue-600/20 text-blue-400 border border-blue-500/30 rounded-lg text-xs font-mono font-medium;@apply inline-flex items-center gap-1.5 px-2.5 py-1 bg-slate-600/30 text-slate-400 border border-slate-500/30 rounded-lg text-xs font-mono font-medium;@apply inline-flex items-center gap-1.5 px-2.5 py-1 bg-blue-600/20 text-blue-300 border border-blue-500/30 rounded-lg text-xs font-mono font-medium;@apply inline-flex items-center gap-1.5 px-2.5 py-1 bg-amber-600/20 text-amber-300 border border-amber-500/30 rounded-lg text-xs font-mono font-medium;@apply inline-flex items-center gap-1.5 px-2.5 py-1 bg-purple-600/20 text-purple-300 border border-purple-500/30 rounded-lg text-xs font-mono font-medium;@apply inline-flex items-center gap-1.5 px-2.5 py-1 bg-emerald-600/20 text-emerald-400 border border-emerald-500/30 rounded-lg text-xs font-mono font-medium;@apply inline-flex items-center gap-1.5 px-2.5 py-1 bg-red-900/30 text-red-500 border border-red-800/40 rounded-lg text-xs font-mono font-medium;@apply inline-flex items-center gap-1.5 px-2.5 py-1 bg-amber-600/20 text-amber-300 border border-amber-500/30 rounded-lg text-xs font-mono font-medium;@apply w-full bg-slate-700/50 border border-slate-600/60 text-slate-100 placeholder-slate-400 rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500/50 focus:border-blue-500/50 transition-all duration-200 min-h-[48px];@apply input-field cursor-pointer;@apply flex items-center gap-3 px-4 py-3 rounded-xl text-slate-400 hover:text-slate-100 hover:bg-slate-700/60 transition-all duration-200 text-sm font-medium cursor-pointer min-h-[48px];@apply sidebar-item text-white bg-[#003d9b]/30 border border-[#003d9b]/40 shadow-lg shadow-blue-900/20;@apply card relative overflow-hidden;.stat-card:before{content:""}@apply absolute inset-0 opacity-5 rounded-2xl;.stat-card:before{background:radial-gradient(circle at top right, theme("colors.blue.400"), transparent 60%)}@apply fixed inset-0 bg-black/60 backdrop-blur-md z-50 flex items-center justify-center p-4;@apply bg-slate-800/90 backdrop-blur-xl border border-slate-700/60 rounded-3xl shadow-2xl shadow-black/50 w-full max-w-2xl max-h-[90vh] overflow-y-auto;@apply flex gap-3 items-start;@apply flex gap-3 items-start flex-row-reverse;@apply bg-slate-700/60 border border-slate-600/40 rounded-2xl rounded-tl-sm px-4 py-3 text-sm text-slate-200 max-w-[75%];@apply bg-[#003d9b]/40 border border-[#003d9b]/30 rounded-2xl rounded-tr-sm px-4 py-3 text-sm text-slate-100 max-w-[75%];@apply fixed bottom-6 right-6 z-40 flex flex-col items-end gap-3;@apply w-14 h-14 rounded-full bg-[#003d9b] hover:bg-[#0052cc] flex items-center justify-center text-white text-2xl shadow-lg shadow-blue-900/50 cursor-pointer transition-all duration-300 hover:scale-110 active:scale-95 border-2 border-blue-400/20;@apply bg-slate-800/95 backdrop-blur-xl border border-slate-700/60 rounded-3xl shadow-2xl shadow-black/50 w-96 max-h-[600px] flex flex-col overflow-hidden;.zoom-container{transform-origin:0 0;transition:transform .3s}}@layer utilities{@apply bg-gradient-to-r from-blue-400 to-blue-600 bg-clip-text text-transparent;.bg-grid-pattern{background-image:radial-gradient(circle,#94a3b814 1px,#0000 1px);background-size:24px 24px}.glow-blue{box-shadow:0 0 30px #003d9b4d}.border-gradient{border-image:linear-gradient(135deg,#003d9b,#0052cc,#0000) 1}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}}
