@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--secondary-50: #fdf4ff;--secondary-100: #fae8ff;--secondary-200: #f5d0fe;--secondary-300: #f0abfc;--secondary-400: #e879f9;--secondary-500: #d946ef;--secondary-600: #c026d3;--secondary-700: #a21caf;--secondary-800: #86198f;--secondary-900: #701a75;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25)}@layer base{*{@apply border-border;}body{@apply bg-gray-50 text-gray-900 antialiased;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}h1,h2,h3,h4,h5,h6{@apply font-bold tracking-tight;}}@layer components{.login-page{background:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary-500) 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);padding:2.5rem;width:100%;max-width:28rem;animation:fadeInUp .5s ease-out}.btn{@apply px-4 py-2 rounded-lg font-medium transition-all duration-200 inline-flex items-center justify-center gap-2;}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;box-shadow:0 4px 12px #0ea5e94d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e966}.btn-primary:active{transform:translateY(0)}.btn-secondary{@apply bg-gray-200 text-gray-800;}.btn-secondary:hover{@apply bg-gray-300;}.btn-danger{@apply bg-red-600 text-white;}.btn-danger:hover{@apply bg-red-700;box-shadow:0 8px 20px #ef44444d}.input{@apply w-full px-4 py-2.5 border border-gray-300 rounded-lg;@apply focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent;@apply transition-all duration-200;background:#fff}.input:focus{box-shadow:0 0 0 4px #0ea5e91a}.sidebar{@apply bg-white border-r border-gray-200;width:16rem;height:100vh;position:fixed;left:0;top:0;z-index:50;box-shadow:var(--shadow-md)}.sidebar-item{@apply px-4 py-3 mx-2 my-1 rounded-lg transition-all duration-200;@apply flex items-center gap-3 text-gray-700 cursor-pointer;}.sidebar-item:hover{@apply bg-gray-100;transform:translate(4px)}.sidebar-item.active{background:linear-gradient(135deg,#e0f2fe,#ddd6fe);color:var(--primary-700);font-weight:600;box-shadow:var(--shadow-sm)}.chat-container{@apply flex-1 overflow-y-auto p-6 space-y-4;background:linear-gradient(to bottom,#f8fafc,#fff)}.chat-bubble{@apply p-4 rounded-2xl shadow-sm max-w-2xl;animation:slideIn .3s ease-out}.chat-bubble-user{@apply ml-auto;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;border-radius:1.25rem 1.25rem .5rem}.chat-bubble-assistant{@apply bg-white border border-gray-200;color:var(--gray-800);border-radius:1.25rem 1.25rem 1.25rem .5rem}.chat-input-container{@apply p-4 border-t border-gray-200 bg-white;box-shadow:0 -4px 12px #0000000d}.card{@apply bg-white rounded-xl shadow-sm border border-gray-200 p-6;@apply hover:shadow-md transition-shadow duration-200;}.glass-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.feature-card{@apply card cursor-pointer;}.feature-card:hover{@apply shadow-lg;transform:translateY(-4px)}.badge{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;}.badge-success{@apply bg-green-100 text-green-800;}.badge-warning{@apply bg-yellow-100 text-yellow-800;}.badge-error{@apply bg-red-100 text-red-800;}.badge-info{@apply bg-blue-100 text-blue-800;}.loading-spinner{@apply inline-block w-6 h-6 border-3 border-primary-200 border-t-primary-600 rounded-full;animation:spin 1s linear infinite}.skeleton{@apply bg-gray-200 rounded animate-pulse;}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:fadeInUp .4s ease-out}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.login-card{padding:1.5rem}.chat-bubble{max-width:85%}}@media (prefers-color-scheme: dark){.dark-mode body{@apply bg-gray-900 text-gray-100;}.dark-mode .card,.dark-mode .sidebar{@apply bg-gray-800 border-gray-700;}.dark-mode .input{@apply bg-gray-800 border-gray-700 text-white;}}}@layer utilities{.text-gradient{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-gradient{border-image:linear-gradient(135deg,var(--primary-500),var(--secondary-500)) 1}}