:root{--color-brand: #FF0000;--color-brand-muted: #B20000;--color-bg-deep: #050505;--color-bg-card: #0A0A0A;--color-border: #1A1A1A;--color-border-active: #333333;--color-text-main: #FFFFFF;--color-text-muted: #888888;--color-text-dim: #444444;--font-main: "Outfit", "Inter", sans-serif;--font-tech: "JetBrains Mono", monospace;--shadow-glow: 0 0 20px rgba(255, 0, 0, .15);--shadow-glow-strong: 0 0 40px rgba(255, 0, 0, .3)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background-color:var(--color-bg-deep);color:var(--color-text-main);margin:0;padding:0;line-height:1.5;background-color:var(--color-bg-primary);color:#c9d1d9;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.border-subtle{border:1px solid var(--color-border)}.card-saas{@apply bg-secondary border border-subtle rounded-2xl shadow-lg transition-all duration-200;}.card-saas:hover{@apply -translate-y-1 border-white/10;}.btn-primary{background:var(--color-accent-gradient);@apply text-white font-semibold rounded-xl px-6 py-3 shadow-md hover:brightness-110 active:scale-[.98] transition-all;}.btn-secondary{@apply bg-tertiary border border-subtle text-white font-semibold rounded-xl px-6 py-3 hover:bg-[#2b333d] active:scale-[.98] transition-all;}.status-badge{@apply px-2.5 py-0.5 rounded-full text-[10px] font-bold uppercase tracking-wider;}.status-active{@apply bg-green-500/10 text-green-500 border border-green-500/20;}.status-warning{@apply bg-yellow-500/10 text-yellow-500 border border-yellow-500/20;}.status-danger{@apply bg-red-500/10 text-red-500 border border-red-500/20;}.status-info{@apply bg-blue-500/10 text-blue-500 border border-blue-500/20;}.text-muted{color:var(--color-text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#30363d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .4s ease-out forwards}input,select,textarea{@apply bg-tertiary border border-subtle rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-red-500/20 focus:border-red-500/50 outline-none transition-all;}
