ai-station/public/custom.css

/* dFm AI Station - Perplexity Clean Style */
:root {
  --bg-color: #0B0F1A;
  --card-color: #161B2C;
  --accent-color: #6366F1;
}

body { background-color: var(--bg-color) !important; color: #F1F5F9 !important; }

/* Header e Logo */
header { 
  background: rgba(11, 15, 26, 0.8) !important; 
  backdrop-filter: blur(8px); 
  border-bottom: 1px solid #23293F !important; 
}

/* Sidebar */
.MuiDrawer-paper { 
  background-color: var(--bg-color) !important; 
  border-right: 1px solid #23293F !important; 
}

/* Messaggi */
div[class*="user"] { 
  background: #1E253A !important; 
  border-radius: 12px !important; 
  border-left: 4px solid var(--accent-color) !important;
}

/* Input Area */
form { 
  background: var(--card-color) !important; 
  border-radius: 20px !important; 
  border: 1px solid #334155 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
}