@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Inter:wght@300;400;700;900&display=swap');
		
		:root {
			--slate-primary: #1e293b;
			--slate-secondary: #475569;
			--industrial-gray: #f1f5f9;
		}

		body { font-family: 'Inter', sans-serif; background-color: var(--industrial-gray); color: #1e293b; }
		code, .font-mono { font-family: 'Fira Code', monospace; }
		
		.hero-gradient { background: linear-gradient(135deg, #0f172a 0%, #334155 100%); }
		
		.nav-card {
			transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
			border-bottom: 4px solid transparent;
		}
		.nav-card:hover {
			transform: translateY(-5px);
			background-color: #ffffff;
			border-bottom-color: #64748b;
			box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
		}

		.coming-soon-card {
			filter: grayscale(0.8);
			opacity: 0.7;
			cursor: not-allowed;
			transition: all 0.4s ease;
		}
		.coming-soon-card:hover {
			filter: grayscale(0.3);
			opacity: 0.9;
		}

		.fade-in { animation: fadeIn 0.5s ease-out; }
		@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

		.chat-container { 
			height: 100%; /* Teraz kontener zajmuje 100% wysokości rodzica */
			scrollbar-width: thin;
			scrollbar-color: #475569 #0f172a;
		}